@charset "UTF-8";
@import "components/font.css";
@import "components/msanimate.css";
.adm-section {
  position: relative;
  height: 100%;
  flex-direction: row;
  display: flex;
  flex-grow: 1;
  overflow-x: hidden;
}
.adm-section .adm-side-nav {
  width: max-content;
  float: left;
  height: 100%;
  background: #eee;
  position: relative;
}
.adm-section .adm-side-nav .adm-side-nav-toggle {
  position: absolute;
  right: -17px;
  top: 13px;
  width: auto;
  height: 25px;
  -moz-border-radius: 2px 20px 20px 2px;
  -ms-border-radius: 2px 20px 20px 2px;
  -webkit-border-radius: 2px 20px 20px 2px;
  -os-border-radius: 2px 20px 20px 2px;
  border-radius: 2px 20px 20px 2px;
  z-index: 1;
  line-height: 25px;
  text-align: center;
  background: #20a8d8;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.adm-section .adm-side-nav .adm-side-nav-toggle i {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  padding: 0 3px;
}
.adm-section .adm-side-nav .adm-side-nav-toggle:hover {
  background: #74cbea;
  cursor: pointer;
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  transition: 0.45s;
}
.adm-section .adm-side-nav .adm-side-nav-toggle:hover i {
  color: #FFFFFF;
}
.adm-section .adm-side-nav .side-menu-heading {
  background: #20a8d8;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  height: 46px;
  line-height: 46px;
}
.adm-section .adm-side-nav .adm-nav-tabs {
  display: table-cell;
  width: 190px;
  vertical-align: top;
  border: none; /*border-right:2px solid #d6d6d6;*/
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
}
.adm-section .adm-side-nav .adm-nav-tabs li {
  float: none;
  vertical-align: top;
  cursor: pointer;
}
.adm-section .adm-side-nav .adm-nav-tabs li.adm-nav-title {
  font-size: 85%;
  padding: 10px 10px;
  text-transform: uppercase;
  color: #000000;
  font-weight: bold;
  cursor: default;
  pointer-events: none;
}
.adm-section .adm-side-nav .adm-nav-tabs li.adm-nav-title:hover {
  font-size: 85%;
  padding: 10px 10px;
  background: transparent !important;
  cursor: none !important;
  transition: none !important;
  font-weight: bold;
}
.adm-section .adm-side-nav .adm-nav-tabs li a {
  color: #000000;
  background: transparent;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  text-transform: capitalize;
  padding: 10px 10px;
  margin: 0;
  border-radius: 0;
  border: none;
  position: relative;
  display: block;
  transition: all 0.5s ease 0s;
}
.adm-section .adm-side-nav .adm-nav-tabs li a:hover {
  color: #404040;
  background: transparent;
  border: none;
  font-weight: 600;
  font-size: 13px;
}
.adm-section .adm-side-nav .adm-nav-tabs li a:hover:before {
  width: 100%;
  opacity: 1;
}
.adm-section .adm-side-nav .adm-nav-tabs li a i {
  padding: 0 10px 0 0 !important;
}
.adm-section .adm-side-nav .adm-nav-tabs li.active {
  background: #FFFFFF;
}
.adm-section .adm-side-nav .adm-nav-tabs li.active a {
  color: #404040;
  background: transparent;
  border: none;
}
.adm-section .adm-side-nav .adm-nav-tabs li.active a:before {
  width: 100%;
  opacity: 1;
}
.adm-section .adm-side-nav .adm-nav-tabs li:hover {
  background: #f0fafe;
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  transition: all 0.3s ease 0s;
}
.adm-section .adm-side-nav .adm-dropdown.open {
  background: transparent;
}
.adm-section .adm-side-nav .adm-dropdown.open .adm-dropdown-toggle:after {
  transform: rotate(-90deg);
  top: calc(50% - 4px);
  right: 1rem;
}
.adm-section .adm-side-nav .adm-dropdown.open .adm-dropdown-items {
  max-height: 1500px;
}
.adm-section .adm-side-nav .adm-dropdown.open:hover {
  background: transparent;
}
.adm-section .adm-side-nav .adm-dropdown-toggle {
  position: relative;
}
.adm-section .adm-side-nav .adm-dropdown-toggle:after {
  position: absolute;
  top: calc(50% - 10px);
  right: 1rem;
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  content: "\f104";
  font-family: jdFontAwesome;
}
.adm-section .adm-side-nav .adm-dropdown-items {
  padding: 0;
  margin: 0;
  max-height: 0;
  overflow-y: hidden;
  transition: max-height 0.3s ease-in-out;
}
.adm-section .adm-side-nav .adm-dropdown-items .adm-nav-item {
  position: relative;
  padding: 0;
  list-style-type: none;
}
.adm-section .adm-side-nav .adm-dropdown-items .adm-nav-item:hover {
  background: #f0fafe !important;
}
.adm-section .adm-body-content {
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  overflow: auto;
  margin: 0;
  border: none;
  border-left: 1px solid #ccc;
  border-radius: 0;
  position: relative;
  background: #FFFFFF;
  float: left;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
}
.adm-section .adm-body-content .card-body {
  padding-top: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab {
  display: flex;
  width: 100%;
  background: #FFFFFF;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
  order: 4;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content {
  color: #000000;
  background-color: transparent;
  font-size: 15px;
  text-align: justify;
  line-height: 14px;
  display: table-cell;
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content h3 {
  font-weight: 600;
  margin: 15px 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content h5 {
  font-weight: 600;
  margin: 15px 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content ul {
  display: inline-block;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  border-radius: 10px 10px 0 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content ul li {
  float: left;
  width: auto;
  position: relative;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content ul li a {
  padding: 15px 10px;
  font-weight: 600;
  font-size: 15px;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content ul li a:hover {
  color: #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content ul li.active {
  position: relative;
  border-bottom: 3px solid #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content ul li.active a {
  color: #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
  border-radius: 0 0 10px 10px;
  line-height: 20px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform.box-shadow {
  background: #f5f7f9;
  box-shadow: 0px 0px 10px 1px #e2e2e2;
  padding: 15px;
  margin: 15px 0 !important;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform.background-none {
  background: transparent !important;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform section .row.adm_deptGrid .k-grid .k-grid-header {
  padding: 0 !important;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform section .row.adm_deptGrid .k-grid .k-grid-content {
  height: calc(100vh - 235px) !important;
  height: calc(var(--vh, 1vh) * 100 - 235px) !important;
  overflow: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform section .row.adm_deptGrid .k-grid .k-grid-content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform section .row.adm_deptGrid .k-grid .k-grid-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform section .row.adm_deptGrid .k-grid .k-grid-content::-webkit-scrollbar-thumb {
  background: #888;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform section .row.adm_deptGrid .k-grid .k-grid-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform section .row .add-admin {
  display: inline-block;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform section .row .search-user {
  width: 100%;
  float: left;
  /*>.adm-search{width: 33.33%; float: left;padding:0 15px;}
  >.adm-user-name-search{width: 33.33%; float: left;padding:0 15px;}
  >.adm-company-name-search{width:33.33%; float: left; padding: 0 15px;}*/
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list {
  width: 100%;
  float: left;
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-img {
  width: 36px;
  height: 36px;
  float: left;
  margin: 8px 10px 0 0;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #03A9F4;
  text-align: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-img span {
  line-height: 36px;
  font-size: 18px;
  font-weight: 600;
  color: white;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl {
  width: calc(100% - 65px);
  float: left;
  position: relative;
  padding: 5px 10px 10px 5px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl:hover {
  background: #03a9f4;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  color: #FFFFFF;
  cursor: auto;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl:hover .adm-person-name {
  margin: 0;
  font-size: 14px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl:hover .adm-person-name span {
  background: #607d8b !important;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-title {
  width: calc(100% - 15px);
  float: left;
  position: relative;
  word-break: break-all;
  font-weight: 600;
  font-size: 14px;
  /*.adm-person-name{width:40%;display:inline-block;float:left;}
  .adm-person-mail{width:60%;display:inline-block;float:left;}*/
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-title .adm-person-listitem {
  font-size: 13px;
  padding: 0 3px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-title .adm-person-listitem .adm-person-name {
  margin: 0;
  font-size: 14px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-title .adm-person-listitem .adm-person-name span {
  font-size: 12px;
  background: #dce0e6;
  padding: 2px 5px;
  border-radius: 4px;
  font-weight: 500;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-title .adm-person-listitem .adm-person-mailid {
  margin: 0;
  font-weight: 400;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-title .adm-col-data {
  font-size: 13px;
  padding: 0 3px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-title .adm-person-email {
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-title .adm-person-email:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-delete {
  width: 15px;
  float: left;
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-delete:hover {
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li .adm-person-list .adm-person-dtl .adm-person-delete a {
  padding: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-list li:last-child .adm-person-list .adm-person-dtl {
  border-bottom: none;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination {
  width: 100%;
  text-align: center;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul {
  width: auto;
  border: none;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li {
  height: 30px;
  width: auto;
  line-height: 30px;
  text-align: center;
  border: none;
  margin-right: 4px;
  /*&:active{background:#4285f4;
           a{color:$cmn-white;}
  }*/
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.prev-page {
  background: none !important;
  color: #4285f4;
  width: 30px;
  opacity: 0.4;
  overflow: hidden;
  pointer-events: none;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.prev-page a {
  color: #4285f4;
  font-size: 18px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.prev-page:hover {
  background: #ddd;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.prev-page.prev-page-active {
  opacity: 1;
  pointer-events: fill;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.page-first {
  opacity: 0.4;
  pointer-events: none;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.page-first.page-active {
  pointer-events: fill;
  opacity: 1;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numberList {
  width: auto;
  position: relative;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numberList div {
  float: left;
  position: relative;
  width: 30px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  margin-right: 4px;
  display: none;
  color: #4285f4;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numberList div:hover {
  background: #ddd;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numberList div.active {
  background: #4285f4;
  color: #FFFFFF;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numberList div:last-child {
  margin-right: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numAutoCount {
  counter-reset: step;
  padding: 0;
  margin: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numAutoCount div {
  float: left;
  position: relative;
  width: 30px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  margin-right: 4px;
  color: #4285f4;
  /*&:before{content:counter(step); counter-increment:step;width:20px;height:20px;line-height:20px;}
  &:after{content:'';position:absolute;}*/
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numAutoCount div:hover {
  background: #ddd;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numAutoCount div.active {
  background: #4285f4;
  color: #FFFFFF;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.numAutoCount div:last-child {
  margin-right: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.next-page {
  background: none !important;
  color: #4285f4;
  width: 30px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.next-page a {
  color: #4285f4;
  font-size: 18px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.next-page:hover {
  background: #ddd;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.active {
  background: #4285f4;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li.active a {
  color: #FFFFFF;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li a {
  padding: 0;
  color: #4285f4;
  text-align: center;
  width: 100%;
  font-size: 12px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-userlist-pagination ul li a:hover {
  text-decoration: none;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan {
  position: relative;
  width: 100%;
  float: left;
  /*.adm-upgrade-btn{
       .adm-bil-btn-cls{
   .adm-bil-btn {background-color: #0b8484;border: none;color: white;padding: 10px 18px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;margin: 4px 2px;cursor: pointer;border-radius:30px;}
   .adm-bil-close-acc{color: #696969;font-size: 13px;display:block;text-decoration:underline;}
  }
   }*/
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-card {
  width: 210px;
  margin: 20px;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-card .adm-bil-jum {
  border-radius: 10px;
  background: #0ba2a2;
  padding: 1rem;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-card .adm-bil-jum .adm-bil-plan {
  font-size: 20px;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0 0 20px 0px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-card .adm-bil-jum .adm-bil-plan-duration {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-card .adm-bil-jum .adm-bil-plan-duration .adm-bil-num {
  color: #FFEB3B;
  -webkit-animation-name: example;
  -webkit-animation-duration: 0.5s;
  animation-name: bill-duration;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-card .adm-bil-btn-cls .adm-bil-btn {
  background-color: #0b8484;
  border: none;
  color: white;
  padding: 10px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 30px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-card .adm-bil-btn-cls .adm-bil-close-acc {
  color: #696969;
  font-size: 13px;
  display: block;
  text-decoration: underline;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-about-plan {
  display: inline-block;
  margin-top: 20px;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-about-plan ul {
  list-style-type: none;
  padding: 0;
  float: left;
  border: none;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-about-plan ul li {
  color: #444;
  font-weight: 600;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  text-align: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-bil-current-plan .adm-bil-about-plan ul li .plan-details {
  color: #aaa;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view {
  width: 100%;
  position: relative;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .invite-user-list {
  width: auto !important;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .invite-user-list li {
  width: auto !important;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view ul {
  position: relative;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  border: none;
  line-height: 24px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view ul li {
  float: left;
  width: 100%;
  text-align: left;
  border: none;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-edit-address {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 20px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-edit-address .adm-address-hd {
  width: calc(100% - 160px);
  float: left;
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-edit-address .adm-form-edit {
  width: 160px;
  float: left;
  position: relative;
  cursor: pointer;
  margin: 15px 0;
  text-align: right;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-edit-address .adm-form-edit span {
  margin: 15px 10px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-edit-address .adm-form-edit span:hover {
  cursor: pointer;
  color: #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-edit-address .adm-form-edit span.active {
  color: #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-edit-address .adm-form-edit span:last-child {
  margin-right: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile {
  position: relative;
  display: inline-block;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  width: 100%;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-img {
  text-align: center;
  margin-bottom: 10px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-img.dsp-felx {
  display: flex;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-img .adm-user-icon {
  background: #20a8d8;
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  margin-bottom: 12px;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-img .adm-user-accstatus {
  padding: 3px 10px;
  background: #c2ffc2;
  display: inline-block;
  font-size: 12px;
  margin: 0 4px 0 0;
  margin-top: 20px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-img .adm-user-accstatus i {
  font-size: 12px;
  margin-left: 5px;
  color: #009688;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-img .adm-user-accstatus.adm-user-inactive {
  background: #f6f6f6;
  border-color: #eeeeee;
  color: #9c9a9a;
  font-weight: 600;
  opacity: 1;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-img .adm-user-accstatus.adm-user-accadmin {
  background: #ffd3d0;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-img .adm-user-accstatus.adm-user-accadmin i {
  color: #f44336;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-details {
  font-size: 14px;
  margin: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .adm-user-details .adm-user-details-label {
  font-weight: 600;
  margin-right: 10px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-user-profile .my-prfile-body {
  height: 100%;
  overflow-x: unset;
  overflow: unset;
  overflow-y: unset;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-card-pay {
  color: #FFFFFF;
  width: 100%;
  position: relative;
  float: left;
  margin-top: 10px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-card-pay .adm-card-pay-header {
  background: #20a8d8;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -os-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  width: 100%;
  float: left;
  padding: 10px 15px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-card-pay .adm-card-pay-header .header-text {
  font-size: 16px;
  color: #FFFFFF;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-card-pay .adm-card-pay-header .header-text span {
  font-size: 30px;
  color: #FFFFFF;
  text-align: right;
  float: right;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-card-pay .adm-card-pay-body {
  border: 1px solid #c8ced3;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  -os-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  width: 100%;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-card-pay .adm-card-pay-body .row {
  margin-left: 0;
  margin-right: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list {
  border: 1px solid #ebebeb;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  float: left;
  padding: 0px;
  width: 100%;
  position: relative;
  border-left: 4px solid #20a8d8;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-header {
  float: left;
  position: relative;
  width: 100%;
  padding: 10px 10px 0 10px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-header .adm-comp-mrn {
  width: 100%;
  float: left;
  text-align: right;
  font-size: 11px;
  text-transform: uppercase;
  color: #404040;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-body {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 15px 15px 15px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-body .adm-comp-logo {
  width: 60px;
  height: 60px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  float: left;
  position: absolute;
  border: 1px solid #d9d9d9;
  top: -35px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-body .adm-comp-logo img {
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: auto;
  object-position: center;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-body .adm-comp-title {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-body p {
  margin-bottom: 0;
  font-size: 14px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-body .adm-cop-view {
  width: 100%;
  float: left;
  text-align: right;
  font-size: 13px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-body .adm-cop-view:hover {
  cursor: pointer;
  color: #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list .adm-comp-body .sage-erp {
  width: 100%;
  float: left;
  text-align: right;
  font-size: 12px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-comp-list:hover {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  transition: all 0.3s ease 0s;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-toggle {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-toggle .month-year {
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-toggle .month-year .monthbtn {
  width: auto;
  position: relative;
  padding: 0;
  margin: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-toggle .month-year .monthbtn .btntext {
  padding: 6px 12px;
  position: relative;
  margin-right: -4px;
  min-width: 60px;
  font-size: 13px;
  display: inline-block;
  border: 1px solid #20a8d8;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-toggle .month-year .monthbtn .btntext:last-child {
  border-left: 0px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-toggle .month-year .monthbtn .btntext:hover {
  cursor: pointer;
  color: #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-toggle .month-year .monthbtn .btntext.active {
  color: #FFFFFF;
  background: #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .no-invoice {
  width: 100%;
  float: left;
  position: relative;
  border: 1px solid #ffc107;
  background: #fff4d3;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  padding: 15px;
  font-size: 13px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-list {
  border: 1px solid #e0e0e0;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  float: left;
  width: 100%;
  position: relative;
  cursor: pointer;
  padding: 20px 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-list .pricing-list-hd {
  float: left;
  position: relative;
  text-align: center;
  font-size: 16px;
  width: 100%;
  padding-bottom: 10px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-list .price {
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  padding-bottom: 10px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-list .price span {
  position: relative;
  top: -8px;
  font-size: 18px;
  margin-right: 5px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-list .per-user-text {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  font-size: 12px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-list:hover {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  transition: all 0.3s ease 0s;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-list.active {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  color: #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-summary {
  width: 100%;
  float: left;
  position: relative;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  padding: 0px 10px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-summary .price-summry-list {
  width: 100%;
  position: relative;
  float: left;
  padding-bottom: 8px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-summary .price-summry-list .price-list-icon {
  width: 20px;
  height: 20px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #20a8d8;
  text-align: center;
  justify-content: center;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-summary .price-summry-list .price-list-icon i {
  text-align: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 12px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .pricing-summary .price-summry-list .summary-desc {
  width: calc(100% - 25px);
  margin-left: 5px;
  float: left;
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management {
  border: 1px solid #ebebeb;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label .title {
  width: calc(100% - 150px);
  position: relative;
  float: left;
  padding: 10px;
  font-weight: 600;
  font-size: 14px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label .action-div {
  width: 150px;
  float: left;
  position: relative;
  text-align: right;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label .action-div span {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  margin: 5px 5px 0 0;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label .action-div span i {
  padding: 5px;
  font-size: 14px;
  color: #000000;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label .action-div span i:hover {
  border: 1px solid #ebebeb;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -webkit-border-radius: 20px;
  -os-border-radius: 20px;
  border-radius: 20px;
  font-size: 14px;
  color: #FFFFFF;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background: #20a8d8;
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
  color: #FFFFFF !important;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label:hover:after {
  color: #FFFFFF;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label:last-child {
  border-bottom: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label.active {
  background: #20a8d8;
  color: #FFFFFF;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -os-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label.active .action-div span {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  margin: 5px 5px 0 0;
  cursor: pointer;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -webkit-border-radius: 20px;
  -os-border-radius: 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.3);
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-header-label.active .action-div span i {
  color: #FFFFFF;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label {
  width: 100%;
  float: left;
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list {
  width: 100%;
  float: left;
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-default-user-content {
  width: 100%;
  float: left;
  padding: 10px 10px 10px 33px;
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-default-user-content .title {
  width: calc(100% - 15px);
  position: relative;
  float: left;
  font-size: 13px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-default-user-content .title i {
  padding-right: 6px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-default-user-content:before {
  content: "\e607";
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  font-family: "simple-line-icons";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  right: 15px;
  font-size: 13px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-default-user-content:hover {
  color: #000000;
  font-weight: 600;
  background: rgba(32, 168, 216, 0.055);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list.open {
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list.open .adm-default-user-content {
  background: rgba(32, 168, 216, 0.055);
  border-left: 3px solid #000000;
  padding: 10px 10px 10px 30px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  font-weight: 700;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list.open .adm-default-user-content:before {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list.open .adm-role-header {
  background: rgba(32, 168, 216, 0.055);
  border-left: 3px solid #000000;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list.open .default-user-content-list-item {
  max-height: 100%;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-role-header {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-role-header .title {
  width: calc(100% - 150px);
  position: relative;
  float: left;
  padding: 10px 10px 10px 33px;
  font-size: 13px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-role-header .title i {
  padding-right: 6px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-role-header .action-div {
  width: 150px;
  float: left;
  position: relative;
  text-align: right;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-role-header .action-div span {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  margin: 5px 5px 0 0;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-role-header .action-div span i {
  padding: 5px;
  font-size: 13px;
  color: #000000;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-role-header .action-div span i:hover {
  border: 1px solid #ebebeb;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -webkit-border-radius: 20px;
  -os-border-radius: 20px;
  border-radius: 20px;
  font-size: 14px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .adm-role-header:hover {
  color: #000000;
  font-weight: 600;
  background: rgba(32, 168, 216, 0.055);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item {
  position: relative;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  float: left;
  list-style-type: none;
  width: 100%;
  text-align: left;
  border: none;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item:before {
  content: "";
  display: table;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li {
  position: relative;
  list-style: none;
  float: left;
  width: 100%;
  font-size: 13px;
  text-align: left;
  padding: 10px 0 10px 33px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li:before {
  bottom: auto;
  right: auto;
  content: "";
  height: 8px;
  width: 8px;
  margin-top: 7px;
  position: absolute;
  z-index: 1;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  background: #FFFFFF;
  left: 16px;
  border: 1px solid #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li:after {
  border-left: 1px solid #20a8d8;
  bottom: 0;
  content: "";
  left: 19px;
  position: absolute;
  top: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li:last-child:after {
  bottom: 50%;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li .title {
  width: calc(100% - 25px);
  position: relative;
  float: left;
  font-size: 13px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li .title:before {
  content: "\e607";
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  font-family: "simple-line-icons";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  right: -10px;
  font-size: 13px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li .list-item-editField {
  position: relative;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  max-height: 0px;
  transition: max-height 0.3s ease-in-out;
  float: left;
  width: 100%;
  text-align: left;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li .list-item-editField .list-item-box {
  border: 1px solid #ebebeb;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  float: left;
  padding: 0;
  border-top: 3px solid #20a8d8;
  width: 100%;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li .list-item-editField .list-item-header {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li .list-item-editField .list-item-header .item-title {
  padding: 5px;
  font-weight: 600;
  font-size: 13px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li .list-item-editField .list-item-content {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li .list-item-editField .list-item-content .list-item-checkbox {
  position: relative;
  border: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  width: 100%;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li .list-item-editField .list-item-content .list-item-checkbox .list-item-check-list {
  position: relative;
  cursor: pointer;
  float: left;
  width: 100%;
  padding: 5px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li:hover {
  color: #000000;
  font-weight: 600;
  background: rgba(32, 168, 216, 0.055);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li.open {
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li.open .title {
  font-weight: 600;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li.open .title:before {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li.open .list-item-editField {
  max-height: 100%;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list .default-user-content-list-item li.open:hover {
  background: transparent;
  cursor: pointer;
  box-shadow: none;
  font-weight: normal;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list:before {
  bottom: auto;
  right: auto;
  content: "";
  height: 1px;
  width: 16px;
  margin-top: 20px;
  position: absolute;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  background: #20a8d8;
  left: 19px;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list:after {
  border-left: 1px solid #20a8d8;
  bottom: 0;
  content: "";
  left: 19px;
  position: absolute;
  top: 0;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-role-management .adm-role-details-label .adm-default-user-list:last-child:after {
  bottom: 50%;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-tab-content {
  width: 100%;
  position: relative;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-tab-content a {
  text-decoration: none;
  cursor: pointer;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-regenerate {
  width: 100%;
  position: relative;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-regenerate .regenerate-btn {
  width: 110px;
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-regenerate .regenerate-text {
  width: calc(100% - 150px);
  float: left;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-regenerate .regenerate-text a {
  cursor: pointer;
  text-decoration: none;
  color: #20a8d8;
}
.adm-section .adm-body-content .card-body .adm-vertical-tab .adm-regenerate .regenerate-text a:hover {
  color: daken(#20a8d8, 10%);
  cursor: pointer;
  text-decoration: underline;
}

.regenerate-text {
  position: relative;
}
.regenerate-text a {
  cursor: pointer;
  text-decoration: none;
  color: #20a8d8 !important;
}
.regenerate-text a:hover {
  color: #20a8d8 !important;
  cursor: pointer;
  text-decoration: underline !important;
}

.adm-section {
  position: relative; /*height: calc(100vh - 55px);*/
}

@media only screen and (max-width: 479px) {
  .adm-vertical-tab .adm-nav-tabs {
    width: 100%;
    display: block;
    border: none;
  }
  .adm-vertical-tab .adm-nav-tabs li a {
    padding: 7px 20px;
    margin: 0 0 10px 0;
  }
  .adm-vertical-tab .adm-nav-tabs li a:after {
    right: 10px;
  }
  .adm-vertical-tab .adm-tab-content {
    padding: 20px 15px 10px;
    border-radius: 0;
    display: block;
  }
  .adm-vertical-tab .adm-tab-content h3 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  html:not([dir=rtl]) .adm-side-nav-xl-show .adm-side-nav {
    margin-left: 0px;
  }
  html:not([dir=rtl]) .adm-side-nave-show .adm-side-nav {
    margin-left: 0px;
    position: relative !important;
  }
}
@media (min-width: 1024px) {
  html:not([dir=rtl]) .adm-side-nav-xl-show .adm-side-nav {
    margin-left: 0px;
  }
  html:not([dir=rtl]) .adm-side-nave-show .adm-side-nav {
    margin-left: 0px;
  }
  html:not([dir=rtl]) .adm-side-nave-show .adm-side-nav {
    margin-left: 0px;
    z-index: unset;
    position: unset;
  }
}
@media (min-width: 992px) {
  html:not([dir=rtl]) .adm-side-nav-lg-show .adm-side-nav {
    margin-left: 0px;
  }
  html:not([dir=rtl]) .adm-side-nave-show .adm-side-nav {
    margin-left: 0px;
  }
}
/*@media (max-width:991.98px){
    html:not([dir="rtl"]) .adm-side-nave-show .adm-side-nav{margin-left:0;}
}*/
@media (min-width: 768px) {
  html:not([dir=rtl]) .adm-side-nav-md-show .adm-side-nav {
    margin-left: 0px;
  }
  html:not([dir=rtl]) .adm-side-nave-show .adm-side-nav {
    margin-left: 0px;
  }
}
@media (min-width: 576px) {
  html:not([dir=rtl]) .adm-side-nav-sm-show .adm-side-nav {
    margin-left: 0px;
  }
  html:not([dir=rtl]) .adm-side-nave-show .adm-side-nav {
    margin-left: 0px;
  }
}
@media (max-width: 575.98px) {
  .adm-side-nave-show {
    /*.main{
        &:before{position:absolute;top:0;left:0;z-index:1018;width:100%;height:100%;content:"";background:rgba($cmn-black,0.7);-webkit-animation:opacity 0.25s;animation:opacity 0.25s;
             html:not([dir="rtl"]) .adm-side-nave-show .adm-side-nav{margin-left:0;z-index:1111;}
        }
    }*/
  }
  .adm-side-nave-show .adm-body-content:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1018;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.7);
    -webkit-animation: opacity 0.25s;
    animation: opacity 0.25s;
  }
  .team-side-nav-show {
    /*.main{
        &:before{position:absolute;top:0;left:0;z-index:1018;width:100%;height:100%;content:"";background:rgba($cmn-black,0.7);-webkit-animation:opacity 0.25s;animation:opacity 0.25s;}
        .team-left-panel-veiw{z-index:1041;position:fixed;height:calc(100vh - 55px);width:100%!important;                                  
                                .left-content{width:100%!important;}

        }
    }*/
  }
  .team-side-nav-show .main:before {
    width: 100%;
    height: 100%;
    content: "";
    -webkit-animation: opacity 0.25s;
    animation: opacity 0.25s;
  }
  .team-side-nav-show .main .team-left-panel-veiw {
    height: calc(100vh - 55px);
    width: 100% !important;
    height: calc(var(--vh, 1vh) * 100 - 55px) !important;
  }
  .team-side-nav-show .main .team-left-panel-veiw .left-content {
    width: 100% !important;
  }
  .teams-team-controller .teams-heading .team-heading-first .team-name-text .setting-team-name {
    display: none;
  }
}
html:not([dir=rtl]) .adm-side-nav {
  margin-left: -190px;
}
html:not([dir=rtl]) .adm-side-nave-show .adm-side-nav {
  margin-left: 0px;
  z-index: 1111;
  position: fixed;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes bill-duration {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}
/* Standard syntax */
@keyframes bill-duration {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}
.theme-light .app-container {
  color: #404040;
  background-color: #FFFFFF;
}
.theme-dark .app-container {
  color: #ddd;
  background-color: #2f353a;
}
.app-container .title {
  font-family: sans-serif;
  font-weight: lighter;
}
.app-container .button {
  cursor: pointer;
  border-radius: 5px;
  padding: 15px 32px;
  display: inline-block;
}
.theme-light .app-container .button {
  border: 2px solid #408bbd;
  color: #408bbd;
  border-color: #408bbd;
  background-color: #FFFFFF;
  text-transform: none;
}
.theme-light .app-container .button:hover {
  color: #61b0e7;
  border-color: #61b0e7;
}
.theme-dark .app-container .button {
  border: 1px solid #333;
  color: #aaa;
  border-color: #aaa;
  background-color: #333;
  text-transform: uppercase;
}
.theme-dark .app-container .button:hover {
  color: #ddd;
  border-color: #ddd;
}

.proof-document {
  padding-left: 30px;
  margin: 0;
  position: relative;
}
.proof-document li {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px 0;
  border-bottom: 1px solid #e4e7ea;
}
.proof-document li .proof-doc-text {
  width: calc(100% - 40px);
  float: left;
  position: relative;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.proof-document li .proof-doc-text a {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
.proof-document li .proof-doc-text a:hover {
  cursor: pointer;
  color: #20a8d8;
  text-decoration: underline;
}
.proof-document li .proof-doc-del {
  float: left;
  width: 40px;
  text-align: right;
}
.proof-document li .proof-doc-del i {
  font-size: 14px;
  cursor: pointer;
}
.proof-document li .proof-doc-del i:hover {
  color: #f86c6b;
  cursor: pointer;
}
.proof-document li:last-child {
  border-bottom: none;
}

.integration {
  width: 100%;
  float: left;
  padding: 0;
  nav-right: 0;
  position: relative;
}
.integration .integartion-header {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #f3f4f5;
  padding: 10px;
}
.integration .integartion-header .header-title {
  font-size: 16px;
  color: #000000;
  width: 100%;
  font-weight: bold;
}
.integration .integration-body {
  padding: 10px;
  position: relative;
  clear: both;
  overflow-x: hidden;
  overflow: auto;
  overflow-y: scroll;
  height: calc(100vh - 90px);
  height: calc(var(--vh, 1vh) * 100 - 90px);
}
.integration .integration-body .erp-area {
  position: relative;
  float: left;
  padding: 0;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
  text-align: center;
  border: 1px solid #ccc;
  box-shadow: 0px 1px 16px 1px #c8c8c8;
  background: #FFFFFF;
}
.integration .integration-body .erp-area .erp-logo-box {
  display: inline-block;
  height: 80px;
  width: 124px;
  position: relative;
}
.integration .integration-body .erp-area .erp-logo-box img {
  width: 100%;
  height: 100%;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -webkit-border-radius: 0;
  -os-border-radius: 0;
  border-radius: 0;
  image-rendering: auto;
  object-position: center;
  object-fit: contain;
}
.integration .integration-body .erp-area label {
  font-size: 13px;
  color: #20a8d8;
}
.integration .integration-body .erp-area:hover {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  transition: all 0.3s ease 0s;
}

.my-profile {
  width: 100%;
  float: left;
  position: relative;
  padding: 0px;
  background: #FFFFFF;
  height: auto;
}
.my-profile .my-profile-header {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #f3f4f5;
  padding: 10px;
}
.my-profile .my-profile-header .header-title {
  font-size: 16px;
  color: #000000;
  width: 100%;
  font-weight: 600;
}
.my-profile .my-profile-header .header-title .edit-pro {
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
}
.my-profile .my-profile-header .header-title .edit-pro:hover {
  color: #20a8d8;
  cursor: pointer;
}
.my-profile .my-prfile-body {
  padding: 10px;
  position: relative;
  clear: both;
  height: calc(100vh - 85px);
  height: calc(var(--vh, 1vh) * 100 - 85px);
  overflow-x: hidden;
  overflow: auto;
  overflow-y: scroll;
}
.my-profile .my-prfile-body .my-profile-img-panel {
  padding: 0;
  margin: 0;
  position: relative;
}
.my-profile .my-prfile-body .my-profile-img-panel .img-thumnail {
  display: inline-block;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  border: 1px solid #c8ced3;
  padding: 4px;
  position: relative;
}
.my-profile .my-prfile-body .my-profile-img-panel .img-thumnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.my-profile .my-prfile-body .my-profile-img-panel .img-thumnail .edit-photo {
  position: absolute;
  bottom: 7px;
  right: 12px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #20a8d8;
  text-align: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.my-profile .my-prfile-body .my-profile-img-panel .img-thumnail .edit-photo i {
  line-height: 30px;
  font-size: 14px;
  color: #FFFFFF;
  cursor: pointer;
}
.my-profile .my-prfile-body .my-profile-img-panel .img-thumnail .edit-photo:hover {
  background: #74cbea;
  cursor: pointer;
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.my-profile .my-prfile-body .my-profile-img-panel .img-thumnail .edit-photo:hover i {
  color: #FFFFFF;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media {
  width: 100%;
  padding: 0;
  margin: 15px 0;
  position: relative;
  float: left;
  text-align: center;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social {
  width: 33px;
  height: 33px;
  margin: 10px 3px;
  cursor: pointer;
  background: transparent;
  border-radius: 100%;
  display: inline-block;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social i {
  font-size: 16px;
  color: #FFFFFF;
  cursor: pointer;
  line-height: 35px;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.facebook {
  cursor: pointer;
  background: #3b5998;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.facebook:hover {
  background: #718dc8;
  cursor: pointer;
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.facebook:hover i {
  color: #FFFFFF;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.twitter {
  cursor: pointer;
  background: #00acee;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.twitter:hover {
  background: #55d0ff;
  cursor: pointer;
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.twitter:hover i {
  color: #FFFFFF;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.youtube {
  cursor: pointer;
  background: #c4302b;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.youtube:hover {
  background: #e17874;
  cursor: pointer;
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.youtube:hover i {
  color: #FFFFFF;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.instagram {
  cursor: pointer;
  background: #e4405f;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.instagram:hover {
  background: #f199aa;
  cursor: pointer;
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.instagram:hover i {
  color: #FFFFFF;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.linkedin {
  cursor: pointer;
  background: #0e76a8;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.linkedin:hover {
  background: #2eb0ee;
  cursor: pointer;
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-social-media .social.linkedin:hover i {
  color: #FFFFFF;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-status-area {
  width: 100%;
  padding: 0;
  margin: 15px 0;
  position: relative;
  float: left;
  text-align: center;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-status-area .adm-user-accstatus {
  padding: 3px 10px;
  background: #c2ffc2;
  display: inline-block;
  font-size: 12px;
  margin: auto;
  margin-top: 20px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.my-profile .my-prfile-body .my-profile-img-panel .profile-status-area .adm-user-accstatus.adm-user-accadmin {
  background: #ffd3d0;
}
.my-profile .my-prfile-body .my-profile-panel {
  float: left;
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}
.my-profile .my-prfile-body .my-profile-panel .ven_Fullname {
  width: 100%;
}
.my-profile .my-prfile-body .my-profile-panel .ven_Fullname .FullnameLabel {
  width: 100px;
}
.my-profile .my-prfile-body .my-profile-panel .ven_Fullname .Form_Fullname {
  width: 100%;
  display: inline;
}
.my-profile .my-prfile-body .my-profile-panel .title {
  width: 100%;
  float: left;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.my-profile .my-prfile-body .my-profile-panel .subtitle {
  float: left;
  width: 50%;
  position: relative;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
.my-profile .my-prfile-body .my-profile-panel .subtitle .text {
  font-weight: normal;
  font-size: 13px;
  color: #000000;
}
.my-profile .my-prfile-body .my-profile-company-list {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
}
.my-profile .my-prfile-body .my-profile-company-list .title {
  width: 100%;
  float: left;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 0;
}
.my-profile .my-prfile-body .my-profile-company-list .title span {
  text-align: right;
  cursor: pointer;
}
.my-profile .my-prfile-body .my-profile-company-list .title span i {
  text-align: right;
  font-size: 14px;
  cursor: pointer;
}
.my-profile .my-prfile-body .my-profile-company-list .title span i:hover {
  cursor: pointer;
  color: #20a8d8;
}
.my-profile .my-prfile-body .my-profile-company-list .comp-list-content {
  position: relative;
  float: left;
  width: 100%;
}
.my-profile .my-prfile-body .my-profile-company-list .comp-list-content .comp-list {
  width: 100%;
  float: left;
  position: relative;
  display: none;
}
.my-profile .my-prfile-body .my-profile-company-list .comp-list-content .comp-list:before {
  bottom: auto;
  right: auto;
  content: "";
  height: 8px;
  width: 8px;
  margin-top: 18px;
  position: absolute;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  left: 16px;
  background: #bfbfbf;
  border: 1px solid #bfbfbf;
  z-index: 1;
}
.my-profile .my-prfile-body .my-profile-company-list .comp-list-content .comp-list:after {
  border-left: 1px solid #bfbfbf;
  bottom: 0;
  content: "";
  left: 19px;
  position: absolute;
  top: 0;
}
.my-profile .my-prfile-body .my-profile-company-list .comp-list-content .comp-list:last-child:after {
  bottom: 50%;
}
.my-profile .my-prfile-body .my-profile-company-list .comp-list-content .comp-list .comp-name {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px 10px 10px 33px;
  font-size: 13px;
  color: #000000;
}
.my-profile .my-prfile-body .my-profile-company-list .comp-list-content .comp-list .comp-name i {
  padding-right: 6px;
}
.my-profile .my-prfile-body .my-profile-company-list .comp-list-content .comp-list:hover {
  color: #000000;
  font-weight: 600;
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}

.notification-container {
  position: fixed;
  z-index: 9999999999;
  right: 12px;
  top: 65px;
}
.notification-container .notification-container-div {
  position: relative;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 18.75rem;
  background-position: 15px center;
  background-repeat: no-repeat;
  opacity: 0.95;
}
.notification-container .notification-container-div.error {
  background: #f86c6b;
  color: #FFFFFF;
  position: relative;
}
.notification-container .notification-container-div.error:before {
  content: "\f057";
  display: block;
  position: absolute;
  color: #FFFFFF;
  top: calc(50% - 17px);
  font-family: FontAwesome;
  speak: none;
  font-size: 23px;
  font-weight: normal;
  left: 10px;
}
.notification-container .notification-container-div.warning {
  background: #ffc107;
  color: #FFFFFF;
}
.notification-container .notification-container-div.warning:before {
  content: "\f071";
  display: block;
  position: absolute;
  color: #FFFFFF;
  top: calc(50% - 17px);
  font-family: FontAwesome;
  speak: none;
  font-size: 23px;
  font-weight: normal;
  left: 10px;
}
.notification-container .notification-container-div.success {
  background: #4dbd74;
  color: #FFFFFF;
}
.notification-container .notification-container-div.success:before {
  content: "\f058";
  display: block;
  position: absolute;
  color: #FFFFFF;
  top: calc(50% - 17px);
  font-family: FontAwesome;
  speak: none;
  font-size: 23px;
  font-weight: normal;
  left: 10px;
}
.notification-container .notification-container-div.info {
  background: #63c2de;
  color: #FFFFFF;
}
.notification-container .notification-container-div.info:before {
  content: "\f05a";
  display: block;
  position: absolute;
  color: #FFFFFF;
  top: calc(50% - 17px);
  font-family: FontAwesome;
  speak: none;
  font-size: 23px;
  font-weight: normal;
  left: 10px;
}
.notification-container .notification-container-div p {
  margin: 0;
}
.notification-container .notification-container-div:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}
.notification-container .notification-container-div.invitation {
  position: relative;
  background: #FFFFFF;
  margin: 0 5px;
  padding: 0 10px 10px 10px;
  opacity: 1;
}
.notification-container .notification-container-div.invitation .invitation-row {
  width: 100%;
  float: left;
  position: relative;
}
.notification-container .notification-container-div.invitation .invitation-row .invit-close {
  position: relative;
  text-align: right;
  right: -7px;
}
.notification-container .notification-container-div.invitation .invitation-row .invit-close:hover {
  opacity: 0.95;
  cursor: pointer;
}
.notification-container .notification-container-div.invitation .invitation-row .invit-icon {
  width: 20px;
  height: 20px;
  position: relative;
  float: left;
}
.notification-container .notification-container-div.invitation .invitation-row .invit-heading {
  width: calc(100% - 80px);
  float: left;
  position: relative;
}
.notification-container .notification-container-div.invitation .invitation-row .invit-time {
  width: 60px;
  float: left;
  position: relative;
}
.notification-container .notification-container-div.invitation .invitation-row p {
  color: #666666;
}

.import-excel {
  padding: 0 0 10px 0;
}
.import-excel .import-txt {
  font-size: 13px;
  cursor: pointer;
}
.import-excel .import-txt:hover {
  cursor: pointer;
  color: #20a8d8;
}

.holiday-lsit {
  position: relative;
  float: left;
  width: 65px;
  margin-left: 15px;
}

.holiday-import-txt {
  position: relative;
  float: left;
  text-align: right;
  position: relative;
  width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adm-department-thumview {
  width: 100%;
  position: relative;
  float: left;
  padding: 6px;
  box-shadow: 0 2px 2px #f9fafc;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #eee;
  background-color: #FFFFFF;
}
.adm-department-thumview .adm-dept-header {
  float: left;
  width: 100%;
}
.adm-department-thumview .adm-dept-header .title {
  width: calc(100% - 16px);
  font-size: 16px;
  font-weight: normal;
  float: left;
  color: #000000;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.adm-department-thumview .adm-dept-header .adm-dept-action {
  float: left;
  width: 16px;
  cursor: pointer;
  font-weight: normal;
  color: #888888;
}
.adm-department-thumview .adm-department-count {
  float: left;
  position: relative;
  width: 100%;
}
.adm-department-thumview .adm-department-count .spanCount {
  min-width: 26px;
  height: 18px;
  line-height: 18px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -os-border-radius: 10px;
  border-radius: 10px;
  background-color: #20a8d8;
  color: #FFFFFF;
  font-size: 13px;
  text-align: center;
  float: right;
}
.adm-department-thumview:hover {
  background-color: #b1ddf3;
  cursor: pointer;
  box-shadow: 1px 1px 2px #b1ddf3;
  border: 1px solid #eee;
}

.currentPanBack {
  cursor: pointer;
}
.currentPanBack:hover {
  cursor: pointer;
  color: #20a8d8;
}

.forAdmin-team {
  position: relative;
  float: left;
  width: 100%;
}
.forAdmin-team .hd {
  width: 100%;
  float: left;
  position: relative;
  background: #f5f5f5;
  font-weight: 600;
  padding: 10px 5px;
  font-size: 18px;
}
.forAdmin-team .froTeam_list {
  position: relative;
  float: left;
  width: 100%;
  max-height: 250px;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
}
.forAdmin-team .froTeam_list ul {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.forAdmin-team .froTeam_list ul li {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px;
  margin-bottom: 5px;
  cursor: pointer !important;
  border-bottom: 1px solid #ccc !important;
  font-size: 12px !important;
}
.forAdmin-team .froTeam_list ul li .teampart {
  width: 100%;
  float: left;
  position: relative;
}
.forAdmin-team .froTeam_list ul li .teampart .team-logo {
  width: 25px;
  height: 25px;
  position: relative;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  line-height: 25px;
  float: left;
  text-align: center;
  background: #20a8d8;
  color: #fff;
}
.forAdmin-team .froTeam_list ul li .teampart .team-text {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding-left: 5px;
  padding-top: 4px;
  word-wrap: break-word;
}
.forAdmin-team .froTeam_list ul li:hover {
  cursor: pointer !important;
}
.forAdmin-team .btn-area {
  width: 100%;
  float: left;
  position: relative;
}

.people-list {
  width: 100%;
  position: relative;
}
.people-list .people-list-section {
  height: calc(100vh - 105px);
  height: calc(var(--vh, 1vh) * 100 - 105px);
  overflow: auto;
  margin: 0;
  border: none;
  border-left: 1px solid #ccc;
  border-radius: 0;
  position: relative;
  background: #FFFFFF;
}
.people-list .people-list-section .pl-main {
  background: #FFFFFF;
  /*&.add-new-pl{
      .back-to-listview{width: 100%; display: inline-block; margin: 0;
                        .add-new-member{padding: 5px 20px;background: #e2e2e2;margin-bottom: 10px;border-left: 6px solid #03a9f4;font-weight: 500;font-size: $font-md;float: left;}
                        span{float: right;cursor:pointer;}
      }
  }*/
}
.people-list .people-list-section .pl-main .pl_topBAR {
  height: 55px;
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft {
  width: 100%;
  padding: 0 15px;
  float: left;
  position: relative;
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt {
  width: 100%;
  display: flex;
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt {
  height: 55px;
  margin: 0;
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt.ListunselectOptLeft {
  width: calc(100% - 280px);
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt.ListunselectOptRight {
  width: 280px;
  text-align: right;
  line-height: 55px;
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt.ListunselectOptRight button .add_UserBtn {
  display: none;
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt .pl_topbar_optPAD {
  margin: 8px 0;
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topRight {
  width: 100px;
  padding: 0 15px;
  float: left;
}
.people-list .people-list-section .pl-main .pl_topBAR .ListselectOpt .pl_topbar_opt {
  height: 55px;
  margin: 0;
}
.people-list .people-list-section .pl-main .pl_topBAR .ListselectOpt .pl_topbar_opt .k-dropdown {
  float: left;
}
.people-list .people-list-section .pl-main .pl_topBAR .ListselectOpt .pl_topbar_opt button {
  display: inline-block;
  float: left;
  margin: 10px;
}
.people-list .people-list-section .pl-main .pl_topBAR .ListselectOpt .pl_topbar_opt .pl_topbar_optPAD {
  margin: 8px 0;
}
.people-list .people-list-section .pl-main .pl_topBAR .ListselectOpt .pl_topbar_opt .ListselectOptRight {
  float: right;
  padding: 5px;
  line-height: 45px;
  cursor: pointer;
  position: relative;
  left: 5px;
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topbar_opt {
  height: 55px;
  margin: 0;
}
.people-list .people-list-section .pl-main .pl_topBAR .pl_topbar_opt .pl_topbar_optPAD {
  margin: 8px 0;
}
.people-list .people-list-section .pl-main .pl_colView {
  position: relative;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
}
.people-list .people-list-section .pl-main .pl_colView .plListMain .k-grid .k-grid-header {
  padding: 0 !important;
}
.people-list .people-list-section .pl-main .pl_colView .plListMain .k-grid .k-grid-content {
  height: calc(100vh - 217px) !important;
  height: calc(var(--vh, 1vh) * 100 - 217px) !important;
  overflow: scroll;
}
.people-list .people-list-section .pl-main .pl_colView .plListMain .k-grid .k-grid-content table tbody tr td {
  padding: 3px 8px;
}
.people-list .people-list-section .pl-main .pl_colView .plListMain .k-grid .k-grid-content table tbody tr td:nth-child(2) p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 160px;
}
.people-list .people-list-section .pl-main .userlist-pagination {
  width: 100%;
  text-align: center;
}
.people-list .people-list-section .pl-main .userlist-pagination ul {
  width: auto;
  border: none;
  /* Track */
  /* Handle */
}
.people-list .people-list-section .pl-main .userlist-pagination ul.search-by-alpha {
  margin: 0;
  padding: 0;
  overflow: auto;
  white-space: nowrap;
}
.people-list .people-list-section .pl-main .userlist-pagination ul.search-by-alpha li {
  border-radius: 2px;
  background: #ddecf9;
  display: inline-block;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  border: none;
  margin-right: 4px;
  font-weight: 600;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li.prev-page {
  background: none !important;
  color: #4285f4;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li.prev-page a {
  color: #4285f4;
  font-size: 18px;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li.next-page {
  background: none !important;
  color: #4285f4;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li.next-page a {
  color: #4285f4;
  font-size: 18px;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li.active {
  background: #4285f4;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li.active a {
  color: #FFFFFF;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li:active {
  background: #4285f4;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li:active a {
  color: #FFFFFF;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li:hover {
  background: #ddd;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li a {
  padding: 0;
  color: #4285f4;
  text-align: center;
  width: 100%;
  font-size: 12px;
}
.people-list .people-list-section .pl-main .userlist-pagination ul li a:hover {
  text-decoration: none;
}
.people-list .people-list-section .pl-main .userlist-pagination ul::-webkit-scrollbar {
  height: 6px;
}
.people-list .people-list-section .pl-main .userlist-pagination ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #20a8d8;
  border-radius: 3px;
}
.people-list .people-list-section .pl-main .userlist-pagination ul::-webkit-scrollbar-thumb {
  background: #4682b4;
  border-radius: 10px;
}
.people-list .people-list-section .pl-main .userlist-pagination ul::-webkit-scrollbar-thumb:hover {
  background: #20a8d8;
}
.people-list .people-list-section .pl-main .view-pl {
  margin: 0;
  display: inline-block;
  height: 354px;
  overflow: auto;
  width: 100%;
}
.people-list .people-list-section .pl-main .view-pl .pl-col {
  margin-top: 20px;
  padding: 0 15px;
  box-sizing: border-box;
  float: left;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details {
  box-shadow: 0px 0px 8px 0px #ccc;
  width: 100%;
  margin: 0;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-img {
  width: 86px;
  float: left;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-img img {
  width: 76px;
  height: 76px;
  float: left;
  margin: 0px 10px 0 0;
  background: #03A9F4;
  text-align: center;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-img .PLalt_DP {
  width: 76px;
  height: 76px;
  float: left;
  margin: 0px 10px 0 0;
  background: #03A9F4;
  text-align: center;
  font-size: 38px;
  color: #FFFFFF;
  line-height: 76px;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details {
  position: relative;
  width: calc(100% - 86px);
  float: left;
  line-height: 1.5;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details p {
  margin: 0;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details p.pl-name {
  font-weight: bold;
  margin-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details p.pl-name:hover {
  cursor: pointer;
  color: #20a8d8;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details p.pl-mailid {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details p.pl-mob {
  font-size: 12px;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details p.pl-msg {
  color: brown;
  font-size: 12px;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Actpend {
  position: absolute;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
  bottom: 0px;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Actpend .pl_inviteCol {
  float: left;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Actpend .pl_inviteCol .pl_statusCol {
  font-size: 12px;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Actpend .pl_inviteCol .pl_statusCol .checkBoxClass {
  position: relative;
  top: 3px;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Actpend .tooltips {
  float: left;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Actpend .tooltips.act-status {
  top: 5px;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Actpend .tooltips.act-status > i {
  font-size: 16px;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Actpend .tooltips.act-resend {
  bottom: 5px;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Actpend .tooltips.act-resend > i {
  font-size: 16px;
  color: #03A9F4;
}
.people-list .people-list-section .pl-main .view-pl .pl-col .people-list-details .pl-details .pl_Status {
  position: absolute;
  top: 0;
  right: 12px;
  font-size: 16px;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView {
  margin-top: 0px;
  padding: 0 15px;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-bottom: none;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView:nth-child(even) {
  background: #f7f7f7;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView:last-child {
  border-bottom: 1px solid #eee;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView:last-child {
  border-bottom: 1px solid #eee;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details {
  box-shadow: none;
  width: 100%;
  margin: 0;
  padding: 5px;
  border: none;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-img {
  width: 45px;
  float: left;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-img img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  float: left;
  margin: 0px 10px 0 0;
  background: #03A9F4;
  text-align: center;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-img .PLalt_DP {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  float: left;
  margin: 0px 10px 0 0;
  background: #03A9F4;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 36px;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details {
  position: relative;
  width: calc(100% - 76px);
  float: left;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details p {
  margin: 0 !important;
  width: 23%;
  float: left;
  line-height: 36px;
  height: 36px;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details p.pl-name {
  font-weight: bold;
  margin-right: 25px;
  width: 24%;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details p.pl-name:hover {
  cursor: pointer;
  color: #20a8d8;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details p.pl-mailid {
  font-size: 14px;
  width: 30%;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details p.pl-mob {
  font-size: 14px;
  text-align: center;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details p.pl-msg {
  color: brown;
  font-size: 14px;
  text-align: center;
  width: 12%;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details .pl_Status {
  margin: 0 !important;
  line-height: 36px;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details .tooltips {
  width: 4%;
  float: left;
  font-size: 10px;
  cursor: pointer;
  position: static;
  line-height: 36px;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details .tooltips.act-status > i {
  font-size: 16px;
}
.people-list .people-list-section .pl-main .view-pl .pl-ListView .people-list-details .pl-details .tooltips.act-resend > i {
  font-size: 16px;
  color: #03A9F4;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header {
  background: #ccc;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 1;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details {
  box-shadow: none;
  width: 100%;
  margin: 0;
  padding: 5px;
  border: none;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details .pl-details {
  position: relative;
  width: calc(100% - 76px);
  float: left;
  min-height: unset;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details .pl-details p {
  margin: 0 !important;
  width: 23%;
  float: left;
  line-height: 36px;
  font-weight: 500;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details .pl-details p.pl_statusListHead {
  float: right;
  width: max-content;
  text-align: center;
  padding-left: 0;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details .pl-details p.pl-name {
  font-weight: 500;
  margin-right: 25px;
  width: 28%;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details .pl-details p.pl-mailid {
  font-size: 14px;
  width: 29%;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details .pl-details p.pl-mob {
  width: 23%;
  text-align: center;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details .pl-details p.pl-msg {
  width: 12%;
  color: brown;
  font-size: 14px;
  text-align: center;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details .pl-details p.vl-Inactive {
  font-size: 14px;
  width: 100px;
  text-align: center;
}
.people-list .people-list-section .pl-main .view-pl .PLlist_header .people-list-details .pl-details p.vl-status {
  font-size: 14px;
  width: 100px;
  float: right;
}
.people-list .people-list-section .pl-main .k-pager-wrap .k-link {
  width: 28px;
  height: 28px;
  margin-right: 3px;
}
.people-list .people-list-section .pl-main .k-pager-wrap .k-state-selected {
  width: 28px;
  height: 28px;
  margin-right: 3px;
}
.people-list .people-list-section .pl-main .PLsubmitForinvite {
  text-align: center;
  margin-top: 8px;
}
.people-list .people-list-section .pl-main .PLChangeViewBtn {
  text-align: right;
}
.people-list .people-list-section .pl-main .PLChangeViewBtn .btn {
  border: none;
  outline: none;
  padding: 5px 10px;
  background-color: #f1f1f1;
  cursor: pointer;
}
.people-list .people-list-section .pl-main .PLChangeViewBtn .btn:hover {
  background-color: #ddd;
}
.people-list .people-list-section .pl-main .PLChangeViewBtn .btn.active {
  background-color: #03a9f4;
  color: white;
}

/*address PEOPLE*/
/*.VendorActDetails {padding: 10px;
    .VendorAct_Name{padding: 10px 5px;background: #e2e2e2;margin-bottom: 10px;border-left: 6px solid #03a9f4;
                    h5{margin:0;}
    }
}*/
.tabADDEmp {
  position: relative;
}
.tabADDEmp .k-tabstrip-items .k-item.k-state-active::after {
  border-color: #03a9f4 !important;
  margin: 0 1px;
  z-index: 1;
  border-top-width: 3px;
  border-bottom-width: 0px;
  background: #d8d8d8;
  z-index: -1;
}
.tabADDEmp .k-tabstrip-items .k-item .k-link {
  padding: 5px 15px;
}
.tabADDEmp .k-content {
  border: 1px solid #eeeeee;
  margin: 0px;
  height: 350px;
  overflow: auto;
}
.tabADDEmp .k-content .Emp_ActTab {
  padding: 0px;
  /*.form-group{margin-bottom: 8px;
      .form-control{padding: 0 5px !important; margin-bottom:8px !important;}
  }*/
}
.tabADDEmp .k-content .Emp_ActTab .form-heading {
  width: 100%;
}
.tabADDEmp .k-content .Emp_ActTab .form-heading p {
  font-size: 14px !important;
  font-weight: 500;
}
.tabADDEmp .k-content .Emp_ActTab .form-group {
  margin-bottom: 8px;
}
.tabADDEmp .k-content .Emp_ActTab .form-group .k-textbox:hover {
  border-color: #03a9f4;
}
.tabADDEmp .k-content .Emp_ActTab .form-group .k-textbox.form-control {
  height: 34px;
  padding: 5px;
  border-color: #999;
}
.tabADDEmp .k-content .Emp_ActTab .widget {
  padding: 10px;
  box-shadow: 0px 0px 8px 0px #ccc;
  margin-bottom: 20px;
}
.tabADDEmp .k-content .Emp_ActTab .widget .VenSumUL {
  list-style-type: none;
  padding: 0;
}
.tabADDEmp .k-content .Emp_ActTab .widget .VenSumUL li .vendSumTitle {
  width: 165px;
  display: inline-block;
  font-weight: 500;
}
.tabADDEmp .k-content .Emp_ActTab .widget .VenSumUL li .vendSumDetail {
  margin-left: 10px;
}

.add-new-pl .row .AddPeopleMain {
  width: 100%;
  position: relative;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople {
  width: 100%;
  float: left;
  position: relative;
  padding: 0px;
  height: auto;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_header {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #f3f4f5;
  padding: 10px;
  background: aliceblue;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_header .header-title {
  font-size: 18px;
  color: #000000;
  width: 100%;
  font-weight: 600;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_header .header-title .edit-pro {
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_header .header-title .edit-pro:hover {
  color: #20a8d8;
  cursor: pointer;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_header .header-title .back_toPlist {
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  margin-left: 30px;
  position: relative;
  top: 4px;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_header .header-title .back_toPlist:hover {
  color: #20a8d8;
  cursor: pointer;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body {
  height: calc(100vh - 100px);
  height: calc(var(--vh, 1vh) * 100 - 100px);
  position: relative;
  clear: both;
  overflow-x: hidden;
  overflow: auto;
  overflow-y: scroll;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .ppl_Fullname {
  padding: 10px;
  margin: 0;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .ppl_Fullname .form-control:hover {
  border: 1px solid #e4e7ea;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms {
  position: relative;
  padding: 10px;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-tabstrip-items {
  margin: 0;
  border-bottom: 1px solid #04a9f4;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-tabstrip-items li {
  background: transparent;
  color: #000;
  font-weight: bold;
  width: 20%;
  text-align: center;
  position: relative;
  height: 30px;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-tabstrip-items li:after {
  border-top-width: 3px;
  border-bottom: none;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-tabstrip-items li.k-state-active {
  color: #000;
  background: lavender;
  border-bottom: 1px solid #e6e6e6;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-tabstrip-items li.k-state-active:after {
  border-color: #03a9f4;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-tabstrip-items li.k-state-selected {
  color: #000;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-tabstrip-items li .k-link {
  padding: 5px;
  text-transform: capitalize;
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-content {
  padding: 0;
  margin: 0;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-content .add_PeopleAddress {
  position: relative;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-content .add_PeopleAddress .ppl_ActTab {
  padding: 15px 0;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-content .add_PeopleAddress .ppl_ActTab .form-group label {
  font-weight: 400;
  font-size: 13px;
  color: #000;
  margin-bottom: 3px;
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-content .add_PeopleAddress .ppl_ActTab .form-group input {
  padding: 5px;
  height: 34px;
  border-color: rgba(0, 0, 0, 0.4);
}
.add-new-pl .row .AddPeopleMain .AddNewPeople .NewPeople_body .NewPeople_panel .add_peopleForms .k-content .add_PeopleAddress .ppl_ActTab .form-group input:hover {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.ListviewMobUL {
  padding: 0;
}
.ListviewMobUL .ListviewMobLi {
  height: 36px;
  line-height: 36px;
  list-style-type: none;
  padding-left: 10px;
  border-bottom: 1px solid #eee;
}
.ListviewMobUL .ListviewMobLi:nth-child(odd) {
  background: #f5f5f5;
}
.ListviewMobUL .ListviewMobLi .Listcheck_this {
  display: inline;
}
.ListviewMobUL .ListviewMobLi .Listcheck_this .k-checkbox-label::before {
  width: 14px;
  height: 14px;
}
.ListviewMobUL .ListviewMobLi .ListContent {
  display: inline;
  position: relative;
  top: -2px;
  font-size: 13px;
}
.ListviewMobUL .ListviewMobLi .goNextpage {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  float: right;
  text-align: center;
}
.ListviewMobUL .ListviewMobLi .goNextpage i {
  font-size: 18px;
}

.goToProfile {
  cursor: pointer;
}
.goToProfile:hover {
  color: #21a8d8;
}

.people-list {
  width: 100%;
  position: relative;
  /*.vendor_ListMain{
      .vendor_table{
          table{
              thead{background:#ddd;
                    tr{
                        th{width:250px;}
                    }
              }
              tbody{
                  tr{
                      &:nth-child(n) {background: #f5f5f5 !important;}
                      &:nth-child(2n) {background: #dcdcdc !important;}
                      td{border:none;
                         .ven_Gridstatus{height: 5px;width: 20px;background: red;display: inline-block;
                              &.Ven_Active {background: green;}

                         }

                      }
                  }
              }
          }
      }
  }*/
}
.people-list .people-list-section {
  height: 100%;
  margin: 0;
  border: none;
  border-left: 1px solid #ccc;
  border-radius: 0;
  position: relative;
  background: #FFFFFF;
}
.people-list .people-list-section .vl-main {
  background: #FFFFFF; /*padding: 1.25rem;*/
}
.people-list .people-list-section .vl-main .vl_topBAR {
  height: 55px;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft {
  width: 100%;
  padding: 0 15px;
  float: left;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt {
  width: 100%;
  display: flex;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt {
  height: 55px;
  margin: 0;
  line-height: 55px;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt.ListunselectOptLeft {
  width: calc(100% - 280px);
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt.ListunselectOptRight {
  width: 280px;
  text-align: right;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt.ListunselectOptRight button {
  padding: 4px 16px;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt .vl_topbar_optPAD {
  margin: 8px 0;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .girdFilterby-showing {
  top: 40px;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topRight {
  width: 100px;
  padding: 0 15px;
  float: left;
}
.people-list .people-list-section .vl-main .vl_topBAR .ListselectOpt .vl_topbar_opt {
  height: 55px;
  margin: 0;
  line-height: 55px;
}
.people-list .people-list-section .vl-main .vl_topBAR .ListselectOpt .vl_topbar_opt .k-dropdown {
  float: left;
}
.people-list .people-list-section .vl-main .vl_topBAR .ListselectOpt .vl_topbar_opt button {
  display: inline-block;
  float: left;
  margin: 10px;
}
.people-list .people-list-section .vl-main .vl_topBAR .ListselectOpt .vl_topbar_opt .vl_topbar_optPAD {
  margin: 8px 0;
}
.people-list .people-list-section .vl-main .vl_topBAR .ListselectOpt .vl_topbar_opt .ListselectOptRight {
  float: right;
  padding: 5px;
  line-height: 45px;
  cursor: pointer;
  position: relative;
  left: 5px;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topbar_opt {
  height: 55px;
  margin: 0;
  line-height: 55px;
}
.people-list .people-list-section .vl-main .vl_topBAR .vl_topbar_opt .vl_topbar_optPAD {
  margin: 8px 0;
}
.people-list .people-list-section .vl-main .vl_colView {
  position: relative;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview {
  display: block;
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview .vlListMain .k-grid .k-grid-header {
  padding: 0 !important;
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview .vlListMain .k-grid .k-grid-content {
  height: calc(100vh - 217px) !important;
  height: calc(var(--vh, 1vh) * 100 - 217px) !important;
  overflow: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview .vlListMain .k-grid .k-grid-content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview .vlListMain .k-grid .k-grid-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview .vlListMain .k-grid .k-grid-content::-webkit-scrollbar-thumb {
  background: #888;
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview .vlListMain .k-grid .k-grid-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview .vlListMain .k-grid .k-grid-content table tbody tr {
  /*&:hover{background: #f5faff;}*/
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview .vlListMain .k-grid .k-grid-content table tbody tr td {
  padding: 3px 8px;
}
.people-list .people-list-section .vl-main .vl_colView .Vendlistview .vlListMain .k-grid .k-grid-content table tbody tr td:last-child p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 220px;
}
.people-list .people-list-section .vl-main .userlist-pagination {
  width: 100%;
  text-align: center;
}
.people-list .people-list-section .vl-main .userlist-pagination ul {
  width: auto;
  border: none;
  /* Track */
  /* Handle */
}
.people-list .people-list-section .vl-main .userlist-pagination ul.search-by-alpha {
  margin: 0;
  padding: 0;
  overflow: auto;
  white-space: nowrap;
}
.people-list .people-list-section .vl-main .userlist-pagination ul.search-by-alpha li {
  border-radius: 2px;
  background: #ddecf9;
  display: inline-block;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  border: none;
  margin-right: 4px;
  font-weight: 600;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li.prev-page {
  background: none !important;
  color: #4285f4;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li.prev-page a {
  color: #4285f4;
  font-size: 18px;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li.next-page {
  background: none !important;
  color: #4285f4;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li.next-page a {
  color: #4285f4;
  font-size: 18px;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li.active {
  background: #4285f4;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li.active a {
  color: #FFFFFF;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li:active {
  background: #4285f4;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li:active a {
  color: #FFFFFF;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li:hover {
  background: #ddd;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li a {
  padding: 0;
  color: #4285f4;
  text-align: center;
  width: 100%;
  font-size: 12px;
}
.people-list .people-list-section .vl-main .userlist-pagination ul li a:hover {
  text-decoration: none;
}
.people-list .people-list-section .vl-main .userlist-pagination ul::-webkit-scrollbar {
  height: 6px;
}
.people-list .people-list-section .vl-main .userlist-pagination ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #20a8d8;
  border-radius: 3px;
}
.people-list .people-list-section .vl-main .userlist-pagination ul::-webkit-scrollbar-thumb {
  background: #4682b4;
  border-radius: 10px;
}
.people-list .people-list-section .vl-main .userlist-pagination ul::-webkit-scrollbar-thumb:hover {
  background: #20a8d8;
}
.people-list .people-list-section .vl-main .view-pl {
  margin: 0;
  display: inline-block;
  padding: 10px 0;
  height: calc(100vh - 155px);
  height: calc(var(--vh, 1vh) * 100 - 155px);
  overflow: auto;
  width: 100%;
}
.people-list .people-list-section .vl-main .view-pl .vl-col {
  margin-top: 20px;
  line-height: 1.5;
  float: left;
  padding: 0 10px;
  display: inline-block;
  box-sizing: border-box;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details {
  box-shadow: 0px 0px 8px 0px #ccc;
  width: 100%;
  margin: 0px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-img {
  width: 76px;
  float: left;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-img img {
  width: 65px;
  height: 65px;
  float: left;
  margin: 0px 10px 0 0;
  background: #03A9F4;
  text-align: center;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details {
  position: relative;
  width: 100%;
  float: left;
  padding: 2px 22px 2px 8px;
  min-height: 98px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .list-online-indication {
  height: 8px;
  width: 8px;
  background: #FF5722;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0px;
  border-radius: 0;
  margin: 8px 5px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .list-online-indication.active {
  background: #8BC34A;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details p {
  margin: 0;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details p.vl-name {
  font-weight: 500;
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details p.vl-name:hover {
  cursor: pointer;
  color: #20a8d8;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details p.vl-phone {
  font-size: 12px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details p.vl-mobile {
  font-size: 12px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details p.vl-ContactName {
  font-size: 12px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details p.vl-mailid {
  color: brown;
  font-size: 12px;
  margin-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Actpend {
  position: absolute;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
  bottom: 0px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Actpend .vl_inviteCol {
  float: left;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Actpend .vl_inviteCol .vl_statusCol {
  font-size: 12px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Actpend .vl_inviteCol .vl_statusCol .checkBoxClass {
  position: relative;
  top: 3px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Actpend .tooltips {
  float: left;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Actpend .tooltips.act-status {
  top: 5px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Actpend .tooltips.act-status > i {
  font-size: 16px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Actpend .tooltips.act-resend {
  bottom: 5px;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Actpend .tooltips.act-resend > i {
  font-size: 16px;
  color: #03A9F4;
}
.people-list .people-list-section .vl-main .view-pl .vl-col .people-list-details .vl-details .vl_Status {
  position: absolute;
  top: 0;
  right: 12px;
  font-size: 16px;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView {
  margin-top: 0px;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-bottom: none;
  background: #e8e8e8;
  padding: 0;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView:nth-child(even) {
  background: #f7f7f7;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView:last-child {
  border-bottom: 1px solid #eee;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details {
  box-shadow: none;
  width: 100%;
  margin: 0;
  padding: 0 5px;
  border: none;
  box-sizing: border-box;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-img {
  width: 45px;
  float: left;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-img img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  float: left;
  margin: 0px 10px 0 0;
  background: #03A9F4;
  text-align: center;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details {
  position: relative;
  width: 100%;
  float: left;
  min-height: unset;
  padding: 0;
  /*.tooltips{width: 36px;float: right;font-size: $font-xs; cursor:pointer;position: static;line-height: 36px;
            &.act-status{
                         >i{font-size: $font-md;}
            }
            &.act-resend{
                         >i{font-size: $font-md;color:#03A9F4;}
            }
  }*/
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details .vl_statusList {
  float: right;
  width: 48px;
  text-align: center;
  position: relative;
  top: 6px;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p {
  margin: 0 !important;
  width: 13%;
  float: left;
  line-height: 36px;
  height: 36px;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  box-sizing: border-box;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-name {
  font-weight: 500;
  margin-right: 25px;
  width: 14%;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-name:hover {
  cursor: pointer;
  color: #20a8d8;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-name {
  font-weight: 500;
  margin-right: 25px;
  width: 14%;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-Num {
  font-size: 14px;
  width: 120px;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-mailid {
  font-size: 14px;
  width: 16%;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-phone {
  width: 120px;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-mobile {
  width: 110px;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-ContactName {
  width: 150px;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-Inactive {
  font-size: 14px;
  width: 70px;
  text-align: center;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-Onhold {
  font-size: 14px;
  width: 100px;
  text-align: center;
}
.people-list .people-list-section .vl-main .view-pl .vl-ListView .people-list-details .vl-details p.vl-status {
  font-size: 14px;
  width: 100px;
  float: right;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header {
  background: #ccc;
  padding: 0;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details {
  box-shadow: none;
  width: 100%;
  margin: 0;
  padding: 5px;
  border: none;
  box-sizing: border-box;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details {
  position: relative;
  width: 100%;
  float: left;
  min-height: unset;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p {
  margin: 0 !important;
  width: 13%;
  float: left;
  line-height: 36px;
  font-weight: 500;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  box-sizing: border-box;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl_statusListHead {
  float: right;
  width: max-content;
  text-align: center;
  padding-left: 0;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl-name {
  font-weight: 500;
  margin-right: 25px;
  width: 14%;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl-Num {
  font-size: 14px;
  width: 120px;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl-mailid {
  font-size: 14px;
  width: 16%;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl-phone {
  width: 120px;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl-mobile {
  width: 110px;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl-ContactName {
  width: 150px;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl-Inactive {
  font-size: 14px;
  width: 70px;
  text-align: center;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl-Onhold {
  font-size: 14px;
  width: 100px;
  text-align: center;
}
.people-list .people-list-section .vl-main .view-pl .VLlist_header .people-list-details .vl-details p.vl-status {
  font-size: 14px;
  width: 100px;
  float: right;
}
.people-list .people-list-section .vl-main .k-pager-wrap .k-link {
  width: 28px;
  height: 28px;
  margin-right: 3px;
}
.people-list .people-list-section .vl-main .k-pager-wrap .k-state-selected {
  width: 28px;
  height: 28px;
  margin-right: 3px;
}
.people-list .people-list-section .vl-main .VLsubmitForinvite {
  text-align: center;
  margin-top: 8px;
  bottom: 24px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
}
.people-list .people-list-section .vl-main .VLChangeViewBtn {
  text-align: right;
  margin-right: 10px;
}
.people-list .people-list-section .vl-main .VLChangeViewBtn .btn {
  border: none;
  outline: none;
  padding: 5px 10px;
  background-color: #f1f1f1;
  cursor: pointer;
}
.people-list .people-list-section .vl-main .VLChangeViewBtn .btn:hover {
  background-color: #ddd;
}
.people-list .people-list-section .vl-main .VLChangeViewBtn .btn.active {
  background-color: #03a9f4;
  color: white;
}
.people-list .people-list-section .vl-main.add-new-pl .back-to-listview {
  width: 100%;
  display: inline-block;
  margin: 10px 0;
}
.people-list .people-list-section .vl-main.add-new-pl .back-to-listview .add-new-member {
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.people-list .people-list-section .vl-main.add-new-pl .back-to-listview span {
  float: right;
  cursor: pointer;
}
.people-list .vendor_GridTableMain .vendor_GridTableHead {
  position: relative;
  background: #e0e0e0;
}
.people-list .vendor_GridTableMain .vendor_GridTableHead tr th {
  padding: 6px 10px !important;
  white-space: nowrap !important;
}
.people-list .vendor_GridTableMain .vendor_GridTableHead tr th a {
  margin: 0;
  padding: 0;
}
.people-list .vendor_GridTableMain .vendor_GridTable tbody tr td {
  padding: 3px 10px;
  white-space: nowrap;
}
.people-list .vendor_GridTableMain .vendor_GridTable tbody tr td .Ven_Gridstatus {
  height: 5px;
  width: 20px;
  background: red;
  display: inline-block;
}
.people-list .vendor_GridTableMain .vendor_GridTable tbody tr td .Ven_Gridstatus.Ven_Active {
  background: green;
}
.people-list .vendor_GridTableMain .vendor_GridTable tbody tr td .icon-user-following {
  color: green;
}
.people-list .vendor_GridTableMain .vendor_GridTable tbody tr td .icon-user-unfollow {
  color: red;
}
.people-list .vendor_ListMain .k-grid-header .k-grid-header-wrap table thead {
  background: #e0e0e0;
}
.people-list .vendor_ListMain .k-grid-header .k-grid-header-wrap table thead tr th {
  padding: 6px 10px !important;
  white-space: nowrap !important;
}
.people-list .vendor_ListMain .k-grid-header .k-grid-header-wrap table thead tr th a {
  margin: 0;
  padding: 0;
}
.people-list .vendor_ListMain .k-grid-content {
  height: 370px;
}
.people-list .vendor_ListMain .k-grid-content table tbody tr td {
  padding: 3px 10px;
  white-space: nowrap;
}
.people-list .vendor_ListMain .k-grid-content table tbody tr td .ven_Gridstatus {
  height: 5px;
  width: 20px;
  background: red;
  display: inline-block;
}
.people-list .vendor_ListMain .k-grid-content table tbody tr td .ven_Gridstatus.Ven_Active {
  background: green;
}
.people-list .vendor_ListMain .k-grid-content table tbody tr td .icon-user-following {
  color: green;
}
.people-list .vendor_ListMain .k-grid-content table tbody tr td .icon-user-unfollow {
  color: red;
}
.people-list .vendor_ListMain .k-grid-pager {
  /*.k-pager-numbers-wrap{
          .k-pager-numbers{
              li{
                  span{width: 30px;height: 30px;}
                  .k-state-selected{width:30px;height:30px;}
              }
          }
  }*/
}
.people-list .vendor_ListMain .k-grid-pager .k-pager-refresh {
  display: none;
}
.people-list .vendor_ListMain .k-grid-pager .k-pager-sizes {
  display: block;
}
.people-list .vendor_ListMain .k-grid-pager .k-pager-sizes .k-dropdown {
  border: 1px solid #757575;
  padding: 0 5px;
  border-radius: 5px;
}
.people-list .vendor_ListMain .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap {
  border: none;
}
.people-list .vendor_ListMain .k-grid-pager .k-pager-info {
  display: block;
}
.people-list .vendor_ListMain .k-grid-pager .k-pager-numbers li a {
  width: 30px;
  height: 30px;
}
.people-list .vendor_ListMain .k-grid-pager .k-pager-numbers li .k-state-selected {
  width: 30px;
  height: 30px;
}

/*---------------------------------------------Vendor Activity----------------------------------------*/
.Vendor_ActivityMain {
  position: relative;
}
.Vendor_ActivityMain .All_vendors .search_vendors {
  padding: 10px;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors {
  padding: 10px;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid {
  color: black;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-header {
  padding-right: 0 !important;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-header .k-grid-header-wrap > table {
  position: relative;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-header .k-grid-header-wrap > table > thead tr {
  border: none;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-header .k-grid-header-wrap > table > thead tr th:first-child {
  border-radius: 10px 0 0 0;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-header .k-grid-header-wrap > table > thead tr th:last-child {
  border-radius: 0 10px 0 0;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-header .k-grid-header-wrap > table > thead tr th.k-header {
  Color: #FFFFFF;
  background: #4682b4;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-content {
  position: relative;
  overflow: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-content::-webkit-scrollbar {
  width: 5px;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-content::-webkit-scrollbar-thumb {
  background: #888;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-content table tbody tr {
  cursor: pointer;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-pager .k-pager-nav {
  width: 28px;
  height: 28px;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-pager .k-pager-nav .k-pager-numbers-wrap .k-pager-numbers li .k-state-selected {
  width: 28px !important;
  height: 28px !important;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-pager.k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li a {
  height: 28px;
  width: 28px;
  font-size: 12px;
  border: 1px solid #aaa;
}
.Vendor_ActivityMain .All_vendors .Vend_ActAllVendors .VAVendorLists > .k-grid .k-grid-pager.k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li .k-state-selected {
  height: 28px;
  width: 28px;
  font-size: 12px;
}
.Vendor_ActivityMain .VendorActDetails {
  padding: 0px;
}
.Vendor_ActivityMain .VendorActDetails .VAtop {
  width: 100%;
  padding: 10px;
}
.Vendor_ActivityMain .VendorActDetails .VAtop .VendorAct_Name {
  padding: 10px 5px;
  background: #f1f1f1;
  border-left: 6px solid #03a9f4;
  width: calc(100% - 60px);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.Vendor_ActivityMain .VendorActDetails .VAtop .backVA {
  width: 42px;
  display: inline-block;
  text-align: center;
  height: 42px;
  line-height: 42px;
  background: #eee;
}
.Vendor_ActivityMain .VendorActDetails .VAtop .backVA:hover {
  cursor: pointer;
}
.Vendor_ActivityMain .VendorActDetails .VAtop .backVA i {
  font-size: 22px !important;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper {
  height: calc(100vh - 125px);
  height: calc(var(--vh, 1vh) * 100 - 125px);
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain {
  position: relative;
  padding: 10px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items {
  margin: 0;
  border: 0px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li {
  background: transparent;
  color: #000;
  font-weight: bold;
  width: 16.7%;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  position: relative;
  height: 30px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li:after {
  border-top-width: 3px;
  border-bottom: none;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li.k-state-active {
  color: #000;
  background: lavender;
  border: none;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li.k-state-active:after {
  border-color: #03a9f4;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li.k-state-selected {
  color: #000;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li .k-link {
  padding: 5px;
  text-transform: capitalize;
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content {
  padding: 0;
  margin: 0;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab {
  padding: 0px;
  margin-top: 16px;
  height: calc(100vh - 180px);
  height: calc(var(--vh, 1vh) * 100 - 180px);
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab::-webkit-scrollbar {
  width: 5px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab::-webkit-scrollbar-thumb {
  background: #888;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .VAaddUser {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 9;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .VAaddUser button {
  border-radius: 50%;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocBTN {
  position: relative;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocBTN > .docBTN {
  position: absolute;
  z-index: 9;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain {
  position: relative;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain.vaMar38 {
  margin-top: 38px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid {
  color: black;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-header {
  padding-right: 0 !important;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-header .k-grid-header-wrap > table {
  position: relative;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-header .k-grid-header-wrap > table > thead tr {
  border: none;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-header .k-grid-header-wrap > table > thead tr th:first-child {
  border-radius: 10px 0 0 0;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-header .k-grid-header-wrap > table > thead tr th:last-child {
  border-radius: 0 10px 0 0;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-header .k-grid-header-wrap > table > thead tr th.k-header {
  Color: #000;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-content {
  position: relative;
  overflow: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-content::-webkit-scrollbar {
  width: 5px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-content::-webkit-scrollbar-thumb {
  background: #888;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-pager .k-pager-nav {
  width: 28px;
  height: 28px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-pager .k-pager-nav .k-pager-numbers-wrap .k-pager-numbers li .k-state-selected {
  width: 28px !important;
  height: 28px !important;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-pager.k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li a {
  height: 28px;
  width: 28px;
  font-size: 12px;
  border: 1px solid #aaa;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab > .VADocumentsMain > .k-grid .k-grid-pager.k-pager-wrap .k-pager-numbers-wrap .k-pager-numbers li .k-state-selected {
  height: 28px;
  width: 28px;
  font-size: 12px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget {
  font-size: 13px;
  background: #FFFFFF;
  margin: 10px; /*box-shadow:0px 0px 6px 0px #ccc;*/
  border-radius: 8px 8px 0 0;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  /*&.sec2{animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
  &.sec3{animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }*/
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .vendAct_Heading {
  font-size: 14px;
  font-weight: 600;
  padding: 8px 15px; /*border-radius: 8px 8px 0 0;*/
  color: #000;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .vendAct_Heading.height40 {
  height: 40px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL {
  list-style-type: none;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li {
  margin-bottom: 5px;
  width: 100%;
  float: left;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumTitle {
  width: 140px;
  display: inline-block;
  float: left;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail {
  font-weight: 500;
  float: left;
  width: calc(100% - 140px);
  text-align: right;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail.vendEmailID {
  width: calc(100% - 140px);
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail.vendEmailID .VAEmail {
  width: calc(100% - 36px);
  padding-right: 5px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail.vendEmailID .VAEmail-edit-save {
  position: absolute;
  right: 4px;
  top: 1px;
  padding: 4px;
  background: #d0d0d0;
  font-size: 16px;
  width: 24px;
  text-align: center;
  cursor: pointer;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons {
  display: inline-block;
  -webkit-animation-delay: 1s;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons {
  padding: 5px;
  font-size: 14px;
  width: 14px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  color: white;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons:hover {
  opacity: 0.7;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons.fa-facebook {
  background: #3B5998;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons.fa-twitter {
  background: #55ACEE;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons.fa-google {
  background: #dd4b39;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons.fa-linkedin {
  background: #007bb5;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .vendActEventform {
  display: flex;
  margin-bottom: 10px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .vendActEventform label {
  width: 150px;
  float: left;
  line-height: 30px;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .vendActEventform .k-edit-field {
  width: calc(100% - 162px);
  float: left;
  padding: 0 5px;
  position: relative;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .vendActEventform .form-control {
  width: calc(100% - 162px);
  float: left;
  padding: 0 5px;
  position: relative;
}
.Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .vendActEventform .form-control.vaSMform {
  width: 200px !important;
}

.tabADDVend {
  position: relative;
}
.tabADDVend .k-tabstrip-items .k-item.k-state-active::after {
  border-color: #03a9f4 !important;
  margin: 0 1px;
  z-index: 1;
  border-top-width: 3px;
  border-bottom-width: 0px;
  background: #d8d8d8;
  z-index: -1;
}
.tabADDVend .k-tabstrip-items .k-item .k-link {
  padding: 5px 15px;
}
.tabADDVend .k-content {
  border: 1px solid #eeeeee;
  margin: 0px;
  height: 350px;
  overflow: auto;
}
.tabADDVend .k-content .Vend_ActTab {
  padding: 0px;
}
.tabADDVend .k-content .Vend_ActTab .VADocumentsMain {
  position: relative;
}
.tabADDVend .k-content .Vend_ActTab .VADocumentsMain > table > thead tr th.k-header {
  Color: #FFFFFF;
  background: #4682b4;
}
.tabADDVend .k-content .Vend_ActTab .form-heading {
  width: 100%;
}
.tabADDVend .k-content .Vend_ActTab .form-heading p {
  font-size: 14px !important;
  font-weight: 500;
}
.tabADDVend .k-content .Vend_ActTab .form-group {
  margin-bottom: 8px;
}
.tabADDVend .k-content .Vend_ActTab .form-group .k-textbox:hover {
  border-color: #03a9f4;
}
.tabADDVend .k-content .Vend_ActTab .form-group .k-textbox.form-control {
  height: 34px;
  padding: 5px;
  border: 1px solid #999;
}
.tabADDVend .k-content .Vend_ActTab .widget {
  padding: 10px;
  box-shadow: 0px 0px 8px 0px #ccc;
  margin: 20px;
}
.tabADDVend .k-content .Vend_ActTab .widget .VenSumUL {
  list-style-type: none;
  padding: 0;
}
.tabADDVend .k-content .Vend_ActTab .widget .VenSumUL li .vendSumTitle {
  width: 165px;
  display: inline-block;
  font-weight: 500;
}
.tabADDVend .k-content .Vend_ActTab .widget .VenSumUL li .vendSumDetail {
  margin-left: 10px;
}
.tabADDVend .k-content .Vend_ContactTab {
  padding: 0px;
}
.tabADDVend .k-content .Vend_ContactTab .form-heading {
  width: 100%;
}
.tabADDVend .k-content .Vend_ContactTab .form-heading p {
  font-size: 14px !important;
  font-weight: 500;
}
.tabADDVend .k-content .Vend_ContactTab .form-group {
  margin-bottom: 8px;
}
.tabADDVend .k-content .Vend_ContactTab .form-group .k-textbox:hover {
  border-color: #03a9f4;
}
.tabADDVend .k-content .Vend_ContactTab .form-group .k-textbox.form-control {
  height: 34px;
  padding: 5px;
  border-color: #999;
}
.tabADDVend .k-content .Vend_ContactTab .widget {
  padding: 10px;
  box-shadow: 0px 0px 8px 0px #ccc;
  margin-bottom: 20px;
}
.tabADDVend .k-content .Vend_ContactTab .widget .VenSumUL {
  list-style-type: none;
  padding: 0;
}
.tabADDVend .k-content .Vend_ContactTab .widget .VenSumUL li .vendSumTitle {
  width: 165px;
  display: inline-block;
  font-weight: 500;
}
.tabADDVend .k-content .Vend_ContactTab .widget .VenSumUL li .vendSumDetail {
  margin-left: 10px;
}

.AddVendorMain {
  width: 100%;
  position: relative;
}
.AddVendorMain .AddNewVendor {
  width: 100%;
  float: left;
  position: relative;
  padding: 0px;
  height: auto;
}
.AddVendorMain .AddNewVendor .NewVendor_header {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #f3f4f5;
  padding: 10px;
  background: aliceblue;
}
.AddVendorMain .AddNewVendor .NewVendor_header .header-title {
  font-size: 16px;
  color: #000000;
  width: 100%;
  font-weight: 600;
}
.AddVendorMain .AddNewVendor .NewVendor_header .header-title .edit-pro {
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
}
.AddVendorMain .AddNewVendor .NewVendor_header .header-title .edit-pro:hover {
  color: #20a8d8;
  cursor: pointer;
}
.AddVendorMain .AddNewVendor .NewVendor_header .header-title .back_toVlist {
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  margin-left: 30px;
  position: relative;
  top: 4px;
}
.AddVendorMain .AddNewVendor .NewVendor_header .header-title .back_toVlist:hover {
  color: #20a8d8;
  cursor: pointer;
}
.AddVendorMain .AddNewVendor .NewVendor_body {
  height: calc(100vh - 100px);
  height: calc(var(--vh, 1vh) * 100 - 100px);
  position: relative;
  clear: both;
  overflow-x: hidden;
  overflow: auto;
  overflow-y: scroll;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .ven_Fullname {
  padding: 10px;
  margin: 0;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .ven_Fullname .form-control:hover {
  border: 1px solid #e4e7ea;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendTOP {
  width: 100%;
  display: inline-block;
  clear: both;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendTOP .form-group {
  width: 300px;
  float: left;
  margin-left: 10px;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendTOP .form-group label {
  font-weight: 400;
  font-size: 13px;
  color: #000;
  margin-bottom: 3px;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendTOP .form-group input {
  padding: 5px;
  height: 34px;
  border-color: rgba(0, 0, 0, 0.4);
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendTOP .form-group input:hover {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms {
  position: relative;
  padding: 10px;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-tabstrip-items {
  margin: 0;
  border-bottom: 1px solid #04a9f4;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-tabstrip-items li {
  background: transparent;
  color: #000;
  font-weight: bold;
  width: 16.7%;
  text-align: center;
  position: relative;
  height: 30px;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-tabstrip-items li:after {
  border-top-width: 3px;
  border-bottom: none;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-tabstrip-items li.k-state-active {
  color: #000;
  background: lavender;
  border-bottom: 1px solid #e6e6e6;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-tabstrip-items li.k-state-active:after {
  border-color: #03a9f4;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-tabstrip-items li.k-state-selected {
  color: #000;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-tabstrip-items li .k-link {
  padding: 5px;
  text-transform: capitalize;
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content {
  padding: 0;
  margin: 0;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content .add_VendorAddress {
  position: relative;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content .add_VendorAddress .Vend_ActTab {
  padding: 15px 0;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content .add_VendorAddress .Vend_ActTab .form-group label {
  font-weight: 400;
  font-size: 13px;
  color: #000;
  margin-bottom: 3px;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content .add_VendorAddress .Vend_ActTab .form-group input {
  padding: 5px;
  height: 34px;
  border-color: rgba(0, 0, 0, 0.4);
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content .add_VendorAddress .Vend_ActTab .form-group input:hover {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content .add_VendorContact .Vend_ContactTab {
  padding: 15px 0;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content .add_VendorContact .Vend_ContactTab .form-group label {
  font-weight: 400;
  font-size: 13px;
  color: #000;
  margin-bottom: 3px;
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content .add_VendorContact .Vend_ContactTab .form-group input {
  padding: 5px;
  height: 34px;
  border-color: rgba(0, 0, 0, 0.4);
}
.AddVendorMain .AddNewVendor .NewVendor_body .NewVendor_panel .add_vendorForms .k-content .add_VendorContact .Vend_ContactTab .form-group input:hover {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.customer-list {
  width: 100%;
  position: relative;
}
.customer-list .customer-list-section {
  height: calc(100vh - 105px);
  height: calc(var(--vh, 1vh) * 100 - 105px);
  overflow: auto;
  margin: 0;
  border: none;
  border-left: 1px solid #ccc;
  border-radius: 0;
  position: relative;
  background: #FFFFFF;
}
.customer-list .customer-list-section .cl-main {
  background: #FFFFFF;
  padding: 1.25rem;
}
.customer-list .customer-list-section .cl-main .userlist-pagination {
  width: 100%;
  text-align: center;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul {
  width: auto;
  border: none;
  /* Track */
  /* Handle */
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul.search-by-alpha {
  margin: 0;
  padding: 0;
  overflow: auto;
  white-space: nowrap;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul.search-by-alpha li {
  border-radius: 2px;
  background: #ddecf9;
  display: inline-block;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  border: none;
  margin-right: 4px;
  font-weight: 600;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.prev-page {
  background: none !important;
  color: #4285f4;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.prev-page a {
  color: #4285f4;
  font-size: 18px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.next-page {
  background: none !important;
  color: #4285f4;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.next-page a {
  color: #4285f4;
  font-size: 18px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.active {
  background: #4285f4;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.active a {
  color: #FFFFFF;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li:active {
  background: #4285f4;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li:active a {
  color: #FFFFFF;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li:hover {
  background: #ddd;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li a {
  padding: 0;
  color: #4285f4;
  text-align: center;
  width: 100%;
  font-size: 12px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li a:hover {
  text-decoration: none;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul::-webkit-scrollbar {
  height: 6px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #20a8d8;
  border-radius: 3px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul::-webkit-scrollbar-thumb {
  background: #4682b4;
  border-radius: 10px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul::-webkit-scrollbar-thumb:hover {
  background: #20a8d8;
}
.customer-list .customer-list-section .cl-main .view-pl {
  margin: 0;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col {
  margin-top: 20px;
  padding: 0 5px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details {
  box-shadow: 0px 0px 8px 0px #ccc;
  width: 100%;
  margin: 0;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-img {
  width: 76px;
  float: left;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-img img {
  width: 65px;
  height: 65px;
  float: left;
  margin: 0px 10px 0 0;
  background: #03A9F4;
  text-align: center;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details {
  position: relative;
  width: calc(100% - 76px);
  float: left;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p {
  margin: 0;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p.cl-name {
  font-weight: bold;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p.cl-name:hover {
  cursor: pointer;
  color: #20a8d8;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p.cl-designation {
  font-size: 12px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p.cl-msg {
  color: brown;
  font-size: 12px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips {
  position: absolute;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips.act-status {
  top: 5px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips.act-status > i {
  font-size: 16px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips.act-resend {
  bottom: 5px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips.act-resend > i {
  font-size: 16px;
  color: #03A9F4;
}
.customer-list .customer-list-section .cl-main .CLChangeViewBtn {
  text-align: right;
}
.customer-list .customer-list-section .cl-main .CLChangeViewBtn .btn {
  border: none;
  outline: none;
  padding: 5px 10px;
  background-color: #f1f1f1;
  cursor: pointer;
}
.customer-list .customer-list-section .cl-main .CLChangeViewBtn .btn:hover {
  background-color: #ddd;
}
.customer-list .customer-list-section .cl-main .CLChangeViewBtn .btn.active {
  background-color: #03a9f4;
  color: white;
}
.customer-list .customer-list-section .cl-main.add-new-pl .back-to-listview {
  width: 100%;
  display: inline-block;
  margin: 10px 0;
}
.customer-list .customer-list-section .cl-main.add-new-pl .back-to-listview .add-new-member {
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.customer-list .customer-list-section .cl-main.add-new-pl .back-to-listview span {
  float: right;
  cursor: pointer;
}
.customer-list .vendor_GridTableMain .vendor_GridTableHead {
  position: relative;
  background: #e0e0e0;
}
.customer-list .vendor_GridTableMain .vendor_GridTableHead tr th {
  padding: 6px 10px !important;
  white-space: nowrap !important;
}
.customer-list .vendor_GridTableMain .vendor_GridTableHead tr th a {
  margin: 0;
  padding: 0;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td {
  padding: 3px 10px;
  white-space: nowrap;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td .Ven_Gridstatus {
  height: 5px;
  width: 20px;
  background: red;
  display: inline-block;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td .Ven_Gridstatus.Ven_Active {
  background: green;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td .icon-user-following {
  color: green;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td .icon-user-unfollow {
  color: red;
}
.customer-list .Customer_ListMain .k-grid-header .k-grid-header-wrap table thead {
  background: #e0e0e0;
}
.customer-list .Customer_ListMain .k-grid-header .k-grid-header-wrap table thead tr th {
  padding: 6px 10px !important;
  white-space: nowrap !important;
}
.customer-list .Customer_ListMain .k-grid-header .k-grid-header-wrap table thead tr th a {
  margin: 0;
  padding: 0;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td {
  padding: 3px 10px;
  white-space: nowrap;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td .ven_Gridstatus {
  height: 5px;
  width: 20px;
  background: red;
  display: inline-block;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td .ven_Gridstatus.Ven_Active {
  background: green;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td .icon-user-following {
  color: green;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td .icon-user-unfollow {
  color: red;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-refresh {
  display: none;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-sizes .k-dropdown {
  border: 1px solid #757575;
  padding: 0 5px;
  border-radius: 5px;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap {
  border: none;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-numbers li a {
  width: 30px;
  height: 30px;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-numbers li .k-state-selected {
  width: 30px;
  height: 30px;
}

.customer-list {
  width: 100%;
  position: relative;
}
.customer-list .customer-list-section {
  height: calc(100vh - 105px);
  height: calc(var(--vh, 1vh) * 100 - 105px);
  overflow: auto;
  margin: 0;
  border: none;
  border-left: 1px solid #ccc;
  border-radius: 0;
  position: relative;
  background: #FFFFFF;
}
.customer-list .customer-list-section .cl-main {
  background: #FFFFFF;
  padding: 1.25rem;
}
.customer-list .customer-list-section .cl-main .userlist-pagination {
  width: 100%;
  text-align: center;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul {
  width: auto;
  border: none;
  /* Track */
  /* Handle */
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul.search-by-alpha {
  margin: 0;
  padding: 0;
  overflow: auto;
  white-space: nowrap;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul.search-by-alpha li {
  border-radius: 2px;
  background: #ddecf9;
  display: inline-block;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  border: none;
  margin-right: 4px;
  font-weight: 600;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.prev-page {
  background: none !important;
  color: #4285f4;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.prev-page a {
  color: #4285f4;
  font-size: 18px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.next-page {
  background: none !important;
  color: #4285f4;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.next-page a {
  color: #4285f4;
  font-size: 18px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.active {
  background: #4285f4;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li.active a {
  color: #FFFFFF;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li:active {
  background: #4285f4;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li:active a {
  color: #FFFFFF;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li:hover {
  background: #ddd;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li a {
  padding: 0;
  color: #4285f4;
  text-align: center;
  width: 100%;
  font-size: 12px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul li a:hover {
  text-decoration: none;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul::-webkit-scrollbar {
  height: 6px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #20a8d8;
  border-radius: 3px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul::-webkit-scrollbar-thumb {
  background: #4682b4;
  border-radius: 10px;
}
.customer-list .customer-list-section .cl-main .userlist-pagination ul::-webkit-scrollbar-thumb:hover {
  background: #20a8d8;
}
.customer-list .customer-list-section .cl-main .view-pl {
  margin: 0;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col {
  margin-top: 20px;
  padding: 0 5px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details {
  box-shadow: 0px 0px 8px 0px #ccc;
  width: 100%;
  margin: 0;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-img {
  width: 76px;
  float: left;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-img img {
  width: 65px;
  height: 65px;
  float: left;
  margin: 0px 10px 0 0;
  background: #03A9F4;
  text-align: center;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details {
  position: relative;
  width: calc(100% - 76px);
  float: left;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p {
  margin: 0;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p.cl-name {
  font-weight: bold;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p.cl-name:hover {
  cursor: pointer;
  color: #20a8d8;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p.cl-designation {
  font-size: 12px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details p.cl-msg {
  color: brown;
  font-size: 12px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips {
  position: absolute;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips.act-status {
  top: 5px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips.act-status > i {
  font-size: 16px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips.act-resend {
  bottom: 5px;
}
.customer-list .customer-list-section .cl-main .view-pl .cl-col .customer-list-details .cl-details .tooltips.act-resend > i {
  font-size: 16px;
  color: #03A9F4;
}
.customer-list .customer-list-section .cl-main .CLChangeViewBtn {
  text-align: right;
}
.customer-list .customer-list-section .cl-main .CLChangeViewBtn .btn {
  border: none;
  outline: none;
  padding: 5px 10px;
  background-color: #f1f1f1;
  cursor: pointer;
}
.customer-list .customer-list-section .cl-main .CLChangeViewBtn .btn:hover {
  background-color: #ddd;
}
.customer-list .customer-list-section .cl-main .CLChangeViewBtn .btn.active {
  background-color: #03a9f4;
  color: white;
}
.customer-list .customer-list-section .cl-main.add-new-pl .back-to-listview {
  width: 100%;
  display: inline-block;
  margin: 10px 0;
}
.customer-list .customer-list-section .cl-main.add-new-pl .back-to-listview .add-new-member {
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.customer-list .customer-list-section .cl-main.add-new-pl .back-to-listview span {
  float: right;
  cursor: pointer;
}
.customer-list .vendor_GridTableMain .vendor_GridTableHead {
  position: relative;
  background: #e0e0e0;
}
.customer-list .vendor_GridTableMain .vendor_GridTableHead tr th {
  padding: 6px 10px !important;
  white-space: nowrap !important;
}
.customer-list .vendor_GridTableMain .vendor_GridTableHead tr th a {
  margin: 0;
  padding: 0;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td {
  padding: 3px 10px;
  white-space: nowrap;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td .Ven_Gridstatus {
  height: 5px;
  width: 20px;
  background: red;
  display: inline-block;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td .Ven_Gridstatus.Ven_Active {
  background: green;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td .icon-user-following {
  color: green;
}
.customer-list .vendor_GridTableMain .vendor_GridTable tbody tr td .icon-user-unfollow {
  color: red;
}
.customer-list .Customer_ListMain .k-grid-header .k-grid-header-wrap table thead {
  background: #e0e0e0;
}
.customer-list .Customer_ListMain .k-grid-header .k-grid-header-wrap table thead tr th {
  padding: 6px 10px !important;
  white-space: nowrap !important;
}
.customer-list .Customer_ListMain .k-grid-header .k-grid-header-wrap table thead tr th a {
  margin: 0;
  padding: 0;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td {
  padding: 3px 10px;
  white-space: nowrap;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td .ven_Gridstatus {
  height: 5px;
  width: 20px;
  background: red;
  display: inline-block;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td .ven_Gridstatus.Ven_Active {
  background: green;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td .icon-user-following {
  color: green;
}
.customer-list .Customer_ListMain .k-grid-content table tbody tr td .icon-user-unfollow {
  color: red;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-refresh {
  display: none;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-sizes .k-dropdown {
  border: 1px solid #757575;
  padding: 0 5px;
  border-radius: 5px;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap {
  border: none;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-numbers li a {
  width: 30px;
  height: 30px;
}
.customer-list .Customer_ListMain .k-grid-pager .k-pager-numbers li .k-state-selected {
  width: 30px;
  height: 30px;
}

.k-radio:checked + .k-radio-label::after {
  background-color: #20a8d8 !important;
  color: #20a8d8 !important;
}

.k-radio:checked + .k-radio-label::before {
  border-color: #20a8d8;
}

.k-radio:checked + .k-radio-label:hover::before {
  border-color: #20a8d8;
}

.k-radio:checked + .k-radio-label:active::before {
  border-color: #20a8d8;
}

.k-radio-label:active::before {
  border-color: #20a8d8;
  box-shadow: 0 0 2px 0 #6b7acb;
}

.k-form .k-form-field > span, .k-form-inline .k-form-field > span {
  font-weight: 600;
}

textarea {
  width: 100% !important;
}

.k-textbox, .k-textarea, .k-input.k-textbox {
  font-size: 13px;
}

.k-radio:checked + .k-radio-label::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
}

.k-dateinput-wrap .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
  font-size: 13px;
}

#main_payment_list .k-grid .k-grid-pager .k-dropdown-wrap {
  border: 1px solid #ccc;
  padding: 0 5px;
  border-radius: 3px;
}

.k-checkbox:checked + .k-checkbox-label::after, .k-checkbox:indeterminate + .k-checkbox-label::after {
  background-color: #f9fafb;
  border-color: #dfdfdf;
  color: #20a8d8;
  font-weight: bolder;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
  max-width: 17px;
  height: 17px;
}

.k-checkbox:checked + .k-checkbox-label::after, .k-checkbox:indeterminate + .k-checkbox-label::after {
  max-width: 17px;
}

.k-checkbox-label:after {
  width: 17px;
}

.k-checkbox-label::before { /*border-color:rgba($cmn-black, .3);*/
  border-color: #dfdfdf;
  border-width: 1px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
  width: 17px;
  height: 17px;
}

.k-checkbox.rfqcheck:checked + .k-checkbox-label::after, .k-checkbox.rfqcheck:indeterminate + .k-checkbox-label::after {
  background-color: #4dbd74;
  border-color: #20a8d8;
}

.k-multiselect-wrap {
  border-color: #8e8a86 !important;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  border-width: 1px !important;
  border-bottom-style: solid !important;
}
.k-multiselect-wrap .k-button {
  padding: 1px 25px 1px 4px !important;
  min-height: calc(1.4285714286em + 4px);
  line-height: 1.5;
  font-size: 12px;
  background-color: #f6f6f6;
  border-width: 1px;
  border-color: #cccccc;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
}
.k-multiselect-wrap .k-button .k-select {
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  color: #000000;
}
.k-multiselect-wrap .k-button .k-select .k-icon {
  width: 12px;
  height: 12px;
  line-height: 12px;
  margin: 0;
  text-align: center;
}
.k-multiselect-wrap .k-button .k-select:hover {
  background-color: transparent !important;
  color: #000000 !important;
}
.k-multiselect-wrap .k-button.k-state-hover {
  background-color: #e3e3e7 !important;
  color: #000000;
}
.k-multiselect-wrap .k-button:hover {
  background-color: #e3e3e7 !important;
  color: #000000;
}
.k-multiselect-wrap .k-button:hover .k-select {
  background-color: transparent !important;
  color: #000000;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.k-multiselect-wrap .k-button:before {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
  opacity: 0;
}
.k-multiselect-wrap ul {
  padding-left: 5px;
}
.k-multiselect-wrap li.k-button {
  background-color: #f6f6f6 !important;
  border-color: #cccccc !important;
}

.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected, .k-columnmenu-item.k-state-selected, .k-list .k-item.k-state-selected, .k-list-container .k-button.k-state-active, .k-list-container .k-button:active, .k-list-optionlabel.k-state-selected, .k-spreadsheet-popup .k-button.k-state-active, .k-spreadsheet-popup .k-button.k-state-selected, .k-spreadsheet-popup .k-button:active {
  color: #000000;
  background-color: #e3f5fb;
  border-width: 0px 0px 1px;
  border-color: #f0f9fd;
}

.k-list .k-item.k-state-hover.k-state-selected, .k-list .k-item:hover.k-state-selected, .k-list-optionlabel.k-state-hover.k-state-selected, .k-list-optionlabel:hover.k-state-selected {
  color: #000000;
  background-color: #b6e4f4;
}

.k-dateinput-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-state-focused > .k-dateinput-wrap, .k-state-focused > .k-dropdown-wrap, .k-state-focused > .k-multiselect-wrap, .k-state-focused > .k-numeric-wrap, .k-state-focused > .k-picker-wrap {
  border-color: #20a8d8 !important;
}

.k-datepicker .k-picker-wrap.k-state-focused, .k-datetimepicker .k-picker-wrap.k-state-focused, .k-timepicker .k-picker-wrap.k-state-focused {
  border-color: #20a8d8 !important;
}

.k-scheduler-toolbar li .k-link, .k-scheduler-footer li .k-link {
  padding: 14px 6px;
  font-size: 12px;
}

.k-scheduler-views .k-current-view .k-link::after {
  content: "";
  margin: 0 0 0 1ex;
  border: 0.25em solid transparent;
  border-top: 0.5em solid currentColor;
  border-bottom-width: 0;
  display: inline-block;
}

.k-window-titlebar {
  background: #20a8d8;
  color: #FFFFFF;
  margin-top: -70px;
  padding: 0.68rem !important;
}
.k-window-titlebar + .k-window-content {
  height: 100%;
  padding: 10px !important;
  overflow: hidden;
}
.k-window-titlebar .k-window-title {
  font-size: 16px;
}
.k-window-titlebar .k-window-actions {
  top: 15px;
  right: 5px;
}

.k-edit-form-container {
  width: 100%;
  min-width: 100%;
  padding-bottom: 8px;
}

.k-popup-edit-form .k-edit-form-container .k-edit-buttons {
  margin: 0;
}

.k-scheduler-edit-form .k-edit-label {
  font-weight: 600;
  color: #000000;
}

.k-scheduler-edit-form .k-edit-form-container {
  min-width: 620px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform {
  position: relative;
  height: 352px;
  overflow: auto;
  padding-right: 10px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform::-webkit-scrollbar {
  width: 5px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform::-webkit-scrollbar-thumb {
  background: #888;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-label {
  width: 17%;
  float: left;
  clear: both;
  text-align: right;
  padding: 8px 0;
  font: 400 14px Arial, Helvetica, sans-serif;
  color: #656565;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field {
  width: 77%;
  float: right;
  clear: right;
  margin-bottom: 5px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field textarea.k-textbox {
  padding: 4px 5px;
  line-height: normal;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field > .k-textbox {
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  border-color: #8e8a86;
  width: 100%;
  font: 400 12px Arial, Helvetica, sans-serif;
  color: #656565;
  height: 30px;
  line-height: 30px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datetimepicker {
  height: 30px;
  line-height: 30px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datetimepicker .k-picker-wrap {
  border-color: #8e8a86;
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  box-sizing: border-box;
  cursor: default;
  outline: 0;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datetimepicker .k-link {
  padding: 1px 4px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datetimepicker .k-link:hover {
  background-color: #e3e3e7;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datetimepicker .k-select {
  border-color: #8e8a86;
  color: #656565;
  background-color: #f1f1f3;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datepicker {
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datepicker .k-picker-wrap {
  border-color: #8e8a86;
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  box-sizing: border-box;
  cursor: default;
  outline: 0;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datepicker .k-select {
  border-color: #8e8a86;
  color: #656565;
  background-color: #f1f1f3;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datepicker .k-select:hover {
  background-color: #e3e3e7;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-numerictextbox {
  height: 30px;
  line-height: 30px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-numerictextbox .k-numeric-wrap {
  border-color: #8e8a86;
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  margin-right: 10px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-numerictextbox .k-select {
  border-color: #8e8a86;
  color: #656565;
  background-color: #f1f1f3;
  background-image: linear-gradient(#f1f1f3, #f1f1f1);
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-dropdown {
  height: 30px;
  line-height: 30px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-dropdown .k-dropdown-wrap {
  background-image: linear-gradient(#f1f1f3, #f1f1f1);
  background-color: #f1f1f3;
  border-color: #8e8a86;
  transition: all 0.1s ease;
  position: relative;
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-dropdown .k-dropdown-wrap .k-input {
  padding: 4px 8px;
  outline: 0;
  box-sizing: border-box;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-invalid-msg {
  background: #F44336;
  margin: 0 0 0 10px !important;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-invalid-msg .k-i-warning {
  width: 40px;
}
.k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field.eventFORSelection {
  display: block;
}
.k-scheduler-edit-form .k-edit-form-container .k-edit-buttons {
  margin: 0;
}

.k-scheduler-agendaview .k-i-reload, .k-scheduler-agendaview .k-scheduler-mark {
  display: none;
}

.k-event {
  background-color: #eeeeee;
  color: #000000;
  min-height: 12px;
  font-size: 11px;
}

.k-event .k-event-template, kendo-scheduler .k-event .k-event-template {
  line-height: 12px;
  padding: 0px 8px;
}

.k-scheduler-layout td.k-state-selected {
  background-color: transparent !important;
}

.k-multiselect-wrap #participants_taglist .k-button:hover {
  background: transparent;
  color: #000000;
}

.k-scheduler-footer > ul > li, .k-scheduler-toolbar > ul > li {
  display: inline-block;
  border-style: solid;
  border-width: 0;
}

.k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li, .k-scheduler-toolbar > ul > li:first-child {
  border-left-width: 0;
}

.k-scheduler div.k-scheduler-footer ul li {
  margin-right: 0.6em;
  border-width: 0;
}

.k-recur-view .k-edit-field .k-check {
  margin-right: 4px;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 0;
}

.k-recur-view .k-edit-field .k-check:last-child {
  margin-right: 0px;
}

.k-scheduler-header {
  padding: 0 !important;
}

.k-scheduler-header-wrap {
  border-width: 0 0 0 1px;
  border-color: inherit;
}

.k-filter-row th, .k-grid-header th.k-header {
  padding: 5px 5px;
  color: #000000;
  font-weight: 400;
  background-color: #f2f6f8;
  border-right: none;
  font-size: 13px;
}
.k-filter-row th .k-link, .k-grid-header th.k-header .k-link {
  padding: 0;
  min-width: 38px !important;
  min-height: 38px;
  line-height: 38px;
}
.k-filter-row th .k-link:hover, .k-grid-header th.k-header .k-link:hover {
  color: #000000;
}
.k-filter-row th .k-header-column-menu, .k-grid-header th.k-header .k-header-column-menu {
  color: #21a8d8;
  padding: 0;
  min-height: 38px;
  bottom: 0;
  margin: 0;
  right: 0;
}
.k-filter-row th .k-grid-filter, .k-grid-header th.k-header .k-grid-filter {
  color: #21a8d8;
  padding: 0;
  min-height: 38px;
  bottom: 0;
  margin: 0;
  right: 0;
}

.k-grid td {
  padding: 5px 5px;
  white-space: nowrap;
  text-transform: capitalize;
  border-color: rgba(0, 0, 0, 0.12);
  border-width: 0 1px 0 0;
}

.k-grid tr.k-alt { /*background-color:rgba(0, 0, 0, 0.04;*/
  background-color: #f8fafb;
}

.k-grid {
  color: #000000; /*font-family:'Roboto', sans-serif; old one*/
  font-family: "DejaVu Sans", "Arial", sans-serif !important;
}
.k-grid th {
  white-space: nowrap;
  text-transform: capitalize;
}
.k-grid tbody tr:hover {
  background-color: #eaedf1;
}
.k-grid tbody tr.k-state-active {
  background-color: #b1ddf3;
}
.k-grid tbody tr.k-state-active td {
  font-weight: 600;
}
.k-grid tbody tr.k-state-active td:first-child {
  border-left: 4px solid #255bc7;
}
.k-grid tbody tr.k-state-selected {
  background-color: #b1ddf3;
}
.k-grid tbody tr.k-state-selected td {
  font-weight: 600;
}
.k-grid tbody tr.k-state-selected td:first-child {
  border-left: 4px solid #255bc7;
}
.k-grid tbody tr td {
  padding: 5px;
  border-width: 0 0 1px 0;
  border-color: #dfdfdf;
}
.k-grid tbody td {
  font-size: 12px;
}
.k-grid tbody td.k-state-selected {
  background-color: #b1ddf3;
}
.k-grid .k-edit-cell .edit-container {
  position: relative;
  padding-right: 15px;
}
.k-grid .k-edit-cell input[type=text] {
  height: 24px;
  font-size: 12px;
  border: 1px solid #20a8d8;
  padding: 0 5px;
  background-color: #FFFFFF;
  outline: 0;
  border-color: #20a8d8;
  box-shadow: none;
  width: 100%;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -kthtml-transition: all 0.2s linear;
}
.k-grid .k-edit-cell input[type=text].gridEdit-text {
  padding-right: 22px;
  width: calc(100% - 15px);
}
.k-grid .k-edit-cell .edit-cell.input-finder {
  position: absolute;
  top: 0;
  right: -10px;
}
.k-grid .k-edit-cell .edit-cell.input-finder .input-finder-search {
  cursor: pointer;
  height: 22px;
  width: 22px;
  margin: 0;
  -webkit-min-logical-height: 22px;
  background-color: transparent;
  background-position: 0 0;
  position: relative;
  right: 11px;
  top: 2px;
  border: none;
  padding-right: 0 !important;
  cursor: pointer;
}
.k-grid .k-edit-cell .edit-cell.input-finder .input-finder-search:hover {
  cursor: pointer;
  color: #000000;
}
.k-grid .k-edit-cell .edit-datepicker {
  position: relative;
}
.k-grid .k-edit-cell .edit-datepicker .k-datepicker {
  width: 100%;
  position: relative;
}
.k-grid .k-edit-cell .edit-datepicker .k-datepicker .k-picker-wrap {
  border-bottom: none;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.k-grid .k-edit-cell .edit-datepicker .k-datepicker .k-picker-wrap .k-select {
  background: transparent;
  height: 24px;
  border: 0 !important;
}
.k-grid .k-edit-cell .edit-datepicker input[type=text] {
  text-indent: 0;
}
.k-grid .k-edit-cell .cellEdit-dropdown {
  position: relative;
}
.k-grid .k-edit-cell .cellEdit-dropdown .cellEdit-dropdown-input {
  width: 100%;
  position: relative;
  height: 24px;
}
.k-grid .k-edit-cell .cellEdit-dropdown .cellEdit-dropdown-input .k-dropdown-wrap {
  background: #FFFFFF;
  border-bottom: 0;
}
.k-grid .k-edit-cell .cellEdit-dropdown .cellEdit-dropdown-input .k-dropdown-wrap .k-input {
  height: calc(1.42857143em + 8px);
}
.k-grid .k-edit-cell .cellEdit-dropdown .cellEdit-dropdown-input .k-dropdown-wrap .k-select {
  background: transparent;
  border: 0 !important;
  height: 24px;
}

.k-grid-header {
  padding: 0 !important;
}
.k-grid-header .k-checkbox-label:before {
  background: #f9fafb;
  border: 1px solid #dfdfdf;
}
.k-grid-header .gen-setting_grid {
  background: #ededed;
  /*font-weight: 600 !important;*/
  color: #000000;
}

.db-cal-notitsk-info {
  display: none;
}

.k-grouping-header {
  padding: 8px;
}

.k-event-actions .k-i-reload {
  display: none !important;
}

.calNotifi {
  display: block;
}

@media only screen and (max-width: 1024px) {
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: block;
    border-width: 0px;
    text-align: right;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    margin-top: -0.3em;
    width: 0;
    height: 0;
  }
}
.snoozOPT .k-dropdown-wrap {
  border: none !important;
  border: 1px solid #ccc !important;
  padding: 0 5px;
  border-radius: 5px;
}
.snoozOPT .k-dropdown-wrap .k-input {
  height: 24px;
}

.k-editor .k-editable-area .k-content {
  border-width: 0;
  border-style: none;
}

.k-editor-toolbar .k-tool {
  padding: 1px;
  width: calc(1px + 1.42857143em);
  height: calc(1px + 1.42857143em);
}
.k-editor-toolbar .k-dropdown-wrap .k-input {
  height: calc(1.42857143em + 12px);
}
.k-editor-toolbar .k-dropdown-wrap .k-select {
  background: transparent;
  border-left: 0px !important;
}
.k-editor-toolbar .k-picker-wrap .k-input {
  height: calc(1.42857143em + 12px);
}
.k-editor-toolbar .k-picker-wrap .k-select {
  background: transparent;
  border-left: 0px !important;
}
.k-editor-toolbar .k-colorpicker .k-tool-icon {
  height: calc(1.42857143em + 12px);
}

.k-pager-wrap .k-link {
  width: calc(10px + 1.42857143em);
  height: calc(10px + 1.42857143em);
}
.k-pager-wrap .k-state-selected {
  height: calc(10px + 1.42857143em);
  width: calc(10px + 1.42857143em);
}

.k-scheduler-toolbar .k-scheduler-views {
  z-index: 999 !important;
}

.k-grid-tooltips-content {
  font-size: 12px;
  color: #000000;
}

.k-tooltip.k-slider-tooltip {
  color: #FFFFFF;
  background-color: #5666be;
  border-color: #5666be;
}

.rngSlider {
  position: relative;
  width: 100% !important;
  float: left;
  display: inline-block;
}

.k-picker-wrap {
  border-bottom-style: solid !important;
}

.k-loading-image:before {
  color: #255bc7;
  border-width: 3px !important;
}
.k-loading-image:after {
  color: #255bc7;
  border-width: 3px !important;
}

.k-scheduler-times .k-scheduler-times-all-day {
  text-transform: uppercase;
}

.site-mode.online, .dropdown-item .site-mode.online {
  display: block;
  -o-box-shadow: 0 0 0 rgba(77, 189, 116, 0.4);
  box-shadow: 0 0 0 rgba(77, 189, 116, 0.4);
  animation: online 2s infinite;
}

@-webkit-keyframes online {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
  }
}
@keyframes online {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0.4);
    box-shadow: 0 0 0 0 grba(#4dbd74, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
    box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
    box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
  }
}
.site-mode.offline, .dropdown-item .site-mode.offline {
  display: block;
  -o-box-shadow: 0 0 0 rgba(255, 193, 7, 0.4);
  box-shadow: 0 0 0 rgba(255, 193, 7, 0.4);
  animation: online 2s infinite;
}

@-webkit-keyframes online {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}
@keyframes online {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
    box-shadow: 0 0 0 0 grba(#ffc107, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
    box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes Greeting {
  from {
    font-size: 6px;
  }
  to {
    font-size: 18px;
  }
}
/* Standard syntax */
@keyframes Greeting {
  from {
    font-size: 6px;
  }
  to {
    font-size: 18px;
  }
}
.gradient-border {
  --borderWidth: 3px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#dotwaveAnim {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#dotwaveAnim .dotAnim {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 0px;
  background: #FFFFFF;
  animation: dotAnimwave 1.3s linear infinite;
}
#dotwaveAnim .dotAnim:nth-child(2) {
  animation-delay: -1.1s;
}
#dotwaveAnim .dotAnim:nth-child(3) {
  animation-delay: -0.9s;
}

@keyframes dotAnimwave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-10px);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes onCall {
  0% {
    background-color: #4CAF50;
  }
  50% {
    background-color: #8BC34A;
  }
  100% {
    background-color: #4CAF50;
  }
}
/* Standard syntax */
@keyframes onCall {
  0% {
    background-color: #4CAF50;
  }
  50% {
    background-color: #8BC34A;
  }
  100% {
    background-color: #4CAF50;
  }
}
@keyframes audioRecordPulse {
  0% {
    box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, 0.3);
  }
  65% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0.3);
  }
  90% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0);
  }
}
.waveAnim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00BCD4;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  animation: sonarWave 1s linear infinite;
  -webkit-animation: sonarWave 1s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes smallWave {
  from {
    opacity: 0.5;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes textblink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes typingwave {
  0%, 60%, 100% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
}
@keyframes newCalluser {
  0% {
    left: -285px;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0px;
  }
}
/*@keyframes raiseHandAnim {
  0% { opacity:0;}
  50% { opacity:0.5;}
  100% { opacity:1;}
}*/
@keyframes speaking-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 134, 191, 0), 0 0 0 0 rgba(84, 192, 231, 0);
  }
  15% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0.25em rgba(84, 192, 231, 0.75);
  }
  25% {
    box-shadow: 0 0 0 0.25em #0086bf, 0 0 0.125em 0.25em rgba(84, 192, 231, 0);
  }
  35% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
  50% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
  70% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
}
.theme-light .app-header {
  background-color: #ffffff;
}
.theme-dark .app-header {
  background-color: #3a4149;
}

.theme-light .navbar-nav .nav-link {
  color: #000000;
}
.theme-dark .navbar-nav .nav-link {
  color: #000000;
}

.theme-light .dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #c8ced3;
}
.theme-dark .dropdown-menu {
  background-color: #3a4149;
  border: 1px solid #000000;
}

.theme-light .dropdown-header {
  background: #e4e7ea;
  border-bottom: 1px solid #c8ced3;
  color: #000000;
}
.theme-dark .dropdown-header {
  background: #3a4149;
  border-bottom: 1px solid #000000;
  color: #000000;
}

.theme-light .dropdown-item {
  border-bottom: 1px solid #c8ced3;
  color: #000000;
}
.theme-dark .dropdown-item {
  border-bottom: 1px solid #000000;
  color: #ffffff;
}
.theme-light .dropdown-item:hover {
  background: #f2f4f5;
}
.theme-dark .dropdown-item:hover {
  background: #454e57;
}
.dropdown-item .active-site {
  position: absolute;
  right: 10px;
  margin-top: 2px;
}
.dropdown-item .active-site i {
  font-size: 100%;
  margin-right: 0;
}
.theme-light .dropdown-item .active-site i {
  color: #1d9ac6;
}
.dropdown-item .site-mode {
  position: absolute;
  right: 10px;
  margin-top: -14px;
  width: 10px;
  height: 10px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.theme-light .dropdown-item .site-mode.online {
  background-color: #4dbd74;
}
.theme-light .dropdown-item .site-mode.offline {
  background-color: #ffc107;
}
.nav-alrt-msg {
  width: 100%;
  position: relative;
  float: left;
}
.nav-alrt-msg .dropdown-header {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 7px;
  min-height: 30px;
}
.nav-alrt-msg .dropdown-header .hd {
  float: left;
  position: relative;
  width: 100%;
  padding: 3px 5px 0 5px;
}
.nav-alrt-msg .dropdown-header .mark-read {
  float: left;
  position: relative;
  text-align: right;
  width: 100%;
  cursor: pointer;
}
.nav-alrt-msg .dropdown-header .mark-read span {
  position: relative;
}
.nav-alrt-msg .dropdown-header .mark-read span:hover {
  font-weight: 600;
  cursor: pointer;
}
.nav-alrt-msg .noti-datetime-msg {
  position: relative;
  width: 100%;
  float: left;
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #c8ced3;
  padding: 7px;
}
.nav-alrt-msg .noti-see-all {
  position: relative;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 12px;
  background-color: #e4e7ea;
  padding: 7px 0;
  cursor: pointer;
}
.nav-alrt-msg .noti-see-all:hover {
  font-weight: 600;
  cursor: pointer;
}
.nav-alrt-msg ul {
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
}
.nav-alrt-msg ul li {
  float: left;
  width: 100%;
  float: left;
  border-bottom: 0;
  cursor: pointer;
}
.nav-alrt-msg ul li.dropdown-item {
  padding: 4px 14px !important;
  border-bottom: 0;
}
.nav-alrt-msg ul li.chat-noti-li {
  border-bottom: 1px solid #ddd;
  padding: 8px 14px !important;
}
.nav-alrt-msg ul li.chat-noti-li .chat-noti-msg .noti-icon {
  margin-right: 6px;
  width: 36px;
  height: 36px;
}
.nav-alrt-msg ul li.chat-noti-li .chat-noti-msg .noti-icon img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.nav-alrt-msg ul li.chat-noti-li .chat-noti-msg .noti-desc {
  width: calc(100% - 90px);
}
.nav-alrt-msg ul li.chat-noti-li .chat-noti-msg .noti-desc .chat-details .user_name {
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-alrt-msg ul li.chat-noti-li .chat-noti-msg .noti-desc .chat-details .chat_msg {
  font-size: 12px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-alrt-msg ul li.chat-noti-li .chat-noti-msg .noti-time {
  width: 45px;
  float: right;
}
.nav-alrt-msg ul li.chat-noti-li .chat-noti-msg .noti-time .noti-timing {
  font-size: 11px;
  color: #777;
}
.nav-alrt-msg ul li .noti-msg {
  width: 100%;
  float: left;
  position: relative;
}
.nav-alrt-msg ul li .noti-msg .noti-icon {
  width: 30px;
  height: 30px;
  float: left;
  position: relative;
  text-align: center;
}
.nav-alrt-msg ul li .noti-msg .noti-icon i {
  font-size: 24px;
  line-height: 30px;
}
.nav-alrt-msg ul li .noti-msg .noti-desc {
  float: left;
  position: relative;
  width: calc(100% - 30px);
  line-height: 15px;
}
.nav-alrt-msg ul li .noti-msg .noti-desc .desc {
  float: left;
  width: calc(100% - 30px);
  position: relative;
  text-align: inherit;
  word-break: break-word;
  white-space: normal;
  font-size: 12px;
}
.nav-alrt-msg ul li .noti-msg .noti-desc .des-time {
  float: left;
  position: relative;
  width: 100%;
  text-align: right;
}
.nav-alrt-msg ul li .noti-msg .noti-desc .des-time span {
  text-align: right;
  width: auto;
  font-size: 11px;
}
.nav-alrt-msg ul li .noti-msg .noti-desc .read_unreadIndication {
  margin: 0;
  display: inline-block;
}
.nav-alrt-msg ul li .noti-msg .noti-desc .read_unreadIndication i {
  margin: 0;
  width: 16px;
}
.nav-alrt-msg ul li .noti-msg .noti-desc .read_unreadIndication i .Notiunread {
  color: #b4b9bd;
}
.nav-alrt-msg ul li:last-child {
  border-bottom: 1px solid #c8ced3;
  padding-bottom: 8px !important;
}
.nav-alrt-msg .default_notiMsg {
  height: 120px;
  width: 100%;
  display: inline-block;
  background: #f1f1f1;
  float: left;
  font-size: 12px;
}
.nav-alrt-msg .default_notiMsg span {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: fit-content;
  color: #777;
}

.all-notification {
  width: 100%;
  position: relative;
  float: left;
}
.all-notification .dropdown-header {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 7px;
}
.all-notification .dropdown-header .hd {
  float: left;
  position: relative;
  width: 100%;
  padding: 3px 5px 0 5px;
}
.all-notification .dropdown-header .mark-read {
  float: left;
  position: relative;
  text-align: right;
  width: 100%;
  cursor: pointer;
}
.all-notification .dropdown-header .mark-read:hover {
  font-weight: 600;
  cursor: pointer;
}
.all-notification .noti-datetime-msg {
  position: relative;
  width: 100%;
  float: left;
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
  padding: 7px;
}
.all-notification .noti-see-all {
  position: relative;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 12px;
  background-color: #e4e7ea;
  padding: 7px 0;
  cursor: pointer;
}
.all-notification .noti-see-all:hover {
  font-weight: 600;
  cursor: pointer;
}
.all-notification ul {
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
}
.all-notification ul li {
  float: left;
  width: 100%;
  float: left;
  border-bottom: 0;
  cursor: pointer;
}
.all-notification ul li.dropdown-item {
  padding: 8px 14px !important;
  border-bottom: 0;
}
.all-notification ul li .noti-msg {
  width: 100%;
  float: left;
  position: relative;
}
.all-notification ul li .noti-msg .noti-icon {
  width: 30px;
  height: 30px;
  float: left;
  position: relative;
  text-align: center;
}
.all-notification ul li .noti-msg .noti-icon i {
  font-size: 24px;
  line-height: 30px;
}
.all-notification ul li .noti-msg .noti-desc {
  float: left;
  position: relative;
  width: calc(100% - 54px);
}
.all-notification ul li .noti-msg .noti-desc .desc {
  float: left;
  position: relative;
  text-align: inherit;
  word-break: break-word;
  white-space: normal;
  font-size: 12px;
}
.all-notification ul li .noti-msg .noti-desc .des-time {
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
}
.all-notification ul li .noti-msg .noti-desc .des-time span {
  text-align: left;
  width: auto;
  font-size: 11px;
}
.all-notification ul li .noti-msg .noti-desc .read_unreadIndication {
  margin: 0;
  display: inline-block;
}
.all-notification ul li .noti-msg .noti-desc .read_unreadIndication i {
  margin: 0;
  width: 16px;
}
.all-notification ul li .noti-msg .noti-desc .read_unreadIndication i .Notiunread {
  color: #b4b9bd;
}
.all-notification ul li.rfqlst {
  padding: 8px 14px !important;
  border-bottom: 0;
  list-style-type: none;
  margin-bottom: 15px;
  border-left: 2px solid #20a8d8;
}
.all-notification ul li.rfqlst .rfqStatus-list {
  width: 100%;
  float: left;
  position: relative;
}
.all-notification ul li.rfqlst .rfqStatus-list .rfqNo {
  color: #404040;
}
.all-notification ul li.rfqlst .rfqStatus-list .rfqdec {
  font-size: 13px;
}
.all-notification ul li.rfqlst:nth-child(even) {
  background: #f4f5fa;
}

.dropdown-menu.dropdown-menu-anim {
  -webkit-animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1;
  animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1;
}
.dropdown-menu.dropdown-menu-lg {
  width: 320px;
}
.dropdown-menu.dropdown-menu-top-unround {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown-menu.dropdown-menu-fit {
  padding: 0;
}

.user-noti-head {
  position: relative;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 1rem 1rem;
  min-height: 100px;
}
.user-noti-head .user-noti-hd-title {
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}
.user-noti-head .user-noti-hd-sub {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  right: 0;
  left: 0;
  height: 2.8rem;
  bottom: -1.4rem;
}
.user-noti-head .user-noti-hd-sub .user-noti-hd-desc {
  color: #74788d;
  font-size: 1rem;
  font-weight: 400;
  background: #FFFFFF;
  text-align: center;
  padding: 0.75rem 1rem;
  -webkit-box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
}

.header-dropdown-width {
  width: 300px !important;
}

.navbar-header-dropdown-mob {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 15px;
}
.navbar-header-dropdown-mob .navbarDrop {
  width: calc(100% - 50px);
  float: left;
  position: relative;
}
.navbar-header-dropdown-mob .navbarClose {
  width: 50px;
  text-align: center;
  float: left;
  position: relative;
  padding-top: 6px;
  color: #20a8d8;
}
.navbar-header-dropdown-mob .navbarClose:hover {
  cursor: pointer;
  color: #20a8d8;
}

.add-company {
  display: none;
}

.updateNotification_scroll {
  float: left;
  width: 100%;
  max-height: 240px;
  overflow: auto;
}
.updateNotification_scroll ul {
  list-style-type: none;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}
.updateNotification_scroll ul li {
  font-size: 12px;
  list-style-type: none;
  border-bottom: 1px solid rgba(204, 204, 204, 0.3);
  padding: 10px 5px;
  color: #000000;
}
.updateNotification_scroll ul li:hover {
  background: #eaedf1;
}
.updateNotification_scroll ul li:last-child {
  border-bottom: none;
}

.pwf-app-install {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #20a8d8;
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.74);
  text-align: right;
  z-index: 9999;
}
.pwf-app-install .pwf-text {
  position: relative;
  padding: 14px 20px 14px 14px;
}
.pwf-app-install .pwf-text span {
  width: auto;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 13px;
}
.pwf-app-install .pwf-text .pwf-install-btn {
  background-color: #0d82ab;
  cursor: pointer;
  text-decoration: none;
  color: #FFFFFF !important;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  padding: 4px 15px;
}
.pwf-app-install .pwf-text .pwf-install-btn:hover {
  background-color: #0a6b8c;
  cursor: pointer;
}

.nav-alrt-msg.chat-alrt-msg ul {
  max-height: 280px;
  overflow: auto;
  display: inline-block;
  width: 100%;
}

.sidebar {
  /*.nav-dropdown{
      &.open{
          .nav-dropdown-items{
              .nav-link{padding-left:45px;}
          }
      }
  }*/
}
.theme-light .sidebar {
  background: #2f353a;
}
.theme-dark .sidebar {
  background: #2f353a;
}
.theme-light .sidebar .nav-title {
  color: #e4e7ea;
}
.theme-dark .sidebar .nav-title {
  color: #e4e7ea;
}
.sidebar .nav-item {
  font-size: 13px;
}
.theme-light .sidebar .nav-item {
  color: #ffffff;
}
.theme-dark .sidebar .nav-item {
  color: #ffffff;
}
.theme-light .sidebar .nav-link {
  color: #ffffff;
}
.theme-dark .sidebar .nav-link {
  color: #ffffff;
}
.theme-light .sidebar .nav-link .nav-icon {
  color: #ffffff;
}
.theme-dark .sidebar .nav-link .nav-icon {
  color: #ffffff;
}
.theme-light .sidebar .nav-link.active {
  background: #464f56;
  cursor: pointer;
}
.theme-dark .sidebar .nav-link.active {
  background: #464f56;
  cursor: pointer;
}
.theme-light .sidebar .nav-link.active .nav-icon {
  color: #20a8d8;
}
.theme-dark .sidebar .nav-link.active .nav-icon {
  color: #20a8d8;
}
.theme-light .sidebar .nav-link:hover {
  background: #20a8d8;
  cursor: pointer;
  color: #ffffff;
}
.theme-dark .sidebar .nav-link:hover {
  background: #20a8d8;
  cursor: pointer;
  color: #ffffff;
}
.theme-light .sidebar .sidebar-minimizer {
  background: #181b1e;
  position: fixed;
  width: 200px;
  bottom: -1px;
  height: 50px;
}
.theme-dark .sidebar .sidebar-minimizer {
  background: #181b1e;
  position: fixed;
  width: 200px;
  bottom: -1px;
  height: 50px;
}

html:not([dir=rtl]) .nav-dropdown-items .nav-link, html:not([dir=rtl]) .nav-dropdown-items .nav-link {
  padding-left: 45px;
}

@media (min-width: 992px) {
  .sidebar-minimized .sidebar .sidebar-minimizer {
    position: fixed;
    bottom: 0;
    width: 50px !important;
    height: 50px;
    background-color: #24282c;
  }
}
.user-login-box {
  width: 100%;
  position: relative;
  float: left;
}
.user-login-box .user-login-img {
  width: 40px;
  height: 40px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  float: left;
}
.user-login-box .user-login-img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #FFFFFF;
  padding: 3px;
}
.user-login-box .user-login-img.name {
  font-size: 17px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  object-position: center;
  background: rgba(255, 255, 255, 0.1);
}
.user-login-box .user-login-text {
  float: left;
  width: calc(100% - 40px);
  padding: 0 0 0 10px;
  text-transform: capitalize;
  font-weight: normal;
}
.user-login-box .user-login-text .welcome {
  float: left;
  width: 100%;
  font-size: 12px;
  font-style: italic;
}
.user-login-box .user-login-text .login-name {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #FFFFFF;
}

.comp-login-name {
  position: relative;
  width: 100%;
  float: left;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: normal;
  text-transform: capitalize;
  color: #FFFFFF;
  display: none;
}

.theme-light .app-footer {
  background: #f0f3f5;
  color: #000000;
  border-top: 1px solid #c8ced3;
}
.theme-dark .app-footer {
  background: #3a4149;
  color: #000000;
  border-top: 1px solid #c8ced3;
}
.app-footer a {
  text-decoration: none;
}
.theme-light .app-footer a {
  color: #20a8d8;
}
.theme-dark .app-footer a {
  color: #20a8d8;
}
.app-footer a:hover {
  cursor: pointer;
}
.theme-light .app-footer a:hover {
  text-decoration: none;
  color: #167495;
}
.theme-dark .app-footer a:hover {
  text-decoration: none;
  color: #167495;
}

.btn { /*padding:4px 16px;*/
  padding: 0.4rem 1rem;
  font-weight: 500;
  letter-spacing: 0.0107142857em;
}

.btn-primary {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-primary {
  background-color: #1d9ac6;
  color: #ffffff;
  border-color: #1d9ac6;
  min-width: auto;
}
.btn-primary:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-primary:hover {
  background-color: #17789a;
  border-color: #17789a;
  min-width: auto;
}
.btn-secondary {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-secondary {
  background-color: #c8ced3;
  color: #000000;
  border-color: #c8ced3;
  min-width: auto;
}
.btn-secondary:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-secondary:hover {
  background-color: #acb5bc;
  border-color: #acb5bc;
  min-width: auto;
}
.btn-danger {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-danger {
  background-color: #f86c6b;
  color: #ffffff;
  border-color: #f86c6b;
  min-width: auto;
}
.btn-danger:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-danger:hover {
  background-color: #f63c3a;
  border-color: #f63c3a;
  min-width: auto;
}
.btn-warning {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-warning {
  background-color: #ffc107;
  color: #000000;
  border-color: #ffc107;
  min-width: auto;
}
.btn-warning:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-warning:hover {
  background-color: #d39e00;
  border-color: #d39e00;
  min-width: auto;
}
.btn-success {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-success {
  background-color: #4dbd74;
  color: #ffffff;
  border-color: #4dbd74;
  min-width: auto;
}
.btn-success:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-success:hover {
  background-color: #3a9d5d;
  border-color: #3a9d5d;
  min-width: auto;
}
.btn-info {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-info {
  background-color: #63c2de;
  color: #000000;
  border-color: #63c2de;
  min-width: auto;
}
.btn-info:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-info:hover {
  background-color: #39b2d5;
  border-color: #39b2d5;
  min-width: auto;
}
.btn-default {
  background-color: #FFFFFF;
  color: #000000;
  border-color: #c0c0c0;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-default {
  background-color: #FFFFFF;
  color: #20a8d8;
  border-color: #20a8d8;
  min-width: auto;
}
.btn-default:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .btn-default:hover {
  background-color: #e9f7fe;
  color: #20a8d8;
  border-color: #17789a;
  min-width: auto;
}
.cust-btn-primary {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.theme-light .cust-btn-primary {
  background-color: #1d9ac6;
  color: #ffffff;
  border-color: #1d9ac6;
  min-width: auto;
}
.cust-btn-primary:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: none;
}
.theme-light .cust-btn-primary:hover {
  background-color: #17789a;
  border-color: #17789a;
  min-width: auto;
}
.cust-btn-secondary {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.theme-light .cust-btn-secondary {
  background-color: #c8ced3;
  color: #000000;
  border-color: #c8ced3;
  min-width: auto;
}
.cust-btn-secondary:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: none;
}
.theme-light .cust-btn-secondary:hover {
  background-color: #acb5bc;
  border-color: #acb5bc;
  min-width: auto;
}
.cust-btn-danger {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.theme-light .cust-btn-danger {
  background-color: #f86c6b;
  color: #ffffff;
  border-color: #f86c6b;
  min-width: auto;
}
.cust-btn-danger:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: none;
}
.theme-light .cust-btn-danger:hover {
  background-color: #f63c3a;
  border-color: #f63c3a;
  min-width: auto;
}
.cust-btn-warning {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.theme-light .cust-btn-warning {
  background-color: #ffc107;
  color: #000000;
  border-color: #ffc107;
  min-width: auto;
}
.cust-btn-warning:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: none;
}
.theme-light .cust-btn-warning:hover {
  background-color: #d39e00;
  border-color: #d39e00;
  min-width: auto;
}
.cust-btn-success {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.theme-light .cust-btn-success {
  background-color: #4dbd74;
  color: #ffffff;
  border-color: #4dbd74;
  min-width: auto;
}
.cust-btn-success:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .cust-btn-success:hover {
  background-color: #3a9d5d;
  border-color: #3a9d5d;
  min-width: auto;
}
.cust-btn-info {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.theme-light .cust-btn-info {
  background-color: #63c2de;
  color: #000000;
  border-color: #63c2de;
  min-width: auto;
}
.cust-btn-info:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: none;
}
.theme-light .cust-btn-info:hover {
  background-color: #39b2d5;
  border-color: #39b2d5;
  min-width: auto;
}
.cust-btn-default {
  background-color: #FFFFFF;
  color: #000000;
  border-color: #c0c0c0;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.theme-light .cust-btn-default {
  background-color: #FFFFFF;
  color: #20a8d8;
  border-color: #20a8d8;
  min-width: auto;
}
.cust-btn-default:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: none;
}
.theme-light .cust-btn-default:hover {
  background-color: #e9f7fe;
  color: #20a8d8;
  border-color: #17789a;
  min-width: auto;
}
.k-button.k-scheduler-update {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  text-transform: capitalize !important;
}
.theme-light .k-button.k-scheduler-update {
  background-color: #1d9ac6 !important;
  color: #ffffff !important;
  border-color: #1d9ac6 !important;
  min-width: auto !important;
}
.theme-dark .k-button.k-scheduler-update {
  background-color: !important;
  color: !important;
  border-color: !important;
  min-width: !important;
}
.k-button.k-scheduler-update:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .k-button.k-scheduler-update:hover {
  background-color: #17789a !important;
  border-color: #17789a !important;
  min-width: auto !important;
}
.theme-dark .k-button.k-scheduler-update:hover {
  background-color: !important;
  border-color: !important;
  min-width: !important;
}

.k-button.k-scheduler-delete, .k-button.k-scheduler-cancel {
  text-transform: capitalize !important;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  height: 28px;
}
.theme-light .k-button.k-scheduler-delete, .theme-light .k-button.k-scheduler-cancel {
  background-color: #FFFFFF;
  color: #20a8d8 !important;
  border-color: #20a8d8 !important;
  min-width: auto;
}
.theme-dark .k-button.k-scheduler-delete, .theme-dark .k-button.k-scheduler-cancel {
  color: !important;
  border-color: !important;
}
.k-button.k-scheduler-delete:hover, .k-button.k-scheduler-cancel:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .k-button.k-scheduler-delete:hover, .theme-light .k-button.k-scheduler-cancel:hover {
  background-color: #e9f7fe;
  color: #20a8d8;
  border-color: #17789a;
  min-width: auto;
}
.k-button.k-scheduler-Editcurrentoccurrence, .k-button.k-scheduler-Edittheseries {
  text-transform: capitalize !important;
  font-size: 13px;
  padding: 0 8px !important;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  height: 28px;
}
.theme-light .k-button.k-scheduler-Editcurrentoccurrence, .theme-light .k-button.k-scheduler-Edittheseries {
  background-color: #FFFFFF;
  color: #20a8d8 !important;
  border-color: #20a8d8 !important;
  min-width: auto;
}
.theme-dark .k-button.k-scheduler-Editcurrentoccurrence, .theme-dark .k-button.k-scheduler-Edittheseries {
  color: !important;
  border-color: !important;
}
.k-button.k-scheduler-Editcurrentoccurrence:hover, .k-button.k-scheduler-Edittheseries:hover {
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -os-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.theme-light .k-button.k-scheduler-Editcurrentoccurrence:hover, .theme-light .k-button.k-scheduler-Edittheseries:hover {
  background-color: #e9f7fe;
  color: #20a8d8;
  border-color: #17789a;
  min-width: auto;
}
.btn.disabled {
  background-color: #f6f6f6;
  border: 1px solid #eee;
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #d0cece;
  font-weight: 600;
  opacity: 1;
}
.btn.disabled:hover {
  background-color: #f6f6f6;
  border: 1px solid #eee;
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #d0cece;
  font-weight: 600;
  opacity: 1;
}

.gridcontrols-group {
  background-color: #f7f8f8;
  display: block;
  border-color: #dbdbde #dbdbde;
  border-style: solid solid;
  border-width: 1px 1px;
  padding: 5px;
  margin: 0 auto 0 auto;
  max-width: 100%;
}
.gridcontrols-group input[class*=btn-] {
  background-color: #f1f1f3;
  font-weight: 700;
  border: 1px solid #8e8a86; /*margin: 0 10px 10px 0;*/
  margin: 0 10px 0px 0;
  float: left;
  padding: 4px 15px;
  min-width: 100px;
  color: #3c424f;
  line-height: 1;
  max-height: 26px;
  font-size: 12px !important;
  background-repeat: no-repeat;
  text-align: center;
  text-indent: 20px;
}
.gridcontrols-group input[class*=btn-][type=button]:hover {
  background-color: #d6d6db !important;
  border: 1px solid #6f6b68;
  color: #3c424f;
}
.gridcontrols-group .btn-default {
  background: transparent;
  padding: 2px 10px;
  font-size: 12px;
}
.gridcontrols-group .btn-default.btn-add.disabled {
  opacity: 1;
  cursor: default;
  pointer-events: none;
}
.gridcontrols-group .btn-default.btn-add.disabled:hover {
  cursor: default;
  pointer-events: none;
  background: transparent;
}
.gridcontrols-group .btn-default.btn-delete.disabled {
  opacity: 1;
  cursor: default;
  pointer-events: none;
}
.gridcontrols-group .btn-default.btn-delete.disabled:hover {
  cursor: default;
  pointer-events: none;
  background: transparent;
}
.gridcontrols-group .btn-default.btn-edit.disabled {
  opacity: 1;
  cursor: default;
  pointer-events: none;
}
.gridcontrols-group .btn-default.btn-edit.disabled:hover {
  cursor: default;
  pointer-events: none;
  background: transparent;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-primary:focus {
  box-shadow: none !important;
}

button:focus {
  outline: none !important;
}

.k-button {
  box-shadow: none !important;
  text-transform: capitalize !important;
  padding: 5px 16px !important;
  font-weight: 400 !important;
}

.btn-auto {
  min-width: 60px !important;
}

.col-form-label {
  font-weight: 600;
}

.form-group label {
  color: #000000;
  font-weight: 400;
  font-size: 14px;
}
.form-group label.text-fade {
  color: #999999 !important;
}
.form-group label.socialpost {
  font-size: 12px;
}

.form-control {
  border: 1px solid #8e8a86;
  height: 30px;
  padding: 0 0 0 10px;
  font-size: 12px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
}
.form-control.inputValidation {
  border-color: #f86c6b;
}

.input-group-text {
  border: 1px solid #8e8a86;
  width: 30px;
  height: 30px;
  padding: 0px;
  justify-content: center;
  background-color: #f1f1f3;
}
.input-group-text:hover {
  background-color: #e3e3e7;
}

.input-group-prepend .input-group-text {
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}

.input-group .input-group-append {
  margin-left: 0px !important;
}
.input-group .input-group-append .input-group-text {
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.input-group .input-group-append .input-group-text + .input-group-text {
  margin-left: 6px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
}
.input-group .input-group-append:last-child .input-group-text:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-group .form-control:not(:last-child) {
  border-right: none;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #f6f6f6;
  opacity: 1;
  border: 1px solid #eee;
}

/*.form-control:disabled, .form-control[readonly] {
    background-color: #ddd;
    opacity: 1;
    border: 1px solid #aaa;
}*/
.help-block {
  opacity: 0.6;
}

.theme-light .modal-content {
  border-color: #8d9fa5;
}
.theme-light .modal-header {
  background-color: #20a8d8;
  color: #FFFFFF;
}
.modal-header .close {
  opacity: 1;
}
.theme-light .modal-header .close {
  color: #FFFFFF;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog.environmental-modal {
    max-width: 900px;
  }
}
a.file-attachment {
  cursor: pointer;
}
a.file-attachment:hover {
  color: #20a8d8 !important;
}

.m-dropdown {
  position: relative;
}
.m-dropdown .dropdown-content {
  position: absolute !important;
  background: #FFFFFF;
  margin: 0;
  will-change: width, height;
  z-index: 1012;
  overflow-y: auto;
  min-width: 6.25rem;
  max-height: 40.625rem;
  display: none;
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 0;
  list-style-type: none;
}
.m-dropdown .dropdown-content li {
  padding: 10px;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.m-dropdown .dropdown-content li:hover {
  color: #FFFFFF;
  background: #4285f4 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.15s;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -os-border-radius: 0.125rem;
  border-radius: 0.125rem;
  cursor: pointer;
}
.m-dropdown span.caret {
  position: absolute;
  right: 9px;
  top: 2.6rem;
  font-size: 0.53rem;
}

select option:hover {
  color: #FFFFFF;
  background: #4285f4 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.15s;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -os-border-radius: 0.125rem;
  border-radius: 0.125rem;
  cursor: pointer;
}

.multiselct-drop {
  border: none !important;
  position: relative;
  padding: 0.375rem 0.75rem;
}

.admgendrp {
  border: none !important;
  position: relative;
  padding: 0.375rem 0.75rem;
}
.admgendrp ul.k-reset {
  width: auto !important;
  display: unset !important;
}
.admgendrp ul.k-reset li.k-button {
  margin-left: 8px;
}

.mims-dropdown {
  position: relative;
}
.mims-dropdown .k-dropdown-wrap {
  border-width: 0px !important;
  border-color: #8e8a86;
}

.mims-numeric {
  position: relative;
}
.mims-numeric .k-numeric-wrap {
  border-width: 0px !important;
  border-color: #8e8a86;
}

.mims-timepicker {
  position: relative;
}
.mims-timepicker .k-picker-wrap {
  border-width: 0px !important;
}

.timesheet-timepicker {
  position: relative;
}
.timesheet-timepicker .k-picker-wrap {
  border-width: 0px !important;
}
.timesheet-timepicker .k-picker-wrap .k-input {
  text-indent: 1px;
  text-align: left !important;
  text-transform: lowercase !important;
}
.timesheet-timepicker .k-picker-wrap .k-input:hover {
  border: 0px !important;
}
.timesheet-timepicker .k-picker-wrap .k-select {
  background: transparent !important;
  border-width: 0px !important;
}
.timesheet-timepicker .k-picker-wrap:hover {
  border-width: 0px !important;
  border-color: unset !important;
}

.mims-datepicker {
  padding-left: 2px !important;
}
.mims-datepicker .k-picker-wrap {
  border-width: 0px !important;
}

.form-control.v-announcementSearch {
  border-right: none;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.form-control:focus {
  box-shadow: none !important;
  border-color: #20a8d8 !important;
}

.k-textbox:focus, .k-input:focus {
  border-color: #20a8d8 !important;
}

.k-dateinput-wrap .k-select, .k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
  border: 0;
  border-left: 1px solid #8e8a86 !important;
  background: #f1f1f3; /*border-left:1px solid transparent!important;background:transparent;*/
  border-radius: 0 4px 4px 0px;
  opacity: 1 !important;
  color: #000000;
  height: 28px;
}
.k-dateinput-wrap .k-select .k-icon, .k-dropdown-wrap .k-select .k-icon, .k-numeric-wrap .k-select .k-icon, .k-picker-wrap .k-select .k-icon {
  color: #4e5053 !important;
}
.k-dateinput-wrap .k-select:hover, .k-dropdown-wrap .k-select:hover, .k-numeric-wrap .k-select:hover, .k-picker-wrap .k-select:hover {
  background: #e3e3e7;
}

.k-dropdown .k-dropdown-wrap.k-state-hover .k-select,
.k-dropdown .k-dropdown-wrap:hover .k-select,
.k-datepicker .k-picker-wrap.k-state-hover .k-select, .k-datepicker .k-picker-wrap:hover .k-select {
  background: #e3e3e7;
}

.k-widget.form-control .k-input {
  height: 28px;
}
.k-widget.form-control .k-input:focus {
  border-color: red !important;
}

.global-chekbox-form-row {
  padding-top: 21px;
  margin-top: 14px;
}

.global-btn-form-row {
  padding-top: 21px;
  margin-top: 10px;
}

.mytsk-form {
  width: 100%;
  position: relative;
  margin-bottom: 0.2rem;
}
.mytsk-form .k-input.k-textbox {
  width: 100%;
  box-sizing: border-box;
  border-color: rgba(100, 121, 143, 0.122);
}
.mytsk-form .k-textbox {
  width: 100%;
  box-sizing: border-box;
  border-color: rgba(100, 121, 143, 0.122);
}
.mytsk-form .k-textbox.search-temp {
  padding-right: 26px;
}
.mytsk-form .k-widget {
  width: 100%;
  box-sizing: border-box;
}
.mytsk-form .k-multiselect-wrap {
  border-width: 0 0 1px !important;
  border-color: rgba(100, 121, 143, 0.122) !important;
}
.mytsk-form .k-picker-wrap {
  border-color: rgba(100, 121, 143, 0.122) !important;
}
.mytsk-form .k-picker-wrap .k-select {
  border: 0 !important;
  background: transparent !important;
}
.mytsk-form .k-dropdown {
  border-width: 0 0 1px;
  border-color: rgba(100, 121, 143, 0.122);
}
.mytsk-form .k-dropdown .k-dropdown-wrap .k-select {
  border: 0 !important;
  background: transparent !important;
}
.mytsk-form.drpBorder .k-dropdown {
  border-width: 0 0 1px;
  border-color: rgb(100, 121, 143);
}
.mytsk-form.drpBorder .k-input {
  position: relative;
  top: -6px;
}
.mytsk-form .for-search-icon {
  position: absolute;
  right: 23px;
  bottom: 32px;
  cursor: pointer;
}
.mytsk-form .for-search-icon:hover {
  cursor: pointer;
  color: #20a8d8;
}

.db-user-login-name {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  padding: 15px;
}
.db-user-login-name .db-user-login-img {
  width: 50px;
  height: 50px;
  float: left;
  position: relative;
  margin: 0 10px 0 0;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #cccccc;
}
.db-user-login-name .db-user-login-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.db-user-login-name .db-user-login-img.name {
  background: rgba(204, 204, 204, 0.775);
  text-align: center;
  line-height: 50px;
}
.db-user-login-name .db-user-login-img.name .text {
  font-size: 17px;
  font-weight: 600;
  color: #FFFFFF;
}
.db-user-login-name .db-user-login-content {
  width: calc(100% - 60px);
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}
.db-user-login-name .db-user-login-content .welcome {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
}
.db-user-login-name .db-user-login-content mytsk-header .title {
  width: 100%;
  float: left;
  position: relative;
  font-size: 20px;
}

.db-widget {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  padding: 15px 0;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  min-height: 50px;
  color: #FFFFFF;
}
.db-widget.event {
  background: linear-gradient(129deg, #f63c3a, #ffc107);
  position: relative;
}
.db-widget.task {
  background: linear-gradient(129deg, #2694b5, #63c2de);
  position: relative;
}
.db-widget.calendar {
  background: linear-gradient(129deg, #2c7847, #4dbd74);
  position: relative;
}
.db-widget.dummytask {
  background: linear-gradient(129deg, #006288, #00acee);
  position: relative;
}
.db-widget .db-widget-icon {
  width: 60px;
  height: 60px;
  float: left;
  margin-left: 15px;
  position: relative;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  color: #FFFFFF;
  text-align: center;
}
.db-widget .db-widget-icon.event {
  color: #f86c6b;
  background: rgba(255, 255, 255, 0.1);
}
.db-widget .db-widget-icon.task {
  color: #63c2de;
  background: rgba(255, 255, 255, 0.1);
}
.db-widget .db-widget-icon.calendar {
  color: #4dbd74;
  background: rgba(255, 255, 255, 0.1);
}
.db-widget .db-widget-icon.task4 {
  color: #00acee;
  background: rgba(255, 255, 255, 0.1);
}
.db-widget .db-widget-icon i {
  font-size: 28px;
  color: #FFFFFF;
  line-height: 60px;
  color: #FFFFFF;
}
.db-widget .db-widget-content {
  width: calc(100% - 75px);
  float: left;
  position: relative;
  text-align: right;
  padding-right: 15px;
}
.db-widget .db-widget-content .title {
  float: left;
  width: 100%;
  font-size: 15px;
}
.db-widget .db-widget-content .count {
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.db-widget .db-widget-content .count.new-count {
  text-align: left;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 400;
}
.db-widget .db-widget-content .count.new-count span {
  font-weight: 600;
}
.db-widget .db-widget-content .no-task {
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.6);
}
.db-widget .viewDetails {
  width: 100%;
  float: left;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 3px;
}
.db-widget .viewDetails span {
  cursor: pointer;
  font-size: 12px;
  padding: 4px 15px 0 0;
}
.db-widget .viewDetails span i {
  font-size: 9px;
  padding-left: 5px;
}
.db-widget .viewDetails span:hover {
  color: rgba(255, 255, 255, 0.8);
}
.db-widget:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}

.calendar-widget {
  width: 100%;
  float: left;
  position: relative;
  height: auto;
  background: #FFFFFF;
}
.calendar-widget.crm-global-font {
  font-family: Arial, sans-serif !important;
}
.calendar-widget.crm-global-font .k-grid tbody tr td {
  font-family: Arial, sans-serif !important;
}
.calendar-widget.crm-global-font .k-filter-row th, .calendar-widget.crm-global-font .k-grid-header th.k-header {
  font-family: Arial, sans-serif !important;
}
.calendar-widget .calendar-widget-title {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 10px;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget {
  padding-bottom: 0;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .reqAuthFromGroup {
  float: left;
  width: 50%;
  height: 40px;
  margin: 0;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .reqAuthFromGroup.req-type {
  display: block; /*width:100%;*/
  float: left;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .reqAuthFromGroup.req-type label {
  float: left;
  margin: 0;
  position: relative;
  top: 5px;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .reqAuthFromGroup.req-type input {
  max-width: 200px;
  float: left;
  margin-left: 0px;
  display: inline-block;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .reqAuthFromGroup label {
  float: left;
  margin: 0;
  position: relative;
  top: 5px;
  width: 200px;
  font-size: 13px;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .reqAuthcheckbox {
  float: left;
  width: 50%;
  height: 40px;
  margin: 0;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .reqAuthcheckbox input {
  margin-right: 10px;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .req-select-radio {
  display: inline-block;
  padding: 0 8px;
  background: #f1f1f1;
  margin-bottom: 5px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #ccc;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .req-select-radio .reqAuthradio {
  margin-right: 30px;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .req-select-radio .reqAuthradio label {
  font-size: 13px;
}
.calendar-widget .calendar-widget-title.reqAuthorizedwidget .reqAuthorizedFilters .AuthorizedgirdFilterby form .req-select-radio .reqAuthradio label input {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.calendar-widget .calendar-widget-title.for-grid-top-heading {
  padding: 10px;
  height: 55px;
}
.calendar-widget .calendar-widget-title.for-rfq-drop-heading {
  padding: 10px;
  height: 65px;
}
.calendar-widget .calendar-widget-title.for-rfq-drop-heading .rfqtxt {
  float: left;
  width: auto;
}
.calendar-widget .calendar-widget-title.for-rfq-drop-heading .rfqdrp {
  float: left;
  width: auto;
}
.calendar-widget .calendar-widget-title.for-rfq-drop-heading .k-input {
  width: 110px;
}
.calendar-widget .calendar-widget-title .title {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  position: relative;
}
.calendar-widget .calendar-widget-title .add-task {
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
  color: #000000;
  position: relative;
}
.calendar-widget .calendar-widget-title .add-task i {
  padding-right: 5px;
}
.calendar-widget .calendar-widget-title .add-task i.font-large {
  font-size: 20px;
}
.calendar-widget .calendar-widget-title .add-task span:hover {
  color: #20a8d8;
}
.calendar-widget .calendar-widget-title .add-task a {
  position: relative;
  cursor: pointer;
}
.calendar-widget .calendar-widget-title .add-task a label {
  cursor: pointer;
}
.calendar-widget .calendar-widget-title .add-task a:hover {
  color: #20a8d8;
  cursor: pointer;
  text-decoration: none;
}
.calendar-widget .calendar-widget-title .add-task span {
  position: relative;
}
.calendar-widget .calendar-widget-title .add-task span .for-prd-popup {
  position: absolute;
  z-index: 99;
  margin-top: 5px;
  right: 0px;
}
.calendar-widget .calendar-widget-title .add-task span .for-prd-popup .create-new-role-btn {
  width: max-content;
  height: auto;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -webkit-border-radius: 14px;
  -os-border-radius: 14px;
  border-radius: 14px;
  background: rgba(32, 168, 216, 0.7);
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  cursor: pointer;
  color: #FFFFFF;
  padding: 3px 10px;
  font-size: 12px;
  float: right;
  clear: both;
  display: none;
}
.calendar-widget .calendar-widget-title .add-task span .for-prd-popup .create-new-role-btn i {
  padding-left: 10px;
  color: #FFFFFF;
}
.calendar-widget .calendar-widget-title .add-task span .for-prd-popup .create-new-role-btn:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.15s;
  background: #1985ac;
  cursor: pointer;
}
.calendar-widget .calendar-widget-title.rfq-comp-hd {
  height: 60px;
  position: relative;
  float: left;
  padding: 0 10px;
}
.calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-search {
  float: left;
  position: relative;
  width: calc(100% - 440px);
  padding: 15px 0;
}
.calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-date {
  float: left;
  position: relative;
  width: 190px;
}
.calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-date .rfq-dt-section {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
}
.calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-date .rfq-dt-section span {
  font-weight: bold;
  width: 110px;
  float: left;
}
.calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-date .rfq-dt-section span bullet {
  float: right;
  text-align: right;
  padding-right: 16px;
}
.calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-date .rfq-dt-section span + span {
  width: calc(100% - 110px);
  float: left;
  font-weight: normal;
}
.calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-btn-section {
  float: left;
  position: relative;
  text-align: right;
  width: 250px;
  padding: 15px 0;
}
.calendar-widget .calendar-widget-title.myactivity-header {
  position: relative;
}
.calendar-widget .calendar-widget-title.myactivity-header .myactivity-content {
  position: relative;
  float: left;
  width: 100%;
}
.calendar-widget .calendar-widget-title.myactivity-header .myactivity-content .myactivity-hd {
  float: left;
  position: relative;
  width: calc(100% - 280px);
  font-weight: bold;
}
.calendar-widget .calendar-widget-title.myactivity-header .myactivity-content .myactivity-search {
  position: relative;
  float: left;
  width: 280px;
}
.calendar-widget .crm-product-breadcrumb {
  width: 100%;
  position: relative;
  float: left;
}
.calendar-widget .calendar-widget-content {
  padding: 15px;
  position: relative;
  clear: both;
  /*.my_Eventlists{
      .k-scheduler-content{
          .k-event{background:transparent;color:$font-base-color;min-height:10px;}
      }
      .k-event{background:transparent;color:$font-base-color;min-height:10px;}
  }*/
}
.calendar-widget .calendar-widget-content.for-vendorusrlsit {
  height: calc(100vh - 105px);
  height: calc(var(--vh, 1vh) * 100 - 105px);
  overflow-x: hidden;
  overflow-y: scroll;
  overflow: auto;
}
.calendar-widget .calendar-widget-content.widgetContentHeight {
  height: 310px;
  overflow: auto;
}
.calendar-widget .calendar-widget-content .new_taskbubble {
  margin: 0;
  top: 38px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  z-index: 999;
  display: flex;
  cursor: pointer;
}
.calendar-widget .calendar-widget-content .new_taskbubble .bubble {
  height: 5px;
  width: 5px;
  background: #888;
  border-radius: 50%;
  margin-right: 2px;
}
.calendar-widget .calendar-widget-content .showDeadlines {
  width: max-content;
  margin: 0px;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 999;
  line-height: 30px;
  background: #FFFFFF;
  color: #000;
  padding: 0px 10px;
  height: 30px;
  box-shadow: 0px 0px 30px 0px #ccc;
  display: none;
  cursor: pointer;
  font-size: 12px;
}
.calendar-widget .calendar-widget-content .dashboard_payslipUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.calendar-widget .calendar-widget-content .dashboard_payslipUL .dashboard_payslipLi {
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.calendar-widget .calendar-widget-content .dashboard_payslipUL .dashboard_payslipLi:hover {
  background-color: #f4f5fa;
}
.calendar-widget .calendar-widget-content .dashboard_payslipUL .dashboard_payslipLi .slip_month {
  width: calc(100% - 70px);
  float: left;
  font-weight: 600;
}
.calendar-widget .calendar-widget-content .dashboard_payslipUL .dashboard_payslipLi .slip_opt {
  width: 60px;
  float: right;
}
.calendar-widget .calendar-widget-content .dashboard_payslipUL .dashboard_payslipLi .slip_opt i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: left;
  color: #545454;
}
.calendar-widget .calendar-widget-content .dashboard_payslipUL .dashboard_payslipLi .slip_opt i:hover {
  color: #03a9f4;
  cursor: pointer;
}
.calendar-widget .calendar-widget-content .leaveReqUl {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi {
  width: 100%;
  display: inline-block;
  padding: 10px;
  position: relative;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi:hover {
  background-color: #f4f5fa;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi:hover .close_leaveReq {
  opacity: 1;
  cursor: pointer;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi .close_leaveReq {
  position: absolute;
  right: -4px;
  top: -4px;
  font-size: 16px;
  color: #9E9E9E;
  opacity: 0;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi .user_info {
  display: inline-block;
  width: 100%;
  font-weight: 600;
  float: left;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi .user_info .name {
  float: left;
  color: #03a9f4;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi .user_info .request_date {
  float: right;
  font-size: 12px;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi .leave_info {
  display: inline-block;
  width: 100%;
  font-size: 12px;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi .leave_info .title {
  display: inline-block;
  width: 100%;
}
.calendar-widget .calendar-widget-content .leaveReqUl .leaveReqLi .leave_info .title .leave_val {
  float: right;
}
.calendar-widget .calendar-widget-content .leave_details .leavestatus_heading {
  width: 100%;
  position: relative;
  display: inline-block;
}
.calendar-widget .calendar-widget-content .leave_details .leavestatus_heading .title {
  width: 32%;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  margin: 0;
}
.calendar-widget .calendar-widget-content .leave_details .leavestatus_heading .title.lvstatusone {
  text-align: left;
}
.calendar-widget .calendar-widget-content .leave_details .leavestatus_heading .title.lvstatustwo {
  text-align: center;
}
.calendar-widget .calendar-widget-content .leave_details .leavestatus_heading .title.lvstatusthree {
  text-align: right;
}
.calendar-widget .calendar-widget-content .leave_details .leave_row {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 8px 0;
}
.calendar-widget .calendar-widget-content .leave_details .leave_row:hover {
  background-color: #f4f5fa;
}
.calendar-widget .calendar-widget-content .leave_details .leave_row .leave_col {
  width: 33%;
  float: left;
}
.calendar-widget .calendar-widget-content .leave_details .leave_row .leave_col.leave_chart {
  width: 71px;
}
.calendar-widget .calendar-widget-content .leave_details .leave_row .leave_col.leave_chart:hover .mask {
  width: 86%;
  height: 86%;
  position: absolute;
  left: 7%;
  top: 7%;
  background: #fff;
  border-radius: 50%;
  text-align: center;
}
.calendar-widget .calendar-widget-content .leave_details .leave_row .leave_col.leave_chart:hover .mask span {
  top: calc(50% - 14px);
  font-size: 20px;
}
.calendar-widget .calendar-widget-content .leave_details .leave_row .leave_col.leave_typ {
  font-weight: 600;
  width: calc(100% - 151px);
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.calendar-widget .calendar-widget-content .leave_details .leave_row .leave_val {
  width: 80px;
  float: right;
  text-align: right;
  padding-right: 15px;
  line-height: 60px;
  font-weight: 600;
}
.calendar-widget .annouancement-widget-content {
  padding: 15px;
  position: relative;
  clear: both;
  height: calc(100vh - 104px);
  height: calc(var(--vh, 1vh) * 100 - 104px);
  overflow: auto;
}

.cal-tsk-showDedline {
  width: 20px;
  padding: 0 5px;
  display: flex;
  float: right;
  flex-direction: row;
  box-sizing: content-box;
  position: relative;
  text-transform: capitalize !important;
  cursor: pointer;
}

.mytskListView_Template_height {
  height: calc(100vh - 223px);
  height: calc(var(--vh, 1vh) * 100 - 223px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 60px;
}

.mytskGridview_Template_height .k-grid-content {
  height: calc(100vh - 347px) !important;
  height: calc(var(--vh, 1vh) * 100 - 347px) !important;
  overflow: scroll;
}

.btn.task-btn-filter {
  position: relative;
  box-shadow: none;
  padding: 0;
  background-color: #FFFFFF;
  color: #000000;
  margin-left: 12px;
}
.btn.task-btn-filter:focus {
  border: none;
}
.btn.task-btn-filter:focus:active {
  border: none !important;
}
.btn.task-btn-filter.filterby {
  color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  cursor: default;
}
.btn.task-btn-filter.task-btn-select-text {
  background: #f1f3f4;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -os-border-radius: 10px;
  border-radius: 10px;
  padding: 0 3px;
  color: rgba(0, 0, 0, 0.9);
}
.btn.task-btn-filter.task-btn-select-text:after {
  border: none;
}
.btn.task-btn-filter.task-btn-select-text i {
  font-size: 13px;
  font-weight: normal;
  margin-left: 3px;
}
.btn.task-btn-filter.task-btn-select-text:hover {
  color: black;
}

.dropdown-menu.task-dropdown-filter {
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  margin-left: 15px;
  min-width: 250px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.task-dropdown-filter ul {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dropdown-menu.task-dropdown-filter ul li {
  position: relative;
  border: none;
}
.dropdown-menu.task-dropdown-filter ul li .dropdown-menuitem-label {
  display: inline-block;
  max-width: calc(100% - 16px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-menu.task-dropdown-filter ul li .selct-icon {
  float: right;
}
.dropdown-menu.task-dropdown-filter ul li .selct-icon i {
  padding: 4px 0 0 0 !important;
  margin-right: 0 !important;
}
.dropdown-menu.task-listview-action {
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  min-width: 150px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.task-listview-action ul {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dropdown-menu.task-listview-action ul li {
  position: relative;
  border: none;
}
.dropdown-menu.task-listview-action ul li .dropdown-menuitem-label {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-menu.task-listview-action ul li .dropdown-menuitem-label i {
  width: auto;
  margin: 0;
}
.dropdown-menu.event_cal {
  position: absolute;
  right: 0;
  width: 150px !important;
  box-shadow: 0px 0px 8px 0px #ccc;
  padding: 5px;
}
.dropdown-menu.event_cal h4 {
  font-size: 11px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.3);
  text-align: center;
}
.dropdown-menu.event_cal .color-pattern {
  float: left;
  width: 100%;
  position: relative;
}
.dropdown-menu.event_cal .color-pattern span {
  width: 17.3%;
  float: left;
  height: 19px;
  color: red;
  cursor: pointer;
  margin: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
}
.dropdown-menu.event_cal .color-pattern span:hover {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #FFFFFF;
  position: relative;
  z-index: 100;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
}
.dropdown-menu.event_cal .color-pattern span.selected_color {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #FFFFFF;
  position: relative;
  z-index: 100;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
}
.dropdown-menu.event_cal .color-pattern span input[type=radio] {
  position: fixed;
  opacity: 0;
  width: 0;
}
.dropdown-menu.event_cal .color-pattern .color_deselet {
  width: 100%;
  display: flex;
  clear: both;
}
.dropdown-menu.event_cal .color-pattern .color_deselet .color-none {
  display: inline-block;
  font-size: 12px;
  margin: 14px 0 0 0;
}
.dropdown-menu.event_cal .color-pattern .color_deselet input[type=radio] {
  position: fixed;
  opacity: 0;
  width: 0;
}

.mytsk-edit-view {
  position: relative;
  width: 100%;
}
.mytsk-edit-view p {
  margin-bottom: 6px;
}

.mytsk-global-search {
  position: absolute;
  display: flex;
  top: 36px;
  width: calc(100% - 29px);
  max-width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 10px 0 10px;
  flex-direction: column;
  z-index: 4;
  display: none;
}

.form-control.mytaskfous {
  border-right: none;
}
.form-control.mytaskfous:focus {
  box-shadow: none !important;
  border-color: #e4e7ea !important;
}

.mytsk-uploadimg {
  width: 100%;
  position: relative;
  float: left;
}
.mytsk-uploadimg .mytsk-ulloadimg-list {
  position: relative;
  float: left;
  width: 100%;
  padding: 7px 0;
  border-bottom: 1px solid #e4e7ea;
  cursor: pointer;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-download-icons {
  float: left;
  width: 30px;
  position: relative;
  color: #999999;
  font-size: 25px;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-icons {
  float: left;
  width: 30px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  text-align: center;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-icons i {
  font-size: 25px;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-text-name {
  float: left;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 110px);
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-text-name span {
  width: 100%;
  float: left;
  position: relative;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-text-name span + span {
  width: 100%;
  float: left;
  position: relative;
  color: #999999;
  font-size: 11px;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-text-name .doc-description {
  width: 100%;
  position: relative;
  float: left;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-text-name .doc-description .form-control-plaintext {
  font-size: 13px;
  resize: none;
  min-height: 85px;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-text-name .doc-description .form-control-plaintext:focus {
  outline: none;
  border: 1px solid #20a8d8;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach {
  float: left;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 50px);
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach span {
  width: 100%;
  float: left;
  position: relative;
  font-weight: 600;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach span + span {
  width: calc(100% - 120px);
  float: left;
  position: relative;
  color: #999999;
  font-size: 11px;
  font-weight: normal;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach span + div {
  width: 120px;
  float: left;
  position: relative;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach span + div .action-part {
  width: 30px;
  float: right;
  text-align: center;
  position: relative;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach span + div .action-part i {
  font-size: 18px;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach span + div .action-part i.fa-trash {
  color: #f86c6b;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach span + div .action-part i.icon-cloud-download {
  color: #999999;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach .doc-description {
  width: 100%;
  position: relative;
  float: left;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach .doc-description .form-control-plaintext {
  font-size: 13px;
  resize: none;
  min-height: 85px;
  padding: 0 4px;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .rfq-document-attach .doc-description .form-control-plaintext:focus {
  outline: none;
  border: 1px solid #20a8d8;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-img-delete {
  width: 30px;
  position: relative;
  float: left;
  cursor: pointer;
  text-align: right;
}
.mytsk-uploadimg .mytsk-ulloadimg-list .task-upload-img-delete i {
  color: #999999;
}
.mytsk-uploadimg .mytsk-ulloadimg-list:last-child {
  border-bottom: none;
}
.mytsk-uploadimg .mytsk-ulloadimg-list:hover {
  color: #20a8d8;
  cursor: pointer;
}
.mytsk-uploadimg .mytsk-ulloadimg-list:hover i {
  color: #000000;
  cursor: pointer;
}
.mytsk-uploadimg .mytsk-ulloadimg-list:hover i.fa-trash {
  color: #fa9c9c !important;
}
.mytsk-uploadimg .mytsk-ulloadimg-list:hover i.icon-cloud-download {
  color: #000000 !important;
}
.mytsk-uploadimg .no-attach-fiels {
  position: relative;
  width: 100%;
  float: left;
  text-align: center;
  justify-content: center;
}
.mytsk-uploadimg .no-attach-fiels span {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 39px;
  color: #b3b3b3;
}
.mytsk-uploadimg .no-attach-fiels span + span {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  font-size: 16px;
  color: #b3b3b3;
}

.m-dropdown-menu[x-placement^=bottom], .m-dropdown-menu[x-placement^=left], .m-dropdown-menu[x-placement^=right], .m-dropdown-menu[x-placement^=top] {
  right: auto;
  bottom: auto;
}

.m-dropdown-menu {
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  font-size: 12px;
  color: #000000;
  text-align: left;
  list-style: none;
  background: #FFFFFF;
  background-clip: padding-box;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -os-border-radius: 0.25rem;
  border-radius: 0.25rem;
  position: absolute;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}

.m-dropdonw-tsk-filter-item {
  display: block;
  width: 100%;
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  border: 0;
  background-color: transparent;
  padding: 10px;
  cursor: pointer;
}
.m-dropdonw-tsk-filter-item:hover {
  background: #f2f4f5;
}

.m-dropdonw-tsk-filter-item-btn {
  width: 100%;
  clear: both;
  white-space: nowrap;
  background-color: transparent;
  text-align: right;
  padding: 10px;
}
.m-dropdonw-tsk-filter-item-btn span {
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -webkit-border-radius: 17px;
  -os-border-radius: 17px;
  border-radius: 17px;
  padding: 2px 15px;
  background: #20a8d8;
  color: #FFFFFF;
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.m-dropdonw-tsk-filter-item-btn span:hover {
  background-color: #1985ac;
  border-color: #187da0;
  cursor: pointer;
}

.list-gridview-toggle {
  position: relative;
}
.list-gridview-toggle .view {
  color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  cursor: default;
}
.list-gridview-toggle span {
  cursor: pointer;
}
.list-gridview-toggle span:hover {
  color: #20a8d8;
  cursor: pointer;
}
.list-gridview-toggle .active {
  color: #20a8d8;
  cursor: pointer;
}

.mytsk-listview {
  position: relative;
  padding: 6px;
  margin: 0;
  float: left;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0px 0px 8px 0px #ccc;
}
.mytsk-listview .mytsk-header {
  float: left;
  width: 100%;
}
.mytsk-listview .mytsk-header .title {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  width: calc(100% - 16px);
  float: left;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.mytsk-listview .mytsk-header .title:hover {
  cursor: pointer;
  color: #20a8d8;
}
.mytsk-listview .mytsk-header .task-action {
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  width: 16px;
  float: left;
  cursor: pointer;
}
.mytsk-listview .mytsk-header .tsk-crtDate {
  float: left;
  width: 100%;
  position: relative;
  font-size: 12px;
}
.mytsk-listview .mytsk-list-content {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 163px;
}
.mytsk-listview .mytsk-list-content .taskcompete {
  position: relative;
  text-align: center;
  float: left;
  width: 100%;
}
.mytsk-listview .mytsk-list-content .taskcompete .text {
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -webkit-border-radius: 17px;
  -os-border-radius: 17px;
  border-radius: 17px;
  padding: 2px 15px;
  color: #FFFFFF;
}
.mytsk-listview .mytsk-list-content .taskcompete .text.pending {
  background: #f86c6b;
}
.mytsk-listview .mytsk-list-content .taskcompete .text.inprogress {
  background: #ffc107;
}
.mytsk-listview .mytsk-list-content .taskcompete .text.new {
  background: #20a8d8;
}
.mytsk-listview .mytsk-list-content .taskcompete .text.done {
  background: #4dbd74;
}
.mytsk-listview .mytsk-list-content .taskcompete .add-timesheet {
  position: relative;
  cursor: pointer;
}
.mytsk-listview .mytsk-list-content .taskcompete .add-timesheet:hover {
  cursor: pointer;
  color: #20a8d8;
}
.mytsk-listview .mytsk-list-content .tsk-comp-percentage {
  width: 100%;
  float: left;
  position: relative;
  padding: 5px;
}
.mytsk-listview .mytsk-list-content .date-section {
  width: 100%;
  float: left;
  position: relative;
}
.mytsk-listview .mytsk-list-content .date-section .due-date {
  width: 80px;
  float: left;
  position: relative;
}
.mytsk-listview .mytsk-list-content .date-section .due-date .txt {
  color: #000000;
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
.mytsk-listview .mytsk-list-content .date-section .due-date .dt {
  color: #000000;
  width: 100%;
  float: left;
  font-size: 12px;
}
.mytsk-listview .mytsk-list-content .date-section .assign-by {
  width: calc(100% - 80px);
  position: relative;
  float: left;
  text-align: right;
}
.mytsk-listview .mytsk-list-content .date-section .assign-by .txt {
  color: #000000;
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
.mytsk-listview .mytsk-list-content .date-section .assign-by .dt {
  color: #000000;
  width: 100%;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  margin-top: 3px;
  min-height: 22px;
}
.mytsk-listview .mytsk-list-content .date-section .assign-by .dt .assign-name {
  background: #e6e6e6;
  float: right;
  width: 22px;
  height: 22px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
}
.mytsk-listview .mytsk-list-content .date-section .assign-by .dt .assign-name:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.3);
  z-index: 3;
  zoom: 1;
  cursor: default;
  position: absolute;
  right: 0;
}
.mytsk-listview .mytsk-list-content .tags {
  width: 100%;
  float: left;
  position: relative;
}
.mytsk-listview .mytsk-list-content .tags .txt {
  color: #000000;
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
.mytsk-listview .mytsk-list-content .tags .tags-person {
  width: 100%;
  float: left;
}
.mytsk-listview .mytsk-list-content .tags .tags-person .tags-person {
  float: left;
  position: relative;
  width: calc(100% - 54px);
  font-size: 12px;
}
.mytsk-listview .mytsk-list-content .tags .tags-person .tags-person .tags-scrll {
  background: #e6e6e6;
  float: left;
  width: 22px;
  height: 22px;
  margin: 5px 5px 0 0;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
}
.mytsk-listview .mytsk-list-content .tags .tags-person .tags-person .tags-scrll:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.6);
  z-index: 2;
  zoom: 1;
  cursor: default;
}
.mytsk-listview .mytsk-list-content .tags .tags-person .tags-view {
  position: relative;
  float: left;
  width: 54px;
  font-size: 12px;
  padding-top: 6px;
  cursor: pointer;
}
.mytsk-listview .mytsk-list-content .tags .tags-person .tags-view i {
  padding-right: 3px;
}
.mytsk-listview .mytsk-list-content .tags .tags-person .tags-view:hover {
  color: #20a8d8;
  cursor: pointer;
}
.mytsk-listview .mytsk-list-content .addto-timesheet {
  width: 100%;
  float: left;
  position: relative;
  text-align: right;
}
.mytsk-listview .mytsk-list-content .addto-timesheet .add {
  cursor: pointer;
  font-size: 12px;
}
.mytsk-listview .mytsk-list-content .addto-timesheet .add:hover {
  cursor: pointer;
  color: #20a8d8;
}
.mytsk-listview .mytsk-list-content .addto-timesheet .already-add {
  cursor: default;
  background: #FFFF00;
  color: #000000;
  padding: 2px 7px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
  font-size: 12px;
}

.mytsk-grid-participant {
  background: #c8ced3;
  float: left;
  width: 22px;
  height: 22px;
  margin: 5px 5px 0 0;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
}
.mytsk-grid-participant:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.5);
  z-index: 2;
  zoom: 1;
  cursor: default;
}

.add-timesheet {
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 12px;
  background: #20a8d8;
  color: #FFFFFF;
}
.add-timesheet:hover {
  cursor: pointer;
  background: darkend(#20a8d8, 60%);
  color: #FFFFFF !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.mytskGrid_Edit_popup {
  cursor: pointer;
}
.mytskGrid_Edit_popup:hover {
  cursor: pointer;
  color: #20a8d8;
}

.dropdown-item.mytsk-complete {
  padding: 5px !important;
  cursor: pointer;
}
.dropdown-item.mytsk-complete.active {
  background: #c9d1d8;
  cursor: pointer;
}
.dropdown-item.mytsk-complete.active:hover {
  background: #c9d1d8;
}
.dropdown-item.mytsk-complete:focus {
  background-color: transparent !important;
}
.dropdown-item.mytsk-complete.percentage-disabled {
  cursor: default;
  pointer-events: none;
}

.calendar-sidebar {
  position: fixed;
  top: 54px;
  margin: 0;
  bottom: 0;
  border: 0;
  right: 0;
  background: #FFFFFF;
  display: none;
  box-shadow: 0 3px 4px 0 rgba(60, 75, 100, 0.14), 0 3px 3px -2px rgba(60, 75, 100, 0.12), 0 1px 8px 0 rgba(60, 75, 100, 0.2);
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, z-index 0s ease 0.25s;
  z-index: 12000;
}
.calendar-sidebar .cal-main-pop-div {
  width: 320px;
  position: relative;
  float: left;
}
.calendar-sidebar .cal-main-pop-div.cal-db-task-list {
  width: 100%;
  float: left;
  position: relative;
  background: #FFFFFF;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-header {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #c8ced3;
  margin-top: 3px;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-header .cal-sidebar-menu {
  width: calc(100% - 50px);
  position: relative;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-header .cal-sidebar-menu ul {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  float: left;
  list-style-type: none;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-header .cal-sidebar-menu ul li {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  padding: 15px;
  color: #20a8d8;
  cursor: pointer;
  width: auto;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-header .cal-sidebar-menu ul li.active {
  border-bottom: 2px solid #20a8d8;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-header .cal-siebar-Close {
  width: 50px;
  height: 50px;
  float: left;
  position: relative;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.3);
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-header .cal-siebar-Close:hover {
  color: #000000;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area {
  float: left;
  width: 100%;
  height: calc(100vh - 120px);
  height: calc(var(--vh, 1vh) * 100 - 120px);
  overflow-x: hidden;
  overflow: auto;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area .list-grp-hd {
  float: left;
  position: relative;
  width: 100%;
  border-left: 4px solid #c8ced3;
  background: rgba(200, 206, 211, 0.2);
  padding: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul.k-widget {
  line-height: 1.5;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li {
  position: relative;
  float: left;
  width: 100%;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li.border-warning {
  border-left: 4px solid #ffc107;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li.border-success {
  border-left: 4px solid #4dbd74;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li.border-info {
  border-left: 4px solid #63c2de;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item {
  float: left;
  position: relative;
  width: calc(100% - 30px);
  padding: 10px 0px;
  margin: 0 15px;
  border-bottom: 1px solid rgba(200, 206, 211, 0.4);
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk {
  width: 100%;
  float: left;
  position: relative;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk-time {
  width: 136px;
  float: left;
  position: relative;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk-time i {
  padding-right: 5px;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk-location {
  width: calc(100% - 136px);
  float: left;
  position: relative;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  padding-left: 10px;
}
.calendar-sidebar .cal-main-pop-div .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk-location i {
  padding-right: 5px;
}

.cal-db-task-list {
  width: 100%;
  position: relative;
  float: left;
  background: #FFFFFF;
}
.cal-db-task-list .cal-sidebar-header {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #c8ced3;
}
.cal-db-task-list .cal-sidebar-header .cal-sidebar-menu {
  width: 100%;
  position: relative;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.cal-db-task-list .cal-sidebar-header .cal-sidebar-menu ul {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  float: left;
  list-style-type: none;
}
.cal-db-task-list .cal-sidebar-header .cal-sidebar-menu ul li {
  float: left;
  position: relative;
  margin: 0;
  padding: 11px 7px 11px 15px;
  color: #000000;
  cursor: pointer;
  width: auto;
}
.cal-db-task-list .cal-sidebar-header .cal-sidebar-menu ul li.active {
  border-bottom: 2px solid #20a8d8;
  color: #20a8d8;
}
.cal-db-task-list .cal-sidebar-header .cal-sidebar-menu ul li:last-child {
  margin-right: 0;
}
.cal-db-task-list .cal-sidebar-header .cal-siebar-Close {
  width: 50px;
  height: 50px;
  float: left;
  position: relative;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.3);
}
.cal-db-task-list .cal-sidebar-header .cal-siebar-Close:hover {
  color: #000000;
}
.cal-db-task-list .cal-sidebar-content {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area {
  float: left;
  width: 100%;
  height: calc(100vh - 92px);
  height: calc(var(--vh, 1vh) * 100 - 92px);
  overflow: auto;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area .list-grp-hd {
  float: left;
  position: relative;
  width: 100%;
  border-left: 4px solid #c8ced3;
  background: rgba(200, 206, 211, 0.2);
  padding: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul.k-widget {
  line-height: 1.5;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li {
  position: relative;
  float: left;
  width: 100%;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li.border-warning {
  border-left: 4px solid #ffc107;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li.border-success {
  border-left: 4px solid #4dbd74;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li.border-info {
  border-left: 4px solid #63c2de;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item {
  float: left;
  position: relative;
  width: calc(100% - 30px);
  padding: 10px 0px;
  margin: 0 15px;
  border-bottom: 1px solid rgba(200, 206, 211, 0.4);
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk {
  width: 100%;
  float: left;
  position: relative;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk-time {
  width: 136px;
  float: left;
  position: relative;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk-time i {
  padding-right: 5px;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk-location {
  width: calc(100% - 136px);
  float: left;
  position: relative;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  padding-left: 10px;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area ul li .list-grp-item .tsk-location i {
  padding-right: 5px;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area::-webkit-scrollbar-thumb {
  background: #888;
}
.cal-db-task-list .cal-sidebar-content .cal-sidebar-cont-area::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mytsk_lit:nth-of-type(8n+1) {
  border-left: 4px solid #ffc107;
  /*&:before {
    content: '#ffc107'
  }*/
}
.mytsk_lit:nth-of-type(8n+2) {
  border-left: 4px solid #20a8d8;
  /*&:before {
    content: '#20a8d8'
  }*/
}
.mytsk_lit:nth-of-type(8n+3) {
  border-left: 4px solid #4dbd74;
  /*&:before {
    content: '#4dbd74'
  }*/
}
.mytsk_lit:nth-of-type(8n+4) {
  border-left: 4px solid #63c2de;
  /*&:before {
    content: '#63c2de'
  }*/
}
.mytsk_lit:nth-of-type(8n+5) {
  border-left: 4px solid #876500;
  /*&:before {
    content: '#876500'
  }*/
}
.mytsk_lit:nth-of-type(8n+6) {
  border-left: 4px solid #105269;
  /*&:before {
    content: '#105269'
  }*/
}
.mytsk_lit:nth-of-type(8n+7) {
  border-left: 4px solid #25653c;
  /*&:before {
    content: '#25653c'
  }*/
}
.mytsk_lit:nth-of-type(8n+8) {
  border-left: 4px solid #2283a0;
  /*&:before {
    content: '#2283a0'
  }*/
}

.k-tooltip-content .cal-tooltips {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #000000;
}
.k-tooltip-content .cal-tooltips .evnt-name {
  font-size: 16px;
  font-weight: 600;
  float: left;
  width: 100%;
  text-align: left;
  color: #03A9F4;
}
.k-tooltip-content .cal-tooltips .evnt-dt {
  font-size: 12px;
  width: 100%;
  float: left;
  text-align: left;
  color: #000000;
}
.k-tooltip-content .cal-tooltips .evnt-dt span {
  font-weight: bold;
}
.k-tooltip-content .cal-tooltips .evnt-des {
  font-size: 12px;
  width: 100%;
  float: left;
  text-align: left;
  color: #000000;
}

.k-callout {
  color: #FFFFFF;
}

.k-tooltip {
  color: #FFFFFF;
  background-color: #FFFFFF;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
}

.m-calendar-editform {
  position: relative;
}

.editor-color-button {
  width: 26px;
  height: 26px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: #000000;
  text-align: center;
}
.editor-color-button:hover {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #FFFFFF;
  position: relative;
  z-index: 100;
  cursor: pointer;
}
.editor-color-button i {
  color: #FFFFFF;
  text-align: center;
  line-height: 26px;
  font-size: 11px;
}
.editor-color-button.inRight {
  position: absolute;
  right: 0;
}
.editor-color-button.disabled {
  outline: 0;
  cursor: default;
  opacity: 0.6;
  -webkit-filter: grayscale(0.1);
  pointer-events: none;
  box-shadow: none;
}

.v-announcement-box {
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  height: 100%;
}
.v-announcement-box .v-announcement-new {
  width: 100%;
  float: left;
  position: relative;
}
.v-announcement-box .v-announcement-listview {
  width: 100%;
  float: left;
  position: relative;
}
.v-announcement-box .v-announcement-listview .v-announce-head {
  width: 100%;
  float: left;
  position: relative;
  background: #FFFFFF;
  font-weight: 700;
  color: #000000;
  padding: 10px;
}
.v-announcement-box .v-announcement-listview .v-announce-head .v-title {
  width: calc(100% - 176px);
  float: left;
}
.v-announcement-box .v-announcement-listview .v-announce-head .v-modified {
  width: 176px;
  float: left;
}
.v-announcement-box .v-announcement-listview .v-listview {
  width: 100%;
  float: left;
  position: relative;
}
.v-announcement-box .v-announcement-listview .v-listview .v-content-list {
  width: 100%;
  float: left;
  position: relative;
  padding: 2px 10px;
  font-size: 12px;
}
.v-announcement-box .v-announcement-listview .v-listview .v-content-list .v-list-title {
  width: calc(100% - 176px);
  float: left;
  padding-right: 5px;
}
.v-announcement-box .v-announcement-listview .v-listview .v-content-list .v-list-title:hover {
  text-decoration: underline;
  cursor: pointer;
}
.v-announcement-box .v-announcement-listview .v-listview .v-content-list .v-list-modified {
  width: 176px;
  float: left;
}
.v-announcement-box .v-announcement-listview .v-listview .v-content-list:hover {
  background: #eaedf1;
}

.input-group-text.v-announcement-show {
  background: transparent;
  border: none;
  color: #000000;
}
.input-group-text.v-announcement-show:hover {
  color: #20a8d8;
  cursor: pointer;
}

input.k-checkbox.font-12 + label {
  font-size: 12px;
  padding-right: 3px;
}

.input-group-text.text {
  cursor: pointer;
  color: #000000;
}
.input-group-text.text .k-i-arrow-parent {
  -ms-transform: rotate(273deg);
  -webkit-transform: rotate(273deg);
  transform: rotate(273deg);
  font-size: 21px;
}
.input-group-text.text:hover {
  color: #000000;
}

.requisition-box {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  height: auto;
}
.requisition-box .requisition-tabs {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}
.requisition-box .requisition-tabs ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  float: left;
  border-bottom: 1px solid #47bbe4;
}
.requisition-box .requisition-tabs ul li {
  width: auto;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
  padding: 4px 16px;
  float: left;
  cursor: pointer;
}
.requisition-box .requisition-tabs ul li.active {
  border: 1px solid #47bbe4;
  border-top: 3px solid #47bbe4;
  background: lavender;
  cursor: pointer;
  color: #000000;
  position: relative;
  top: 1px;
  border-bottom: none;
}
.requisition-box .requisition-tabs ul li.active:hover {
  cursor: pointer;
  color: #000000;
}
.requisition-box .requisition-tabs ul li.disabled {
  pointer-events: none;
  opacity: 0.4;
  color: #000000;
  position: relative;
  top: 1px;
  border-bottom: none;
}
.requisition-box .requisition-tabs ul li:hover {
  cursor: pointer;
  color: #000000;
}
.requisition-box .requisition-tabs .add-action {
  position: absolute;
  right: 4px;
  cursor: pointer;
}
.requisition-box .requisition-tabs .add-action:hover {
  cursor: pointer;
  color: #20a8d8;
}
.requisition-box .requisition-form-box {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  height: auto;
  overflow: auto;
  overflow-x: hidden;
}
.requisition-box .requisition-form-box .requisitio-tab-view {
  width: 100%;
  float: left;
  position: relative;
}
.requisition-box .requisition-form-box .requisitio-tab-view.compFilter-active {
  position: relative;
}
.requisition-box .requisition-form-box .requisitio-tab-view.compFilter-active .priceCompare-filter-area {
  position: relative;
  float: left;
  width: 320px;
  background: #ddd;
  border: 1px solid #c8ced3;
  height: 100vh;
  display: block;
}
.requisition-box .requisition-form-box .requisitio-tab-view.compFilter-active .priceCompare-filter-area .filter-section {
  position: relative;
  flex: initial;
  padding: 0 10px 15px;
}
.requisition-box .requisition-form-box .requisitio-tab-view.compFilter-active .priceCompare-filter-area .filter-section .form-group {
  margin-bottom: 0.5rem;
}
.requisition-box .requisition-form-box .requisitio-tab-view.compFilter-active .priceCompare-filter-area .filter-section .form-group .form-control {
  position: relative;
}
.requisition-box .requisition-form-box .requisitio-tab-view.compFilter-active .priceCompare-filter-area .filter-section .form-group .form-control .k-input {
  padding-left: 2px;
}
.requisition-box .requisition-form-box .requisitio-tab-view.compFilter-active .priceCompare-vender-grid {
  position: relative;
  float: left;
  width: calc(100% - 330px);
  margin-left: 10px;
}
.requisition-box .requisition-form-box .requisitio-tab-view .priceCompare-filter-area {
  display: none;
}
.requisition-box .requisition-form-box .requisitio-tab-view .priceCompare-vender-grid {
  position: relative;
  float: left;
  width: 100%;
}
.requisition-box .requisition-form-box .requisition-tab-total {
  width: 100%;
  float: left;
  position: relative;
}
.requisition-box .requisition-form-box.for-campaignbox {
  height: calc(100vh - 287px);
  height: calc(var(--vh, 1vh) * 100 - 287px);
}
.requisition-box .requisition-form-box.for-campaignbox .form-group label {
  font-weight: bold !important;
}
.requisition-box .requisition-form-box.for-markt-campignBox {
  height: calc(100vh - 216px);
  height: calc(var(--vh, 1vh) * 100 - 216px);
}
.requisition-box .requisition-form-box.for-markt-campignBox .form-group label {
  font-weight: bold !important;
}

.rfqStatusViewGridList {
  position: relative;
}
.rfqStatusViewGridList .k-grid-content {
  height: calc(100vh - 287px) !important;
  height: calc(var(--vh, 1vh) * 100 - 287px) !important;
  overflow: scroll;
}

.crmMarketingList-memberGrid {
  position: relative;
}
.crmMarketingList-memberGrid .k-grid-content {
  height: calc(100vh - 370px) !important;
  height: calc(var(--vh, 1vh) * 100 - 370px) !important;
  overflow: scroll;
}

.requisitationGridList {
  position: relative;
}
.requisitationGridList.campaign-planningListGrid {
  position: relative;
}
.requisitationGridList.campaign-planningListGrid .k-grid-content {
  height: calc(100vh - 255px) !important;
  height: calc(var(--vh, 1vh) * 100 - 255px) !important;
  overflow: scroll;
}
.requisitationGridList .k-grid-content {
  height: calc(100vh - 223px) !important;
  height: calc(var(--vh, 1vh) * 100 - 223px) !important;
  overflow: scroll;
}
.requisitationGridList.rfq {
  position: relative;
}
.requisitationGridList.rfq .k-grid-header th.k-header {
  font-weight: 600;
}
.requisitationGridList.rfq .k-grid-content tbody tr {
  cursor: pointer !important;
}
.requisitationGridList.rfq .k-grid-content tbody tr td {
  color: #4ba4d9;
  font-weight: 600;
}
.requisitationGridList.rfq .k-grid-content tbody tr td:nth-child(1) {
  background-color: rgb(247, 247, 248);
}
.requisitationGridList.rfq .k-grid-content tbody tr td:nth-child(2) {
  background-color: rgb(247, 247, 248);
}
.requisitationGridList.rfq .k-grid-content tbody tr td:nth-child(3) {
  background-color: rgb(247, 247, 248);
}
.requisitationGridList.customeGrid-Demo {
  position: relative;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header {
  padding: 5px 5px;
  background-color: #f2f6f8;
  border-right: none !important;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header .k-checkbox-label:before {
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  width: 17px;
  height: 17px;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header .k-checkbox:checked + .k-checkbox-label:after {
  background-color: #f9fafb;
  color: #20a8d8;
  border: 1px solid #dfdfdf;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  max-width: 17px;
  height: 17px;
  font-weight: bolder;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header a + a {
  cursor: pointer;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header a + a .ascending {
  float: right;
  margin-right: 40px;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header a + a .ascending i {
  font-size: 15px;
  color: #20a8d8;
  opacity: 0.5;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header a + a .decending {
  float: right;
  margin-right: 40px;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header a + a .decending i {
  font-size: 15px;
  color: #20a8d8;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header a .ascending {
  float: right;
  margin-right: 10px;
  cursor: pointer;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header a .ascending i {
  font-size: 15px;
  color: #20a8d8;
  opacity: 0.5;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header a .decending {
  float: right;
  margin-right: 10px;
  cursor: pointer;
}
.requisitationGridList.customeGrid-Demo .k-grid-header th.k-header a .decending i {
  font-size: 15px;
  color: #20a8d8;
}
.requisitationGridList.customeGrid-Demo .k-grid-content {
  height: calc(100vh - 223px) !important;
  height: calc(var(--vh, 1vh) * 100 - 223px) !important;
  overflow: scroll;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr td {
  padding: 5px 7px;
  border-color: #dfdfdf;
  border-width: 0 0 1px 0;
  font-size: 12px;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr td .k-checkbox-label:before {
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  border-width: 1;
  border-color: #dfdfdf;
  width: 17px;
  height: 17px;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr td .k-checkbox:checked + .k-checkbox-label:after {
  background-color: #f9fafb;
  color: #20a8d8;
  border: 1px solid #dfdfdf;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  font-weight: bolder;
  width: 17px;
  height: 17px;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr td .leadGrid-text-link {
  position: relative;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr td .leadGrid-text-link add-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  justify-content: center;
  color: #FFFFFF;
  position: relative;
  margin-right: 5px;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr td .leadGrid-text-link add-icon.fb {
  background: #3b5998;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr td .leadGrid-text-link add-icon.tw {
  background: #00acee;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr td .leadGrid-text-link add-icon.inst {
  background: #e4405f;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr td .leadGrid-text-link add-icon.linkin {
  background: #0e76a8;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr.k-alt {
  background-color: #f8fafb;
}
.requisitationGridList.customeGrid-Demo .k-grid-content tbody tr:hover {
  background-color: #eaedf1;
}

.reqAuthGridList {
  position: relative;
}
.reqAuthGridList .k-grid-content {
  height: calc(100vh - 300px) !important;
  height: calc(var(--vh, 1vh) * 100 - 300px) !important;
  overflow: scroll;
}

.setupWeightUOMGrid {
  position: relative;
}
.setupWeightUOMGrid .k-grid-content {
  height: calc(100vh - 223px) !important;
  height: calc(var(--vh, 1vh) * 100 - 223px) !important;
  overflow: scroll;
}

.mimsysPharmacyVendorDetailsGrid {
  position: relative;
}
.mimsysPharmacyVendorDetailsGrid .k-grid-content {
  height: calc(100vh - 330px) !important;
  height: calc(var(--vh, 1vh) * 100 - 330px) !important;
  overflow: scroll;
}

.vendorMapingGrid {
  position: relative;
}
.vendorMapingGrid .k-grid-content {
  height: calc(100vh - 400px) !important;
  height: calc(var(--vh, 1vh) * 100 - 400px) !important;
  overflow: scroll;
}

.crm_Admin_CaseMngGrid {
  position: relative;
}
.crm_Admin_CaseMngGrid .k-grid-content {
  height: calc(100vh - 267px) !important;
  height: calc(var(--vh, 1vh) * 100 - 267px) !important;
  overflow: scroll;
}

.rfqRequisitonCompareGrid {
  position: relative;
}
.rfqRequisitonCompareGrid.afterslt-filter1 {
  position: relative;
}
.rfqRequisitonCompareGrid.afterslt-filter1 .k-grid-content {
  height: calc(100vh - 275px) !important;
  height: calc(var(--vh, 1vh) * 100 - 275px) !important;
}
.rfqRequisitonCompareGrid .k-grid-content {
  height: calc(100vh - 275px) !important;
  height: calc(var(--vh, 1vh) * 100 - 275px) !important;
  overflow: scroll;
}
.rfqRequisitonCompareGrid .k-grid-content.afterSlt-filter {
  height: calc(100vh - 275px) !important;
  height: calc(var(--vh, 1vh) * 100 - 275px) !important;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item {
  position: relative;
  padding: 4px 0px;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item p {
  padding: 0px 8px !important;
  margin-bottom: 1px !important;
  width: calc(100% - 16px);
  float: left;
  border-bottom: 1px solid #e4e7ea;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item p.bg-grid-vend-total {
  background: #ccbb2f;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item p.bg-grid-item {
  background: #cce3e3;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item p .grid-rank1 {
  background: #97d9ae;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item p .grid-rank2 {
  background: #b7cfe8;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item p .grid-rank_highlited {
  background: #97d9ae;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item p .grid-rank-normal {
  background: #b7cfe8;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item .vendor-content {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 8px;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item .vendor-content .vendor-name {
  position: relative;
  width: 100%;
  float: left;
  font-size: 13px;
  font-weight: 600;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item .vendor-content .vendor-name i {
  cursor: pointer;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item .vendor-content .vendor-name i:hover {
  cursor: pointer;
  color: #20a8d8;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item .vendor-content .vendor-name span {
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  float: right;
  margin-right: 15px;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item .vendor-content .vendor-shortname {
  position: relative;
  width: 100%;
  float: left;
  font-size: 12px;
}
.rfqRequisitonCompareGrid .k-grid-content .k-grid-item .vendor-content .vendor-shortname span {
  text-align: right;
  font-size: 12px;
  float: right;
  margin-right: 15px;
}
.rfqRequisitonCompareGrid tbody .k-grid-item {
  position: relative;
  padding: 4px 0px;
}
.rfqRequisitonCompareGrid tbody .k-grid-item p {
  padding: 0px 8px !important;
  margin-bottom: 1px !important;
}
.rfqRequisitonCompareGrid tbody .k-grid-item p.bg-grid-item {
  background: #cce3e3;
}
.rfqRequisitonCompareGrid tbody .k-grid-item p .grid-rank1 {
  background: #97d9ae;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}
.rfqRequisitonCompareGrid tbody .k-grid-item p .grid-rank2 {
  background: #b7cfe8;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}
.rfqRequisitonCompareGrid tbody .k-grid-item p .grid-rank_highlited {
  background: #97d9ae;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}
.rfqRequisitonCompareGrid tbody .k-grid-item p .grid-rank-normal {
  background: #b7cfe8;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}
.rfqRequisitonCompareGrid.k-grid-header-item {
  position: relative;
}
.rfqRequisitonCompareGrid.k-grid-header-item .k-grid-header th.k-header {
  background: #c5eaee;
  color: #000000 !important;
  padding: 0;
  border-right-color: #FFFFFF;
}
.rfqRequisitonCompareGrid.k-grid-header-item .k-grid-header th.k-header p {
  padding: 0px 8px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #FFFFFF;
}
.rfqRequisitonCompareGrid.k-grid-header-item .k-grid-header th.k-header p.bg-grid-header-item {
  background: #b7cfe8 !important;
}
.rfqRequisitonCompareGrid.k-grid-header-item .k-grid-header th.custom-grid-hd-bg.k-header {
  background: #eff1a3;
  padding-left: 5px;
}
.rfqRequisitonCompareGrid.k-grid-header-item .k-grid-header th.grid-vendor-id-bg {
  background: #a6e5f5;
  padding-left: 0px;
}
.rfqRequisitonCompareGrid.k-grid-header-item .k-grid-header th.k-hierarchy-cell.k-header {
  background: #eff1a3;
}
.rfqRequisitonCompareGrid.k-grid-header-item .k-grid-header thead tr:not(:only-child) th {
  border-left-color: transparent;
}
.rfqRequisitonCompareGrid .priceCompareVendorDetails .k-grid-header th.k-header {
  color: #000000 !important;
  padding: 5px 8px;
  background: #f5f5f5;
}
.rfqRequisitonCompareGrid .k-grid-footer {
  position: relative;
  padding-right: 0px !important;
}
.rfqRequisitonCompareGrid .k-grid-footer .k-grid-footer-wrap {
  position: relative;
}
.rfqRequisitonCompareGrid .k-grid-footer .k-grid-footer-wrap .k-footer-template {
  position: relative;
}
.rfqRequisitonCompareGrid .k-grid-footer .k-grid-footer-wrap .k-footer-template td {
  padding: 0;
}
.rfqRequisitonCompareGrid .k-grid-footer .k-grid-footer-wrap .k-footer-template td.total-vender-qty {
  background: #ccbb2f !important;
  padding-left: 8px;
}
.rfqRequisitonCompareGrid .k-grid-footer .k-grid-footer-wrap .k-footer-template td div {
  position: relative;
}
.rfqRequisitonCompareGrid .k-grid-footer .k-grid-footer-wrap .k-footer-template td div p {
  margin: 0;
  padding: 0 8px;
  float: left;
  width: calc(100% - 16px);
  border-bottom: 1px solid #FFFFFF;
}
.rfqRequisitonCompareGrid .k-grid-footer .k-grid-footer-wrap .k-footer-template td div p.bg-grid-vend-total {
  background: #ccbb2f;
}
.rfqRequisitonCompareGrid .k-grid-footer .k-grid-footer-wrap .k-footer-template td div p.bg-grid-vend-total .grid-rank1 {
  background: #97d9ae;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}
.rfqRequisitonCompareGrid .k-grid-footer .k-grid-footer-wrap .k-footer-template td div p.bg-grid-vend-total .grid-rank2 {
  background: #b7cfe8;
  padding-left: 10px;
  padding-right: 4px;
  min-width: 18px;
}

.rfqGenerationGridScroll .k-grid-content {
  height: calc(100vh - 359px) !important;
  height: calc(var(--vh, 1vh) * 100 - 359px) !important;
  overflow: scroll;
}

.rfqMaintaineGridScroll .k-grid-content {
  height: calc(100vh - 280px) !important;
  height: calc(var(--vh, 1vh) * 100 - 280px) !important;
}

.rfq-comNumber-search {
  position: relative;
  float: left;
  width: 100%;
}
.rfq-comNumber-search .rfq-comNumber-search-input {
  padding-right: 47px !important;
}
.rfq-comNumber-search .rfq-comNumber-search-hide {
  width: 35px;
  float: right;
  position: absolute;
  right: 7px;
  top: 6px;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
}
.rfq-comNumber-search .rfq-comNumber-search-hide:hover {
  cursor: pointer;
  color: #20a8d8;
}

.rfq-price-comp-searchMob {
  display: none;
}

.grid-addbtn-mob {
  display: none;
}

.grid-addbtn-web {
  display: block;
  float: left;
  margin-right: 0.25rem;
}

.rfqGeneration-custom-form {
  position: relative;
}
.rfqGeneration-custom-form .form-group {
  position: relative;
}
.rfqGeneration-custom-form .form-group label {
  text-align: left;
}
.rfqGeneration-custom-form .form-group label.col-form-label {
  width: 88px;
  align-items: flex-start;
  justify-content: flex-start;
}
.rfqGeneration-custom-form .form-group .rfqtext-box {
  width: 220px;
}
.rfqGeneration-custom-form .form-group .rfqdate-picker-box {
  width: 214px;
}
.rfqGeneration-custom-form .form-group .rfqsearch-box {
  width: 155px;
}
.rfqGeneration-custom-form .form-group .rfqtext-box-md {
  width: 619px !important;
}

.requi-mob-weiget {
  width: 100%;
  position: relative;
  float: left;
}
.requi-mob-weiget .requi-mob-widget-content {
  width: 100%;
  float: left;
  position: relative;
}
.requi-mob-weiget .requi-mob-widget-content .requi-mob-widget-list {
  width: 100%;
  float: left;
  position: relative;
}
.requi-mob-weiget .requi-mob-widget-content .requi-mob-widget-list .requi-mob-weiget-heading {
  width: 100%;
  float: left;
  position: relative;
}
.requi-mob-weiget .requi-mob-widget-content .requi-mob-widget-list .requi-mob-weiget-heading .requi-title {
  width: calc(100% - 50px);
  float: left;
  position: relative;
}
.requi-mob-weiget .requi-mob-widget-content .requi-mob-widget-list .requi-mob-weiget-heading .requi-action {
  width: 50px;
  float: left;
  position: relative;
}
.requi-mob-weiget .requi-mob-widget-content .requi-mob-widget-list .requi-mob-widget-list-item {
  width: 100%;
  float: left;
  position: relative;
}

.kendGidforMobile {
  position: relative;
  width: 100%;
}
.kendGidforMobile p {
  margin-bottom: 0.5rem;
}

.k-alt .kendGidforMobile {
  background: #f9f9f9;
  padding: 7px 8px;
  margin: -7px -8px;
  position: relative;
}
.k-alt .kendGidforMobile p {
  margin-bottom: 0.5rem !important;
}
.k-alt.k-state-selected .kendGidforMobile {
  background: #b1ddf3;
}
.k-alt.k-state-selected .kendGidforMobile p {
  margin-bottom: 0.5rem !important;
}

.setup {
  position: relative;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  overflow-x: hidden;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
}
.setup .setup-side-menu {
  width: 190px;
  order: 1;
  background-color: #eeeeee;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  border-right: 2px solid #d6d6d6;
  overflow: scroll;
  overflow-x: hidden;
}
.setup .setup-side-menu .setup-nav {
  display: block;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  width: 100%;
  vertical-align: top;
}
.setup .setup-side-menu .setup-nav li {
  float: none;
  vertical-align: top;
  cursor: pointer;
  word-break: break-word;
}
.setup .setup-side-menu .setup-nav li a {
  background: transparent;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  text-transform: capitalize;
  padding: 10px;
  margin: 0;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  display: block;
  transition: all 0.5s ease-out;
  border: none;
  color: #000000;
}
.setup .setup-side-menu .setup-nav li a i {
  padding: 0 10px 0 0;
}
.setup .setup-side-menu .setup-nav li a:hover {
  font-weight: 600;
  cursor: pointer;
}
.setup .setup-side-menu .setup-nav li.active {
  background: #FFFFFF;
}
.setup .setup-side-menu .setup-nav li.active a {
  color: #000000;
  background: transparent;
  border: none;
}
.setup .setup-side-menu .setup-nav li.setup-nav-title {
  cursor: default;
  pointer-events: none;
  font-weight: bold;
  font-size: 85%;
  text-transform: uppercase;
  padding: 10px;
  font-weight: 600;
  color: #000000;
}
.setup .setup-side-menu .setup-nav li.setup-nav-title .m-item-create-new {
  float: right;
  text-align: right;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
  font-size: 14px;
}
.setup .setup-side-menu .setup-nav li.setup-nav-title .m-item-create-new:hover {
  color: #20a8d8;
}
.setup .setup-side-menu .setup-nav li.setup-nav-title:hover {
  background-color: #eeeeee !important;
}
.setup .setup-side-menu .setup-nav li:hover {
  background: #f0fafe;
  cursor: pointer;
  font-weight: 600;
  color: 13px;
  transition: all 0.3s 0s;
}
.setup .setup-side-menu .setup-nav.social {
  position: relative;
}
.setup .setup-side-menu .setup-nav.social li a {
  display: flex;
  align-items: center;
}
.setup .setup-side-menu .setup-nav.social li a dot {
  width: 9px;
  height: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -webkit-border-radius: 9px;
  -os-border-radius: 9px;
  border-radius: 9px;
  margin-right: 0.625rem;
}
.setup .setup-side-menu .setup-nav.social li a dot.green {
  background: #4dbd74;
}
.setup .setup-side-menu .setup-nav.social li a dot.red {
  background: #f86c6b;
}
.setup .setup-side-menu .setup-nav.social li a dot.yellow {
  background: #ffc107;
}
.setup .setup-side-menu .setup-nav.social li a dot.gray {
  background: #b3b3b3;
}
.setup .setup-side-menu .setup-nav.social li a dot.blue {
  background: #20a8d8;
}
.setup .setup-side-menu .setup-nav.social li a dot.cal {
  background: #63c2de;
}
.setup .setup-side-menu .setup-nav.social li.active {
  background: #f0fafe !important;
}
.setup .setup-content {
  flex: 1;
  min-width: 0;
  float: left;
  order: 2;
  flex-direction: column;
}

.mimsys-tempalte {
  width: 100%;
  float: left;
  position: relative;
  height: auto;
}
.mimsys-tempalte .m-template-listbox {
  width: calc(50% - 20px);
  float: left;
  flex-direction: column;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
}
.mimsys-tempalte .m-template-listbox .m-template-heading {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #cccccc;
  font-weight: 600;
}
.mimsys-tempalte .m-template-listbox .m-template-heading .m-template-itemcode {
  width: 150px;
  float: left;
  position: relative;
  border-right: 1px solid #cccccc;
  padding: 10px;
}
.mimsys-tempalte .m-template-listbox .m-template-heading .m-template-itemcode span {
  text-align: right;
  cursor: pointer;
  float: right;
}
.mimsys-tempalte .m-template-listbox .m-template-heading .m-template-itemcode span:hover {
  color: #20a8d8;
}
.mimsys-tempalte .m-template-listbox .m-template-heading .m-template-desc {
  width: calc(100% - 150px);
  float: left;
  position: relative;
  padding: 10px;
  font-weight: 600;
}
.mimsys-tempalte .m-template-listbox .m-template-heading.itemcode-search {
  width: 100%;
  position: relative;
  padding: 6px 10px;
  background: #f7f7f7;
}
.mimsys-tempalte .m-template-listbox .m-template-heading.itemcode-search .m-item-seach-input {
  padding-right: 47px !important;
  border: none;
  font-size: 16px;
  padding-left: 0px;
  background: transparent;
}
.mimsys-tempalte .m-template-listbox .m-template-heading.itemcode-search .m-item-search-hide {
  position: absolute;
  float: right;
  width: 35px;
  cursor: pointer;
  right: 10px;
  top: 12px;
  text-transform: uppercase;
  font-size: 14px;
}
.mimsys-tempalte .m-template-listbox .m-template-heading.itemcode-search .m-item-search-hide:hover {
  color: #20a8d8;
  cursor: pointer;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 0px 10px 0px;
  height: 280px;
  overflow-x: hidden;
  overflow: hidden;
  overflow-y: scroll;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body.db-itemcode {
  overflow: hidden !important;
  height: 279px;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items {
  width: 100%;
  float: left;
  position: relative;
  float: left;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items.itemincludepart {
  position: relative;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items.itemincludepart .m-template-list-li {
  position: relative;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items.itemincludepart .m-template-list-li:hover {
  cursor: pointer;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items .m-template-list-li {
  width: 100%;
  position: relative;
  float: left;
  padding: 10px 10px;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items .m-template-list-li .m-listbox-itemcode {
  width: 150px;
  float: left;
  position: relative;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items .m-template-list-li .m-listbox-item-desc {
  width: calc(100% - 150px);
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items .m-template-list-li:nth-child(even) {
  background: #eaedf1;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items .m-template-list-li:hover {
  background: #b1ddf3;
  font-weight: 600;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items .m-template-list-li.m-itemcodeactive {
  background: #b1ddf3;
  font-weight: 600;
  border-bottom: 1px solid #ddf0fa;
}
.mimsys-tempalte .m-template-listbox .m-template-listbox-body .m-template-list-items.itmecode-fromDB {
  height: 222px;
  overflow-x: hidden;
  overflow: hidden;
  overflow-y: scroll;
  position: relative;
}
.mimsys-tempalte .m-template-listbox-action-tool {
  width: 40px;
  float: left;
  position: relative;
  flex-direction: column;
  vertical-align: top;
  text-align: center;
  justify-content: center;
}
.mimsys-tempalte .m-template-listbox-action-tool ul {
  position: relative;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-top: 107px;
}
.mimsys-tempalte .m-template-listbox-action-tool ul li {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 10px;
}
.mimsys-tempalte .m-template-listbox-action-tool ul li a {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  line-height: 30px;
  background-color: #f6f6f6;
  background-image: linear-gradient(#f6f6f6, #f1f1f1);
  display: flow-root;
  color: #000000;
  cursor: pointer;
}
.mimsys-tempalte .m-template-listbox-action-tool ul li a i {
  color: #000000;
}
.mimsys-tempalte .m-template-listbox-action-tool ul li a:hover {
  border-color: rgba(0, 0, 0, 0.15);
  color: #656565;
  background-color: #ededed;
  background-image: linear-gradient(#ededed, #e8e8e8);
}

.globalSchedular_grid {
  height: calc(100vh - 120px) !important;
  height: calc(var(--vh, 1vh) * 100 - 120px) !important;
  overflow: auto;
}
.globalSchedular_grid .k-scheduler-dayview .k-scheduler-header-wrap > div, .globalSchedular_grid .k-scheduler-weekview .k-scheduler-header-wrap > div {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.globalSchedular_grid .k-scheduler-dayview .k-scheduler-header-wrap > div::-webkit-scrollbar, .globalSchedular_grid .k-scheduler-weekview .k-scheduler-header-wrap > div::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
.globalSchedular_grid .k-scheduler-dayview .k-scheduler-header-wrap > div::-webkit-scrollbar-track, .globalSchedular_grid .k-scheduler-weekview .k-scheduler-header-wrap > div::-webkit-scrollbar-track {
  background: #f1f1f1;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
}
.globalSchedular_grid .k-scheduler-dayview .k-scheduler-header-wrap > div::-webkit-scrollbar-thumb, .globalSchedular_grid .k-scheduler-weekview .k-scheduler-header-wrap > div::-webkit-scrollbar-thumb {
  background: #888;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
}
.globalSchedular_grid .k-scheduler-dayview .k-scheduler-header-wrap > div::-webkit-scrollbar-thumb:hover, .globalSchedular_grid .k-scheduler-weekview .k-scheduler-header-wrap > div::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.globalSchedular_grid .k-scheduler-dayview .k-scheduler-times .k-scheduler-table tbody tr:nth-child(2), .globalSchedular_grid .k-scheduler-weekview .k-scheduler-times .k-scheduler-table tbody tr:nth-child(2) {
  height: auto !important;
}

.setupLocation {
  position: relative;
  width: 100%;
  float: left;
}
.setupLocation .setupLocationUL {
  position: relative;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  float: left;
}
.setupLocation .setupLocationUL li {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 5px;
}
.setupLocation .setupLocationUL li .locationHeader {
  width: 100%;
  float: left;
  font-size: 16px;
  background: #f5f5f5;
  padding: 10px;
}
.setupLocation .setupLocationUL li .locationHeader span {
  text-align: right;
  float: right;
}
.setupLocation .setupLocationUL li .locationDetails {
  width: 100%;
  float: left;
  position: relative;
  display: none;
  border: 1px solid #c8ced3;
  padding: 10px;
}
.setupLocation .setupLocationUL li.addrssOpne {
  position: relative;
}
.setupLocation .setupLocationUL li.addrssOpne .locationDetails {
  display: block;
}

.empdt-title {
  font-size: 15px;
  margin-top: 25px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
}

.empdt-widget {
  position: relative;
  list-style-type: none;
  padding: 0 0 0 10px;
}
.empdt-widget .empdt-widget-list {
  width: 100%;
  position: relative;
  list-style-type: none;
  white-space: normal;
  display: flex;
  margin-bottom: 10px;
}
.empdt-widget .empdt-widget-list .empdt-lt-label {
  width: 33%;
  display: inline-block;
  word-break: break-word;
  white-space: normal;
  color: #666666;
}
.empdt-widget .empdt-widget-list .empdt-rt-label {
  width: 67%;
  display: inline-block;
  word-break: break-word;
  white-space: normal;
  vertical-align: bottom;
  color: #000000;
  padding-left: 2%;
}

.showDeadlines {
  width: max-content;
  margin: 0px;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 999;
  line-height: 30px;
  background: #FFFFFF;
  color: #000;
  padding: 0px 10px;
  height: 30px;
  box-shadow: 0px 0px 30px 0px #ccc;
  display: none;
  cursor: pointer;
  font-size: 12px;
}

.globalPDfView {
  position: fixed;
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}

#rfqInvoice {
  padding: 30px 15px;
  overflow: scroll;
  height: 100vh;
}
#rfqInvoice .invoice {
  position: relative;
  background-color: #FFFFFF;
  min-height: 680px;
  padding: 15px;
}
#rfqInvoice .invoice header {
  padding: 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #3989c6;
}
#rfqInvoice .invoice .company-details {
  text-align: right;
}
#rfqInvoice .invoice .company-details .name {
  margin-top: 0;
  margin-bottom: 0;
}
#rfqInvoice .invoice .contacts {
  margin-bottom: 20px;
}
#rfqInvoice .invoice .invoice-to {
  text-align: left;
}
#rfqInvoice .invoice .invoice-to .to {
  margin-top: 0;
  margin-bottom: 0;
}
#rfqInvoice .invoice .invoice-details {
  text-align: right;
}
#rfqInvoice .invoice .invoice-details .invoice-id {
  margin-top: 0;
  color: #3989c6;
}
#rfqInvoice .invoice main {
  padding-bottom: 50px;
}
#rfqInvoice .invoice main .thanks {
  margin-top: -100px;
  font-size: 2em;
  margin-bottom: 50px;
}
#rfqInvoice .invoice main .notices {
  padding-left: 6px;
  border-left: 6px solid #3989c6;
}
#rfqInvoice .invoice main .notices .notice {
  font-size: 1.2em;
}
#rfqInvoice .invoice table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}
#rfqInvoice .invoice table td {
  padding: 15px;
  background: #eee;
  border-bottom: 1px solid #FFFFFF;
}
#rfqInvoice .invoice table td h3 {
  margin: 0;
  font-weight: 400;
  color: #3989c6;
  font-size: 1.2em;
}
#rfqInvoice .invoice table th {
  padding: 15px;
  background: #eee;
  border-bottom: 1px solid #FFFFFF;
  white-space: nowrap;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
}
#rfqInvoice .invoice table .no {
  color: #fff;
  font-size: 1.6em;
  background: #3989c6;
}
#rfqInvoice .invoice table .qty, #rfqInvoice .invoice table .itemno, #rfqInvoice .invoice table .uom, #rfqInvoice .invoice table .vno, #rfqInvoice .invoice table .expArr, #rfqInvoice .invoice table .total {
  text-align: right;
  font-size: 1.2em;
}
#rfqInvoice .invoice table .qty {
  background: #ddd;
}
#rfqInvoice .invoice table .total {
  background: #3989c6;
  color: #FFFFFF;
}
#rfqInvoice .invoice table tbody tr:last-child td {
  border: none;
}
#rfqInvoice .invoice table tfoot td {
  background: 0 0;
  border-bottom: none;
  white-space: nowrap;
  text-align: right;
  padding: 10px 20px;
  font-size: 1.2em;
  border-top: 1px solid #aaa;
}
#rfqInvoice .invoice table tfoot tr:first-child td {
  border-top: none;
}
#rfqInvoice .invoice table tfoot tr:last-child td {
  color: #3989c6;
  font-size: 1.4em;
  border-top: 1px solid #3989c6;
}
#rfqInvoice .invoice table tfoot tr td:first-child {
  border: none;
}
#rfqInvoice .invoice .footer {
  border-top: 1px solid #ccc;
  text-align: center;
  width: 100%;
  text-align: center;
  color: #777;
  border-top: 1px solid #aaa;
  padding: 8px 0;
}

.crmPrintMainBody {
  overflow: unset !important;
  padding: 0px !important;
}

@media print {
  .invoice {
    font-size: 11px !important;
    overflow: hidden !important;
  }
  .invoice .footer {
    position: absolute;
    bottom: 10px;
    page-break-after: always;
  }
  .invoice div:last-child {
    page-break-before: always;
  }
}
.global-search-bgmask {
  position: absolute;
  background: #000000;
  width: 100%;
  z-index: 11000;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
  filter: alpha(opacity=50); /* IE 5-7 */
  -moz-opacity: 0.5; /* Netscape */
  -khtml-opacity: 0.5; /* Safari 1.x */
  opacity: 0.5;
}

.global-sidebarSearch {
  position: absolute;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -os-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  top: 10px;
  left: 10px;
  bottom: 0;
  background: #FFFFFF;
  z-index: 12000;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, z-index 0s ease 0.25s;
}
.global-sidebarSearch .global-search-maindiv {
  width: 300px;
  float: left;
  position: relative;
}
.global-sidebarSearch .global-search-maindiv .global-search-heading {
  width: 100%;
  float: left;
  position: relative;
  padding: 15px;
}
.global-sidebarSearch .global-search-maindiv .global-search-heading .global-heading-text {
  width: calc(100% - 30px);
  float: left;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}
.global-sidebarSearch .global-search-maindiv .global-search-heading .global-search-close {
  width: 30px;
  float: left;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  text-align: right;
}
.global-sidebarSearch .global-search-maindiv .global-search-heading .global-search-close:hover {
  cursor: pointer;
  color: #20a8d8;
}
.global-sidebarSearch .global-search-maindiv .global-search-inputbox {
  width: 100%;
  float: left;
  position: relative;
  height: auto;
  background: #f2f7fe;
}
.global-sidebarSearch .global-search-maindiv .global-search-inputbox .global-seach-custom-input {
  background: #f2f7fe;
  border: none !important;
  height: 40px;
  font-size: 14px;
  padding-left: 42px;
  padding-right: 15px;
}
.global-sidebarSearch .global-search-maindiv .global-search-inputbox .global-seach-icon {
  position: absolute;
  width: 17px;
  top: 12px;
  left: 15px;
  transform: rotate(90deg);
}
.global-sidebarSearch .global-search-maindiv .global-search-inputbox .global-search-Clear {
  display: none;
}
.global-sidebarSearch .global-search-maindiv .global-search-inputbox.active-global-search-clear {
  position: relative;
}
.global-sidebarSearch .global-search-maindiv .global-search-inputbox.active-global-search-clear .global-seach-custom-input {
  padding-right: 62px !important;
}
.global-sidebarSearch .global-search-maindiv .global-search-inputbox.active-global-search-clear .global-search-Clear {
  width: 40px;
  position: absolute;
  right: 15px;
  top: 12px;
  text-transform: uppercase;
  display: block;
  color: #20a8d8;
  font-size: 12px;
}
.global-sidebarSearch .global-search-maindiv .global-search-inputbox.active-global-search-clear .global-search-Clear:hover {
  cursor: pointer;
  color: #20a8d8;
}
.global-sidebarSearch .global-search-maindiv .global-seach-porgress-bar {
  width: 100%;
  float: left;
  position: relative;
  margin-top: -15px;
}
.global-sidebarSearch .global-search-maindiv .global-search-search-panel {
  width: 100%;
  float: left;
  position: relative;
  padding: 15px;
}
.global-sidebarSearch .global-search-maindiv .global-search-search-panel .gloabl-search-by-type-selector {
  display: flex;
  font-size: 14px;
}
.global-sidebarSearch .global-search-maindiv .global-search-search-panel .gloabl-search-by-type-selector .search-by-type-label {
  text-transform: capitalize;
  color: #4d4d4d;
}
.global-sidebarSearch .global-search-maindiv .global-search-search-panel .gloabl-search-by-type-selector .search-by-type-item {
  padding: 0px 10px;
  text-transform: uppercase;
}
.global-sidebarSearch .global-search-maindiv .global-search-search-panel .gloabl-search-by-type-selector .search-by-type-item.selected {
  color: #20a8d8;
  cursor: pointer;
}
.global-sidebarSearch .global-search-maindiv .global-search-search-panel .gloabl-search-by-type-selector .search-by-type-item:hover {
  cursor: pointer;
  color: #20a8d8;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area {
  position: relative;
  float: left;
  width: 100%;
  overflow-x: hidden;
  overflow: auto;
  height: calc(100vh - 222px);
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-no-result {
  padding: 20px 15px;
  position: relative;
  text-align: center;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-no-result p {
  text-align: center;
  font-size: 16px;
  color: #000000;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-no-result p + p {
  font-size: 16px;
  color: #a6a6a6;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .search-key-word {
  position: relative;
  width: 100%;
  float: left;
  padding: 15px 15px 0 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  color: #d9d9d9;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content {
  position: relative;
  float: left;
  width: 100%;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .global-seach-key-word-heading {
  width: 100%;
  margin: 0;
  text-align: center;
  float: left;
  position: relative;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .global-seach-key-word-heading .global-search-key-heading-border {
  position: absolute;
  top: 50%;
  border-bottom: 1px solid #cccccc;
  width: calc(100% - 30px);
  margin: 0 15px;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .global-seach-key-word-heading span {
  width: auto;
  background: #FFFFFF;
  text-transform: capitalize;
  font-size: 14px;
  position: relative;
  padding: 0 15px;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .global-seach-key-word-heading span i {
  padding-right: 5px;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .glbal-search-list {
  width: 100%;
  float: left;
  position: relative;
  padding: 13px 15px;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .glbal-search-list .search-item-icon {
  width: 20px;
  height: 20px;
  float: left;
  position: relative;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .glbal-search-list .search-item-icon.team {
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #03A9F4;
  text-align: center;
  color: #FFFFFF;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .glbal-search-list .search-item-name {
  width: calc(100% - 25px);
  position: relative;
  float: left;
  margin-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .glbal-search-list:last-child {
  border-bottom: none;
}
.global-sidebarSearch .global-search-maindiv .global-search-content-area .global-search-list-content .glbal-search-list:hover {
  background: #deddde;
  cursor: pointer;
}

.add-timesheet {
  position: relative;
  cursor: pointer;
}
.add-timesheet:hover {
  cursor: pointer;
  color: #20a8d8;
}

.global-upload-files {
  position: relative;
  float: left;
  width: 100%;
}
.global-upload-files .upload-area {
  padding: 0;
}
.global-upload-files .upload-area .dropZoneElement {
  position: relative;
  display: inline-block;
  background-color: #f8f8f8;
  border: 1px dashed #cccccc;
  width: 100%;
  height: 80px;
  text-align: center;
}
.global-upload-files .upload-area .dropZoneElement .textWrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 20px;
  color: #000000;
  padding-top: 10px;
}
.global-upload-files .upload-area .dropZoneElement .textWrapper .dropImageHereText {
  color: #999999;
  text-transform: uppercase;
  font-size: 12px;
}
.global-upload-files .upload-area .dropZoneElement input[type=file] {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.global-upload-files .upload-area .remove-attachment {
  position: relative;
}
.global-upload-files .upload-area .remove-attachment i {
  color: #f86c6b;
  cursor: pointer;
}
.global-upload-files .upload-area .remove-attachment i:hover {
  color: #fa9c9c !important;
}

.callout-info-bg {
  background: #ccebf4 !important;
}
.callout-info-bg .view-details {
  position: relative;
  text-align: right;
  font-size: 12px !important;
  font-weight: normal !important;
  cursor: pointer;
  margin-top: 9px;
}
.callout-info-bg .view-details i {
  font-size: 10px !important;
}
.callout-info-bg:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}

.callout-success-bg {
  background: #aadfbd !important;
}
.callout-success-bg .view-details {
  position: relative;
  text-align: right;
  font-size: 12px !important;
  font-weight: normal !important;
  cursor: pointer;
  margin-top: 9px;
}
.callout-success-bg .view-details i {
  font-size: 10px !important;
}
.callout-success-bg:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}

.callout-warning-bg {
  background: #ffe187 !important;
}
.callout-warning-bg .view-details {
  position: relative;
  text-align: right;
  font-size: 12px !important;
  font-weight: normal !important;
  cursor: pointer;
  margin-top: 9px;
}
.callout-warning-bg .view-details i {
  font-size: 10px !important;
}
.callout-warning-bg:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}

.myactivity-fixed-button {
  position: fixed;
  bottom: 70px;
  z-index: 999999999;
  right: 0;
}
.myactivity-fixed-button .buttn-div {
  position: relative;
  padding: 10px;
  background: #20a8d8;
  -moz-border-radius: 30px 0 0 30px;
  -ms-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  -os-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
  border-width: 3px 0px 3px 3px;
  border: 3px solid #20a8d8;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}
.myactivity-fixed-button i {
  font-size: 24px;
  color: #FFFFFF;
}
.myactivity-fixed-button .badge {
  position: absolute;
  right: 0;
  top: -1px;
}
.myactivity-fixed-button:hover {
  cursor: pointer;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.15s;
  background: #061e26;
  -moz-border-radius: 30px 0 0 30px;
  -ms-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  -os-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
}

#ChatPartialView .chat-section {
  position: relative;
  height: 100%; /*background-image: url('/Content/style/images/ChatBlueSnow.png');background-repeat: repeat;-webkit-animation: Chatslide 40s linear infinite;*/
  /*all Files*/
}
#ChatPartialView .chat-section .chat-left-list { /*width:300px;*/
  float: left;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu {
  width: 305px;
  float: left;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav { /*width:max-content;*/
  float: left;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  background: #f0f4f8;
  position: relative;
  z-index: 9;
  /*&:hover{overflow:auto;}*/
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search {
  position: sticky;
  z-index: 9;
  padding: 5px;
  background: #ddd;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  width: 307px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search:hover {
  background: #ddd;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat_search {
  width: calc(100% - 30px);
  float: left;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-options {
  width: 30px;
  text-align: center;
  float: left;
  line-height: 30px;
  padding: 0;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-options .chat-Opt-icon {
  padding: 0;
  text-align: center;
  color: #000;
  height: 30px;
  width: 30px;
  display: block;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-options .chat-Opt-icon i {
  font-size: 14px;
  margin: 0;
  padding: 0 !important;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-options .chat-Opt-dropdown .dropdown-header {
  padding: 0;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-options .chat-Opt-dropdown .dropdown-item {
  padding: 5px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-options .chat-Opt-dropdown .dropdown-item i {
  margin: 0 0 0 10px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet .chat-meet-btn-drpdwn {
  display: inline-block;
  width: 50%;
  float: left;
  padding: 0 10px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet .chat-meet-btn-drpdwn .btn {
  border-radius: 15px;
  border: none;
  font-size: 12px;
  padding: 6px;
  min-width: 100% !important;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet .chat-meet-btn-drpdwn .btn:focus {
  box-shadow: none;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet .chat-meet-btn-drpdwn .btn:after {
  display: none;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet .chat-meet-btn-drpdwn .btn .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet .chat-meet-btn-drpdwn .chat-meet-btn-opt {
  -webkit-box-shadow: 0 6px 12px #aaa;
  box-shadow: 0 6px 12px #aaa;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet .chat-meet-btn-drpdwn .chat-meet-btn-opt li {
  border: none;
  padding: 6px 10px;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet .chat-meet-btn-drpdwn .chat-meet-btn-opt li:last-child {
  border: none;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search .chat-meet .chat-meet-btn-drpdwn .chat-meet-btn-opt li:hover {
  font-weight: 500;
  font-size: 13px;
  background: #f1f1f1;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList {
  height: calc(100vh - 130px);
  height: calc(var(--vh, 1vh) * 100 - 130px);
  overflow: hidden;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList::-webkit-scrollbar {
  width: 6px;
  height: 5px;
  opacity: 0;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList::-webkit-scrollbar-thumb {
  background: #888;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList:hover {
  overflow: auto;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs {
  display: block;
  width: 305px;
  vertical-align: top;
  border: none;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs #UserListView {
  border: none !important;
  background: none !important;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li {
  float: none;
  vertical-align: top;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
  /*&.chat-nav-title{position: sticky;top: 0;z-index: 9;background: #ddd;}*/
  /*New design for chat meeting list*/
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search {
  position: sticky;
  top: 30px;
  z-index: 9;
  padding: 5px;
  background: #ddd;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search:hover {
  background: #ddd;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat_search {
  width: calc(100% - 30px);
  float: left;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-options {
  width: 30px;
  text-align: center;
  float: left;
  line-height: 30px;
  padding: 0;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-options .chat-Opt-icon {
  padding: 0;
  text-align: center;
  color: #000;
  height: 30px;
  width: 30px;
  display: block;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-options .chat-Opt-icon i {
  font-size: 14px;
  margin: 0;
  padding: 0 !important;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-options .chat-Opt-dropdown .dropdown-header {
  padding: 0;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-options .chat-Opt-dropdown .dropdown-item {
  padding: 5px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-options .chat-Opt-dropdown .dropdown-item i {
  margin: 0 0 0 10px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-meet {
  display: inline-block;
  margin-top: 5px;
  width: 100%;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-meet .chat-meet-btn-drpdwn {
  display: inline-block;
  width: 50%;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-meet .chat-meet-btn-drpdwn .btn {
  border-radius: 15px;
  border: none;
  font-size: 12px;
  padding: 6px;
  width: 100% !important;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-meet .chat-meet-btn-drpdwn .btn:after {
  display: none;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-meet .chat-meet-btn-drpdwn .btn .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-meet .chat-meet-btn-drpdwn .chat-meet-btn-opt {
  -webkit-box-shadow: 0 6px 12px #aaa;
  box-shadow: 0 6px 12px #aaa;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-meet .chat-meet-btn-drpdwn .chat-meet-btn-opt li {
  border: none;
  padding: 6px 10px;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-meet .chat-meet-btn-drpdwn .chat-meet-btn-opt li:last-child {
  border: none;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-user-search .chat-meet .chat-meet-btn-drpdwn .chat-meet-btn-opt li:hover {
  font-weight: 500;
  font-size: 13px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li:first-child:hover {
  font-weight: 500;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav {
  width: 100%;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-nav-title {
  font-size: 85%;
  padding: 10px 10px;
  text-transform: uppercase;
  color: #000000;
  font-weight: bold;
  cursor: default;
  pointer-events: none;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.chat-nav-title:hover {
  font-size: 85%;
  padding: 10px 10px;
  background: transparent !important;
  cursor: none !important;
  transition: none !important;
  font-weight: bold;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav {
  color: #404040;
  background: transparent;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  padding: 10px 5px;
  margin: 0;
  border-radius: 0;
  border: none;
  position: relative;
  transition: all 0.5s ease 0s;
  box-sizing: border-box;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-img {
  width: 36px;
  float: left;
  position: relative;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-img .chat-vendor-list-icon {
  padding: 0 !important;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-img .user_status {
  height: 10px;
  width: 10px;
  display: inline-block;
  background: #4dbd74;
  border-radius: 50%;
  position: absolute;
  bottom: -3px;
  right: -2px;
  border: 2px solid #f0f4f8;
  box-sizing: content-box;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-img .user_status.offline {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #cacaca;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-img > img {
  border-radius: 50%;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-img.chat_list_name {
  height: 36px;
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-img.chat_list_name .user_status {
  height: 10px;
  width: 10px;
  display: inline-block;
  background: #4dbd74;
  border-radius: 50%;
  position: absolute;
  bottom: -3px;
  right: -2px;
  border: 2px solid #f0f4f8;
  box-sizing: content-box;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-img.chat_list_name .user_status.offline {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #cacaca;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-details {
  width: calc(100% - 48px);
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -2px;
  line-height: 1.5;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-details .chat-username {
  font-size: 14px;
  font-weight: 600;
  width: calc(100% - 66px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  display: block;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-details .newChat_Count {
  float: right;
  padding: 2px;
  background: #4dbd74;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
  min-width: 20px;
  text-align: center;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-details .chat-list-msg {
  display: block;
  font-weight: 400;
  font-size: 13px;
  color: #888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 66px);
  float: left;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-details .chatJoinnow {
  background: #4CAF50;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 2px 16px;
  position: relative;
  top: 7px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav .chat-list-details .chat-list-time {
  font-size: 11px;
  float: left;
  position: relative;
  top: 3px;
  color: #888;
  text-align: right;
  width: 66px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav:hover {
  color: #404040;
  background: transparent;
  border: none;
  font-size: 13px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav:hover:before {
  width: 100%;
  opacity: 1;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .chatUsersNav i {
  padding: 0 10px 0 0 !important;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.active {
  background: #FFFFFF;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.active a {
  color: #404040;
  background: transparent;
  border: none;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.active a:before {
  width: 100%;
  opacity: 1;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.active {
  background: #d1f3ff;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.k-state-selected {
  background: #d1f3ff;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.k-state-selected .chatUsersNav .chat-list-img {
  width: 36px;
  float: left;
  position: relative;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.k-state-selected .chatUsersNav .chat-list-img .chat-vendor-list-icon {
  padding: 0 !important;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.k-state-selected .chatUsersNav .chat-list-img .user_status {
  background: #4dbd74;
  border: 2px solid #d1f3ff;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li.k-state-selected .chatUsersNav .chat-list-img .user_status.offline {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #cacaca;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li:hover {
  background: #d1f3ff;
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  transition: all 0.3s ease 0s;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav {
  color: #404040;
  background: transparent;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  display: block;
  margin: 0;
  border-radius: 0;
  border: none;
  position: relative;
  transition: all 0.5s ease 0s;
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .meet-list-img {
  width: 36px;
  float: left;
  position: relative;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .meet-list-img.meet_list_name {
  height: 36px;
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .meet-list-img .chat-video-list-icon {
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 5px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .Meet-list-details {
  width: calc(100% - 46px);
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -2px;
  line-height: 1.5;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .Meet-list-details .meet-username {
  font-size: 14px;
  font-weight: 600;
  width: calc(100% - 75px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  display: block;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .Meet-list-details .meet-date-time {
  width: calc(100% - 75px);
  display: block;
  font-weight: 400;
  font-size: 13px;
  color: #888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .Meet-list-details .meeting-time {
  font-size: 11px;
  float: left;
  position: relative;
  top: 3px;
  color: #888;
  text-align: right;
  width: 72px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .Meet-list-details .joinnow {
  background: #4CAF50;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 2px 16px;
  position: relative;
  top: 10px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .Meet-list-details .delete-list {
  width: 20px;
  text-align: right;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav .Meet-list-details .delete-list i {
  display: none;
  color: #cd5c5c;
  font-size: 14px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav.upcomingMeet .Meet-list-details .meet-username {
  width: calc(100% - 83px);
  color: #009688;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav.upcomingMeet .Meet-list-details .meet-date-time, #ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav.upcomingMeet .Meet-list-details .meeting-time {
  color: #009688;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav.joinMeet .Meet-list-details .joinnow {
  background: #4CAF50;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 3px 20px;
  position: relative;
  top: 10px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav:hover {
  color: #404040;
  background: #fafafa;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs li .MeetUsersNav:hover .Meet-list-details .delete-list i {
  display: block;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs.vendorchatUserList li .chatUsersNav .chat_list_name {
  background: #ddd; /*background: #9c27b0;*/
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs.vendorchatUserList li .chatUsersNav .chat_list_name i {
  color: #2e8b57;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs.EmpchatUserList li .chatUsersNav .chat_list_name {
  background: #ddd; /*background: #ff5e00;*/
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .allUserList .chat-nav-tabs.EmpchatUserList li .chatUsersNav .chat_list_name i {
  color: #009688;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .vendorchatListBTN {
  width: 305px;
  display: block;
  color: #fff;
  background: seagreen;
  border-color: seagreen;
  position: sticky;
  z-index: 1;
  top: 0;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .vendorchatListBTN i {
  position: absolute;
  right: 10px;
  top: 8px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .EmpchatListBTN {
  width: 305px;
  display: block;
  color: #fff;
  background: #009688;
  border-color: #009688;
  position: sticky;
  z-index: 1;
  top: 0;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .EmpchatListBTN i {
  position: absolute;
  right: 10px;
  top: 8px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .customerchatListBTN {
  width: 305px;
  display: block;
  color: #fff;
  background: #009688;
  border-color: #009688;
  position: sticky;
  z-index: 1;
  top: 0;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .customerchatListBTN i {
  position: absolute;
  right: 10px;
  top: 8px;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .MeetchatListBTN {
  width: 305px;
  display: block;
  color: #fff;
  background: #2196f3;
  border-color: #2196f3;
  position: sticky;
  z-index: 1;
  top: 0;
}
#ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .MeetchatListBTN i {
  position: absolute;
  right: 10px;
  top: 8px;
}
#ChatPartialView .chat-section .chat-msg-room {
  width: calc(100% - 305px);
  float: left;
  background: #fff;
}
#ChatPartialView .chat-section .chat-msg-room.vendor_teamChat {
  width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder {
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox {
  width: 100%;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  margin: 0 20px 0 0;
  position: relative;
  display: flex;
  flex-flow: column;
  bottom: 0;
  transition: 0.1s ease-out;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top {
  position: relative;
  display: flex;
  background: #FFFFFF;
  padding: 0; /*background: rgba(0, 0, 0, .05);*/
  border-bottom: 1px solid #f1f1f1;
  min-height: 35px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top.showsearch {
  min-height: 55px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top.showsearch .chat-partner-name {
  height: 50px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-avatar {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  background: white;
  padding: 2px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  transition: 0.1s ease-out;
  bottom: 0;
  left: 6px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name {
  width: calc(100% - 94px);
  padding: 0 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  text-shadow: 1px 1px 0 white;
  transition: 0.1s ease-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons {
  display: block;
  line-height: 0;
  font-size: 12px;
  height: 15px;
  color: #555;
  position: relative;
  top: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons .topbar_options {
  padding: 4px 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons .topbar_options:first-child {
  padding-left: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons .topbar_options i {
  font-size: 12px;
  margin-right: 0px;
  cursor: pointer;
  font-weight: 600;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons .topbar_options i span {
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons .topbar_options .status {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #cacaca;
  margin: 0 0 0 3px;
  top: 1px;
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons .topbar_options .status.online {
  background: #b7fb00;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons .topbar_options .status.away {
  background: #ffae00;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons .topbar_options .status.donot-disturb {
  background: #ff4343;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons i {
  font-size: 12px;
  margin-right: 10px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-down-icons i span {
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-side-icons i {
  margin-left: 10px;
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name a { /*color: #30649c;*/
  color: #000000;
  text-decoration: none;
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name a:link {
  color: #000000;
  text-decoration: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name a:visited {
  color: #000000;
  text-decoration: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name a .status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #cacaca;
  margin: 0 0 0 3px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name a .status.online {
  background: #b7fb00;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name a .status.away {
  background: #ffae00;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name a .status.donot-disturb {
  background: #ff4343;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons {
  padding: 0;
  display: flex;
  width: 130px;
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons .attachment-panel {
  text-align: right;
  position: absolute;
  right: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons .attachment-panel a {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #545454 !important;
  background: #eee;
  border-radius: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons .attachment-panel a.test-theme {
  padding: 2px 5px;
  font-weight: 600;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons .attachment-panel a:link {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons .attachment-panel a:visited {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons a {
  color: white; /*background: #03a9f4;padding: 1px 8px;border-radius: 0 6px 0 6px;*/
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons a .fa {
  background: rgb(3, 169, 244);
  padding: 3px 5px;
  margin: 0 0 0 3px;
  color: white;
  border-radius: 0 5px 0 5px;
  transition: 0.3s;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons a .fahover {
  border-radius: 5px 0 5px 0;
  background: rgb(3, 169, 244);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-back a {
  font-size: 28px;
  margin-right: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .onVoicecallIndication {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: fixed;
  background: #4CAF50;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  border-radius: 10px 0 0 10px;
  right: 0px;
  z-index: 1;
  cursor: pointer;
  -webkit-animation-name: onCall;
  -webkit-animation-duration: 1s;
  animation-name: onCall;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search {
  position: absolute;
  bottom: 0px;
  left: 0;
  background: #fff;
  width: calc(100% - 10px);
  margin-left: 5px;
  padding: 8px 10px;
  z-index: -1;
  border-bottom: 2px solid #f1f1f1; /*transition:0.5s;*/
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search.showSearch {
  bottom: -45px;
  z-index: 9;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search .msg_searchbox {
  width: calc(100% - 150px);
  display: inline-block;
  float: left;
  border: 1px solid #ccc;
  padding-right: 30px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search .clickmsgSearch {
  position: absolute;
  bottom: 9px;
  left: calc(100% - 189px);
  padding: 8px;
  background: #f1f1f1;
  font-size: 12px;
  border-left: 1px solid #ccc;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search .search_result {
  border: 1px solid #ccc;
  height: 30px;
  padding: 0 0 0 5px;
  font-size: 12px;
  width: 150px;
  display: inline-block;
  float: left;
  border-left: 0;
  line-height: 26px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search .search_result .counts {
  height: 29px;
  float: left;
  min-width: 40px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search .search_result .search-direction {
  margin: 0 5px;
  height: 29px;
  float: left;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search .search_result .search-direction i {
  width: 20px;
  height: 20px;
  background: #eee;
  color: #777;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  margin: 0 2px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search .cancle {
  width: 26px;
  height: 29px;
  float: right;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .top_chat_search .cancle i {
  color: #555;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main { /*height: calc(100vh - 230px);height:calc((var(--vh, 1vh) * 100) - 230px);*/
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  position: relative;
  display: flex;
  flex-flow: column;
  bottom: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px 50px 10px 30px;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* --------------New Message Indication-------------- */
  /*---------------------------------------------New Design Chat Start--------------------------------------------------*/
  /*---------------------------------------------New Design Chat End--------------------------------------------------*/
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages::-webkit-scrollbar {
  width: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages::-webkit-scrollbar-thumb {
  background: #888;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .newMsgindication {
  position: absolute;
  background: #03A9F4;
  color: #fff;
  padding: 4px 15px;
  border-radius: 20px;
  font-size: 12px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 1px 1px 10px 1px #ccc;
  z-index: 9999;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .downFornewMsg {
  position: absolute;
  right: 30px;
  bottom: 72px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #03A9F4;
  z-index: 9999;
  border-radius: 50%;
  font-size: 26px;
  box-shadow: 0px 0px 6px 1px #9E9E9E;
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder {
  width: 100%;
  padding-right: 10px;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  position: relative; /*margin-top:24px;*/
  margin-bottom: 2px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .chat-person-img {
  width: 36px;
  float: left;
  height: 36px;
  position: absolute;
  left: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .chat-person-img.chat_person_imgname {
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
  margin-top: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .chat-person-img img {
  width: 100%;
  border-radius: 50%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-sender {
  font-size: 12px;
  margin: 0 0 3px;
  color: #30649c;
  align-self: flex-start;
  font-weight: 500;
  text-transform: capitalize;
  margin-left: 45px;
  margin-top: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-sender .urEmoji {
  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 26px;
  box-shadow: 0px 0px 4px 0px #555;
  position: absolute;
  bottom: -21px;
  right: -3px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-sender .urEmoji i {
  font-size: 18px;
  color: #FF9800;
  background: #FFFFFF;
  border-radius: 50%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-sender a {
  color: #30649c;
  text-decoration: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box {
  padding: 0px;
  border-radius: 6px 0 6px 0;
  position: relative;
  background: #dbf4fd;
  color: #000000; /*background: #d1f3ff;color: #333;*/
  font-size: 14px;
  max-width: 80%;
  word-break: break-word;
  border-bottom: 1px;
  /*&:after {content: "";position: absolute;border: 10px solid transparent;border-top: 10px solid rgba(100, 170, 0, .2);border-right: none;bottom: -22px;right: 10px;}*/
  /*.attachment_files{
               .attach_img{position:relative;cursor:pointer;
                       img{height:128px;width:128px;}
                       .img_attach_overlay{opacity:0;width: 128px;height: 128px;background: rgba(148, 148, 148, 0.8);display: inline-block;position: absolute; left: 0;}
                       i{ opacity:0;color:#383838;font-size: 48px;@include alignMiddle;}
                      &:hover{
                          .img_attach_overlay{opacity:1;}
                          i{opacity:1;}
                      }
               }
       .file_details{height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;background: #f0f8ff;color: #000;
                     &.onlyDocs{font-size:18px;font-weight:600;height:100px;}
                     .file_length{font-size:12px;color:#777;}
                     .file-attachment-type{margin-right:5px;}
       }
        .file_Downloadbtn{max-width: 200px;background: #f0f8ff;margin-top: 2px;text-align: center;font-size: 16px;font-weight: 600;padding: 8px 0;}
  }*/
  /*.replyTOMSG{
      .replyTOthisMSG{height: 56px;border-left: 4px solid #607d8b; @include textoverflowdot;max-width: 200px;background:#f0f8ff;color:#000;}
  }*/
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .text_messages {
  padding: 6px 10px;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status {
  position: absolute;
  bottom: -14px;
  right: 0px;
  font-size: 10px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status .single_tick {
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status .double_tick {
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status .double_tick.seen_msg {
  color: cornflowerblue;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status .double_tick .double_chk {
  position: relative;
  left: -10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status img {
  width: 16px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner {
  background: #f1f1f1;
  align-self: flex-start;
  position: relative;
  color: #000;
  margin-left: 45px;
  /*&:after {right: auto;bottom: auto;top: -22px;left: 9px;border: 10px solid transparent;border-bottom: 10px solid rgba(0, 114, 135, .2);border-left: none;}*/
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img {
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img img {
  height: 128px;
  width: 128px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img .img_attach_overlay {
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video {
  position: relative;
  height: 200px;
  width: 250px;
  display: inline-block;
  background: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  display: inline-block;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details {
  height: 32px; /*border-left: 4px solid #607d8b;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f0f8ff;
  color: #000;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details.onlyDocs {
  font-size: 15px;
  font-weight: 600;
  height: 100px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download {
  margin-left: 16px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download:hover {
  color: #03a9f4;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #f0f8ff;
  margin-top: 2px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .instantEmoji {
  position: absolute;
  right: -18px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .instantEmoji i {
  font-size: 18px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .chat-Emoji-opt {
  position: absolute;
  width: max-content;
  top: -30px;
  background: #03a9f4;
  color: #FFFFFF;
  padding: 0 10px;
  border-radius: 5px;
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .chat-Emoji-opt i {
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  float: left;
  font-size: 21px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files {
  color: #000;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files:hover {
  text-decoration: none;
  color: #167495;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details {
  position: relative;
  height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
  padding-right: 45px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.onlyDocs {
  font-size: 15px;
  font-weight: 600;
  height: 100px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
  position: absolute;
  bottom: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details .file-attachment-type i {
  color: #333;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details .file-attachment-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img {
  position: relative;
  cursor: pointer;
  height: auto;
  padding: 0;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img img {
  height: 128px;
  width: 128px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img .img_attach_overlay {
  opacity: 0;
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img i {
  opacity: 0;
  color: #383838;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img:hover .img_attach_overlay {
  opacity: 1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img:hover i {
  opacity: 1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video {
  position: relative;
  height: auto;
  width: 250px;
  display: inline-block;
  background: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  display: inline-block;
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #ddd;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG {
  border-bottom: 1px solid #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder.replay_msgOPT .replay_chatMSG {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder.replay_msgOPT:hover .replay_chatMSG {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder.replay_msgOPT:hover .replay_chatMSG i {
  color: #888;
  margin-right: 8px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .edit_chatMSG {
  display: none;
  position: absolute;
  right: 0px;
  top: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-options-main {
  position: absolute;
  right: -1px;
  bottom: 14px;
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-options-main .message-options .dropdown .dropdown-toggle:after {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-options-main .message-options .dropdown .dropdown-toggle i {
  color: #777;
  padding: 4px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder:hover .edit_chatMSG {
  display: block;
  position: absolute;
  right: 0px;
  top: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder:hover .edit_chatMSG i {
  color: #03a9f4;
  margin-left: 8px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder:hover .message-options-main {
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-one .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #dbf4fd, #dbf4fd) !important;
  color: #000 !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #0086da, #00aeec) !important;
  color: #FFFFFF !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG {
  border-bottom: 1px solid #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG {
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages {
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender .msgSend_time {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #c248b9, #c171ca) !important;
  color: #FFFFFF !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG {
  border-bottom: 1px solid #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG {
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages {
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender .msgSend_time {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #564ca9, #766ccf) !important;
  color: #FFFFFF !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG {
  border-bottom: 1px solid #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG {
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages {
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender .msgSend_time {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #f68341, #ffad4d) !important;
  color: #FFFFFF !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG {
  border-bottom: 1px solid #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG {
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages {
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender .msgSend_time {
  color: #fff !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder {
  position: relative; /*margin-top:24px;*/
  margin-bottom: 2px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .chat-person-img {
  width: 36px;
  float: left;
  height: 36px;
  position: absolute;
  left: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .chat-person-img.chat_person_imgname {
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
  margin-top: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-sender {
  margin-left: 45px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box { /*background-image: linear-gradient(to right, #0079d4, #00baf1);color: #fff;*/
  padding: 0;
  word-break: break-word;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .text_messages {
  padding: 6px 10px;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status {
  position: absolute;
  bottom: -14px;
  right: 0px;
  font-size: 10px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .single_tick {
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .double_tick {
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .double_tick.seen_msg {
  color: cornflowerblue;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .double_tick .double_chk {
  position: relative;
  left: -10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status img {
  width: 16px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner {
  margin-left: 45px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg {
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details {
  position: relative;
  min-height: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .meeting-name {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .schedule-date-time {
  font-size: 12px;
  color: #777;
  margin-top: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info {
  width: 100%;
  display: inline-block;
  margin-top: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info .meet-passcode {
  color: #9C27B0;
  font-size: 13px;
  position: relative;
  top: -2px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info .meet-passcode .passcode-label {
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info .meet-infor-btn {
  width: max-content;
  float: left;
  font-size: 11px;
  min-width: unset;
  margin-right: 5px;
  border-radius: 20px;
  padding: 0px 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type {
  margin-top: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type i {
  color: #333;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type img {
  width: 18px;
  height: 18px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .attchment_download {
  margin-left: 16px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .attchment_download:hover {
  color: #03a9f4;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn {
  width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .btn {
  width: 50%;
  background: #f1f1f1;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
  float: left;
  border-radius: 0;
  border: 1px solid #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .btn.accept-meet {
  border-left: 0;
  border-bottom: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .btn.reject-meet {
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .meet-status {
  width: 100%;
  background: #f1f1f1;
  margin-top: 0px;
  text-align: center;
  font-size: 15px;
  padding: 8px 0;
  float: left;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img {
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img img {
  height: 128px;
  width: 128px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img .img_attach_overlay {
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video {
  position: relative;
  height: 200px;
  width: 250px;
  display: inline-block;
  background: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  display: inline-block;
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details {
  position: relative;
  height: 32px; /*border-left: 4px solid #607d8b;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
  padding-right: 45px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details.onlyDocs {
  font-size: 15px;
  font-weight: 600;
  height: 100px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
  position: absolute;
  bottom: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type i {
  color: #333;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download {
  margin-left: 16px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download:hover {
  color: #03a9f4;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #ddd;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG {
  border-bottom: 1px solid #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files {
  color: #000;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files:hover {
  text-decoration: none;
  color: #167495;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details {
  position: relative;
  height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
  padding-right: 45px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.onlyDocs {
  font-size: 15px;
  font-weight: 600;
  height: 100px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
  position: absolute;
  bottom: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file-attachment-type i {
  color: #333;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file-attachment-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img {
  position: relative;
  cursor: pointer;
  height: auto;
  padding: 0;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img img {
  height: 128px;
  width: 128px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img .img_attach_overlay {
  opacity: 0;
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img i {
  opacity: 0;
  color: #383838;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img:hover .img_attach_overlay {
  opacity: 1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img:hover i {
  opacity: 1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video {
  position: relative;
  height: auto;
  width: 250px;
  display: inline-block;
  background: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  display: inline-block;
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #ddd;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG {
  border-bottom: 1px solid #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .call_details {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin: 10px 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .call_details .call_timing {
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .chat-dayDate {
  width: 100%;
  font-size: 12px;
  margin: 30px 0;
  text-align: center;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .chat-dayDate.dayDate_txt {
  position: relative;
  z-index: 1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .chat-dayDate.dayDate_txt:before {
  border-top: 1px solid #bbb;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  z-index: -1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .chat-dayDate.dayDate_txt span {
  background: #fff;
  padding: 0 15px;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main {
  position: relative;
  height: calc(100vh - 109px);
  height: calc(var(--vh, 1vh) * 100 - 109px); /*background-image: url("/Content/style/images/whatsappp.png");*/
  background: #000 !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video-call-ring {
  margin: 0;
  width: 100%;
  position: relative;
  height: calc(100vh - 109px);
  height: calc(var(--vh, 1vh) * 100 - 109px);
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video-call-ring .call_personName {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video-call-ring .call_personName span {
  text-transform: uppercase;
  color: #777;
  font-size: 14px;
  font-weight: 700;
  display: block;
  position: relative;
  top: -8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video-call-ring .ring-page {
  color: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video-call-ring .ring-page .ring_img > img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video-call-ring .ring-page .ring_img .user_name {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-block;
  background: #03a9f4;
  font-size: 36px;
  font-weight: 600;
  line-height: 100px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video-call-ring .call_ringBTN {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video-call-ring .call_ringBTN a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  margin: 0px 10px;
  background: #03a9f4;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video-call-ring .call_ringBTN a.disconnect_callBTN {
  background: red;
  transform: rotate(135deg);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos {
  margin: 0;
  height: 100%;
  width: 100%;
  /*.VCmore_options{position: absolute;right: 10px;bottom: 20px;color: #fff;width: 40px;height: 40px;display: inline-block;font-size: 18px;cursor: pointer;

  }*/
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .resume-indication {
  width: 100px;
  height: 100px;
  background: rgba(3, 169, 244, 0.7);
  border-radius: 50%;
  z-index: 999;
  top: 20px;
  text-align: center;
  line-height: 115px;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .resume-indication .playPause {
  color: #fff;
  font-size: 36px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall {
  width: 100%;
  height: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc {
  width: 50%;
  float: left;
  position: relative;
  height: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.two_Video {
  width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.two_Video:nth-child(n) {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.two_Video:first-child {
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.two_Video .opponent-video {
  width: 100%;
  height: calc(100vh - 109px);
  height: calc(var(--vh, 1vh) * 100 - 109px);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.two_Video .opponent-video:hover .userNameTemplate {
  display: block;
  font-size: 24px;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.three_Video {
  width: 50%;
  height: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.three_Video:nth-child(n) {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.three_Video:first-child {
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.three_Video:nth-child(2) {
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.three_Video .opponent-video {
  width: 100%;
  height: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.three_Video .opponent-video:hover .userNameTemplate {
  display: block;
  font-size: 24px;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.four_Video {
  width: 50%;
  height: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.four_Video:nth-child(n) {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.four_Video:first-child {
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.four_Video:nth-child(2) {
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.four_Video:nth-child(3) {
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.four_Video .opponent-video {
  width: 100%;
  height: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.four_Video .opponent-video:hover .userNameTemplate {
  display: block;
  font-size: 24px;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video {
  width: 100%;
  height: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > img {
  width: 100%;
  height: 100%;
  border: none; /*border: 1px solid #FF9800;*/
  box-sizing: border-box;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > video {
  width: 100%;
  height: 100%;
  border: none; /*border: 1px solid #FF9800;*/
  box-sizing: border-box;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video:hover .userNameTemplate {
  display: block;
  font-size: 24px;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col {
  width: 90px;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col.three_this_video {
  width: 100%;
  margin: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col.three_this_video .this-video {
  height: 50%;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col.three_this_video .this-video > img {
  border-radius: 0%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col.three_this_video .this-video > video {
  border-radius: 0%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col.four_this_video {
  width: 50%;
  margin: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col.four_this_video .this-video {
  height: 50%;
  width: 50%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col.four_this_video .this-video > img {
  border-radius: 0%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col.four_this_video .this-video > video {
  border-radius: 0%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col .this-video { /*position:absolute;width:100px;height:100px;top:10px;right:10px;*/ }
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col .this-video > img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: none; /*border: 1px solid #FF9800;*/
  object-fit: cover;
  box-sizing: border-box;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col .this-video > video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: none; /*border: 1px solid #FF9800;*/
  object-fit: cover;
  box-sizing: border-box;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .rising-indication {
  position: absolute;
  bottom: 10px;
  width: 32px;
  height: 32px;
  border: 2px solid #2196F3;
  border-radius: 50%;
  padding: 2px;
  background: #fff;
  left: 45px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .this-muted {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #3F51B5;
  color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .this-hold {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #3F51B5;
  color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .userNameTemplate {
  position: absolute;
  top: 7px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  z-index: 9999;
  width: calc(100% - 32px);
  line-height: 15px;
  text-align: center;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .userNameTemplate .participant-name {
  text-shadow: 1px 1px 8px #000000, 1px 1px 8px #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 32px);
  padding: 5px;
  display: inline-block;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .chat_Videoes .video_Col .this-video:hover .userNameTemplate {
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .video_call_btns {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  width: auto;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .video_call_btns .icons {
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  margin: 0px 20px 0 0;
  background: #03a9f4;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .video_call_btns .icons:last-child {
  margin: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .video_call_btns .icons.vc-call {
  background: red;
  margin: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .video_call_btns .icons.vc-call > i {
  transform: rotate(135deg);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain {
  position: absolute;
  bottom: 0;
  right: 0px;
  background: #FFFFFF;
  transition: 0.5s;
  height: 0%;
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain::-webkit-scrollbar {
  width: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain::-webkit-scrollbar-thumb {
  background: #888;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead {
  width: 300px;
  height: 36px;
  line-height: 36px;
  transition: 0.8s;
  color: #FFFFFF;
  background: #03a9f4;
  position: sticky;
  top: 0;
  z-index: 1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead .chat_persons {
  padding: 0 0 0 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown {
  float: right;
  font-size: 18px;
  cursor: pointer;
  margin-right: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown .sideChatupArrow {
  padding: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown .sideChatDwnArrow {
  padding: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain .video_textChatLayout .chat-messages {
  height: 100%;
  overflow: auto;
  transition: 0.8s;
  padding: 10px;
  width: 300px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .video_textChatMain .video_textChatLayout .chat-messages .message-box-holder .message-box {
  font-size: 13px;
  max-width: 90%;
  word-break: break-word;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .height_full {
  height: 65vh !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .height_half {
  height: 32vh !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .width_full {
  width: 100% !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .width_half {
  width: 50% !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain {
  position: absolute;
  bottom: 0;
  right: 0px;
  background: #FFFFFF;
  transition: 0.5s;
  height: 0%;
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain::-webkit-scrollbar {
  width: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain::-webkit-scrollbar-thumb {
  background: #888;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead {
  width: 300px;
  height: 36px;
  line-height: 36px;
  transition: 0.8s;
  color: #FFFFFF;
  background: #03a9f4;
  position: sticky;
  top: 0;
  z-index: 1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead .chat_persons {
  padding: 0 0 0 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown {
  float: right;
  font-size: 18px;
  cursor: pointer;
  margin-right: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown .sideChatupArrow {
  padding: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown .sideChatDwnArrow {
  padding: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .chat-messages {
  height: 100%;
  overflow: auto;
  transition: 0.8s;
  padding: 10px 30px;
  width: 300px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .chat-messages .message-box-holder .message-box {
  font-size: 13px;
  max-width: 90%;
  word-break: break-word;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain {
  width: 100%;
  height: 100%;
  background: #000;
  padding: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_chatNames {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 500;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_chatNames .audio_chatPeople {
  width: calc(100% - 50px);
  float: left;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_chatNames .audio_chatPeople .onCallDuration {
  display: block;
  color: #aaa;
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_chatNames .audio_chatMembers {
  width: 50px;
  float: left;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_chatNames .audio_chatMembers .Membericon {
  height: 54px;
  width: 54px;
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 54px;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 600;
  float: right; /*border: 2px solid #ddd;*/
  box-sizing: content-box;
  margin-right: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_chatNames .audio_chatMembers .Membericon.audioCalladd_user {
  background: #505050;
  color: #ddd;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_calling .audio_callPerson {
  height: 100px;
  width: 100px;
  margin: 0;
  text-align: center;
  top: 40%;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_calling .caller_DP {
  float: left;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_calling .caller_DP img {
  width: 100px;
  height: 100px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_calling .caller_calling {
  color: #FFFFFF;
  margin-bottom: 20px;
  font-size: 19px;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_calling .caller_calling.testDelete {
  font-size: 18px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_calling .caller_Name {
  color: #FFFFFF;
  margin-top: 10px;
  font-size: 16px;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_calling .onCallDuration {
  color: #ddd;
  position: relative;
  top: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_call_btns {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_call_btns .icons {
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  margin: 0px 10px;
  background: #03a9f4;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_call_btns .icons.vc-call {
  background: red;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_call_btns .icons.vc-call > i {
  transform: rotate(135deg);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain {
  width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview {
  width: calc(100% - 20px);
  height: 150px;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body {
  width: 100%;
  height: 150px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
  border-bottom: 1px solid #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc {
  height: 130px;
  width: 100%;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment {
  height: 125px;
  width: 125px;
  float: left;
  background: #fff;
  margin: 5px;
  box-shadow: 0px 0px 18px 0px #ccc;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis {
  position: absolute;
  height: 125px;
  width: 125px;
  right: 0px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis i {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment:hover .removeThis {
  opacity: 1;
  z-index: 99;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body {
  display: inline-block;
  width: 100%;
  height: 125px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body.filepad {
  padding: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body img {
  width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body video {
  width: 125px;
  height: 125px;
  z-index: 1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .video_icon {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .file_icon {
  margin-top: 10px;
  font-size: 20px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .fileName {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .filesize {
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .add_more {
  position: relative;
  width: 48px;
  height: 125px;
  background: rgba(158, 158, 158, 0.6);
  display: inline-block;
  float: left;
  line-height: 120px;
  text-align: center;
  margin: 5px;
  cursor: pointer;
  border-radius: 6px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .add_more .addMoreFiles {
  position: absolute;
  width: 48px;
  height: 120px;
  left: 0;
  top: 0;
  opacity: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_border {
  width: 100%;
  height: 1px;
  background: #999;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .replyMsgAppend {
  width: 100%;
  height: 100px;
  padding: 10px;
  position: relative;
  top: 16px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis {
  width: 100%;
  height: 84px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .removeThis {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
  color: #787878;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG {
  border-bottom: 1px solid #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
  padding-left: 0px;
  padding-bottom: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain {
  width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview {
  width: calc(100% - 20px);
  height: 150px;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body {
  width: 100%;
  height: 150px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
  border-bottom: 1px solid #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc {
  height: 130px;
  width: 100%;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment {
  height: 125px;
  width: 125px;
  float: left;
  background: #fff;
  margin: 5px;
  box-shadow: 0px 0px 18px 0px #ccc;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  /*Video Recording*/
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis {
  position: absolute;
  height: 125px;
  width: 125px;
  right: 0px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis i {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment:hover .removeThis {
  opacity: 1;
  z-index: 99;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body {
  display: inline-block;
  width: 100%;
  height: 125px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body.filepad {
  padding: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body img {
  width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body video {
  width: 125px;
  height: 125px;
  z-index: 1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .video_icon {
  color: #fff;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .file_icon {
  margin-top: 10px;
  font-size: 20px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .fileName {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .filesize {
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment.video_attachment {
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment.video_attachment .removeThis {
  color: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview {
  position: relative;
  padding: 6px;
  margin: 0;
  float: left;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0px 0px 8px 0px #ccc;
  background: #fff;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header {
  float: left;
  width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .title {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  width: calc(100% - 100px);
  float: left;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .title:hover {
  cursor: pointer;
  color: #20a8d8;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .title .tsk-crtDate {
  width: auto;
  position: relative;
  font-size: 12px;
  margin-left: 5px;
  font-weight: 500;
  float: unset;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .task-action {
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  width: 16px;
  float: left;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete {
  position: relative;
  text-align: center;
  float: left;
  width: 100px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text {
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -webkit-border-radius: 17px;
  -os-border-radius: 17px;
  border-radius: 17px;
  padding: 2px 15px;
  color: #FFFFFF;
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.pending {
  background: #f86c6b;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.inprogress {
  background: #ffc107;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.new {
  background: #20a8d8;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.done {
  background: #4dbd74;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .add-timesheet {
  position: relative;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .add-timesheet:hover {
  cursor: pointer;
  color: #20a8d8;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: unset;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tsk-comp-percentage {
  width: 100%;
  float: left;
  position: relative;
  padding: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section {
  width: 100%;
  float: left;
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .due-date {
  width: auto;
  float: left;
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .due-date .txt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .due-date .dt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  margin-left: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by {
  width: 100px;
  position: relative;
  float: right;
  text-align: right;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .txt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .dt {
  color: #000000;
  width: auto;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  margin-top: 3px;
  min-height: 22px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .dt .assign-name {
  background: #e6e6e6;
  float: right;
  width: 22px;
  height: 22px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  margin-left: 5px;
  position: relative;
  top: -3px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .dt .assign-name:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.3);
  z-index: 3;
  zoom: 1;
  cursor: default;
  position: absolute;
  right: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags {
  width: auto;
  float: left;
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .txt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person {
  width: auto;
  float: left;
  position: relative;
  top: -3px;
  margin-left: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-person {
  float: left;
  position: relative; /*width:calc(100% - 54px);*/
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-person .tags-scrll {
  background: #e6e6e6;
  float: left;
  width: 22px;
  height: 22px;
  margin: 5px 5px 0 0;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-person .tags-scrll:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.6);
  z-index: 2;
  zoom: 1;
  cursor: default;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-view {
  position: relative;
  float: left;
  width: 54px;
  font-size: 12px;
  padding-top: 6px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-view i {
  padding-right: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-view:hover {
  color: #20a8d8;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet {
  width: 100%;
  float: left;
  position: relative;
  text-align: right;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet .add {
  cursor: pointer;
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet .add:hover {
  cursor: pointer;
  color: #20a8d8;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet .already-add {
  cursor: default;
  background: #FFFF00;
  color: #000000;
  padding: 2px 7px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .add_more {
  position: relative;
  width: 48px;
  height: 125px;
  background: rgba(158, 158, 158, 0.6);
  display: inline-block;
  float: left;
  line-height: 120px;
  text-align: center;
  margin: 5px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .add_more .addMoreFiles {
  position: absolute;
  width: 48px;
  height: 120px;
  left: 0;
  top: 0;
  opacity: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_border {
  width: 100%;
  height: 1px;
  background: #999;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend {
  width: 100%;
  height: 100px;
  padding: 10px;
  position: relative;
  top: 16px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis {
  width: 100%;
  height: 84px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .removeThis {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
  color: #787878;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG {
  border-bottom: 1px solid #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
  padding-left: 0px;
  padding-bottom: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder {
  display: flex;
  position: relative;
  padding: 10px;
  padding-top: 18px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication {
  position: absolute;
  top: 0px;
  font-size: 11px;
  color: #303131;
  left: 26px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave {
  position: relative;
  text-align: center;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave .typingdot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 0px;
  background: #303131;
  animation: typingwave 1.3s linear infinite;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input {
  resize: none;
  padding: 7px 10px 7px 10px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  border: none;
  border-radius: 24px;
  background: #f1f1f1;
  width: 100%;
  -ms-overflow-style: none;
  float: left;
  box-sizing: border-box;
  text-indent: 28px;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /*&.text_inputWidth{width: 100% !important;}*/
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input::-webkit-scrollbar {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input.text_inputWidth {
  width: calc(100% - 136px) !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input:focus {
  outline: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input.append_radius {
  border-radius: 0 0 24px 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input .message-send:focus {
  outline: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .removeRecordedAudio {
  height: 32px;
  width: 32px;
  background: #ccc;
  color: #545454;
  font-size: 18px;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin: 4px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .RecordAudioMsg_main {
  position: absolute;
  width: calc(100% - 100px);
  margin-left: 40px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .RecordAudioMsg_main .record_audioControls {
  width: 100%;
  height: 40px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .record_audio {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f1f1f1;
  border-radius: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .record_audio .play_pused {
  float: left;
  margin: 0 10px;
  font-size: 28px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .record_audio .record_times {
  float: left;
  text-align: center;
  width: calc(100% - 100px);
  font-weight: 600;
  font-size: 18px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .record_audio .audioRec {
  float: right;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-color: red;
  border: 0;
  border-radius: 12px;
  margin: 14px;
  outline: none;
  animation-name: audioRecordPulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile {
  width: 200px;
  position: fixed;
  height: 32px;
  background: gainsboro;
  bottom: 100px;
  right: 60px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .selectedFiles {
  font-size: 14px;
  line-height: 32px;
  padding: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .addMoreFiles {
  width: 32px;
  height: 32px;
  float: left;
  text-align: center;
  line-height: 32px;
  background: #9E9E9E;
  font-size: 14px;
  color: #555;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .sendFiles {
  width: 32px;
  height: 32px;
  float: right;
  text-align: center;
  line-height: 32px;
  background: #03A9F4;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach {
  width: 40px;
  height: 40px;
  background: #ddd;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  margin-right: 4px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-image: radial-gradient(#f4f4f4, #ddd);
  cursor: pointer;
  float: left;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach:first-child {
  margin-left: 4px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach.attach_file {
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach.attach_file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 40px;
  height: 40px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach i {
  font-size: 18px;
  color: #545454;
  line-height: 40px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder {
  display: flex;
  position: relative;
  padding: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication {
  position: absolute;
  top: -6px;
  font-size: 11px;
  color: #303131;
  left: 26px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication .typingwave {
  position: relative;
  text-align: center;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication .typingwave .typingdot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 0px;
  background: #303131;
  animation: typingwave 1.3s linear infinite;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .at_attachment {
  position: absolute;
  bottom: 55px;
  left: 22px;
  width: calc(100% - 178px) !important;
  background: #fff;
  box-shadow: 0px 0px 10px -3px #aaa;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .at_attachment ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .at_attachment ul li {
  padding: 8px 10px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input {
  resize: none;
  padding: 7px 10px 7px 10px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  border: none;
  border-radius: 24px;
  background: #f1f1f1;
  width: 100%;
  -ms-overflow-style: none;
  float: left;
  box-sizing: border-box;
  text-indent: 10px; /*text-indent:28px;*/
  /* Hide scrollbar for Chrome, Safari and Opera */
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input::-webkit-scrollbar {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input.text_inputWidth {
  width: calc(100% - 136px) !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input:focus {
  outline: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input.append_radius {
  border-radius: 0 0 24px 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input .message-send:focus {
  outline: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input .emoji-picker-icon {
  top: 10px;
  right: unset;
  left: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input .emoji-picker-icon.parent-has-scroll {
  right: 10px !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input .emoji-menu {
  top: -230px;
  left: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input-area-emoji {
  width: calc(100% - 42px);
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input-area-emoji.text_inputWidth {
  width: calc(100% - 136px) !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input-area-emoji .chat-input {
  resize: none;
  padding: 7px 35px 7px 18px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  border: none;
  border-radius: 24px;
  background: #f1f1f1;
  width: 100%;
  -ms-overflow-style: none;
  float: left;
  box-sizing: border-box;
  text-indent: 0px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input-area-emoji .emoji-picker-icon {
  top: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input-area-emoji .emoji-picker-icon.parent-has-scroll {
  right: 10px !important;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input-area-emoji .emoji-menu {
  top: -230px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .removeRecordedAudio {
  height: 32px;
  width: 32px;
  background: #ccc;
  color: #545454;
  font-size: 18px;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin: 4px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .record_audio {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f1f1f1;
  border-radius: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .record_audio .play_pused {
  float: left;
  margin: 0 10px;
  font-size: 28px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .record_audio .record_times {
  float: left;
  text-align: center;
  width: calc(100% - 100px);
  font-weight: 600;
  font-size: 18px;
  color: #777;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .record_audio .audioRec {
  float: right;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-color: red;
  border: 0;
  border-radius: 12px;
  margin: 14px;
  outline: none;
  animation-name: audioRecordPulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .RecordAudioMsg_main {
  position: absolute;
  width: calc(100% - 100px);
  margin-left: 40px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .RecordAudioMsg_main .record_audioControls {
  width: 100%;
  height: 40px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .send-msg {
  height: 32px;
  width: 32px; /*border-radius: 50%;margin: 0 5px;*/
  border: none;
  background: #03a9f4;
  color: #FFFFFF;
  font-size: 18px;
  position: absolute;
  right: 15px;
  border-radius: 50%;
  top: 14px;
  box-sizing: border-box;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .add-options {
  margin-left: 10px;
  border: none;
  background: transparent;
  color: #03a9f4;
  font-size: 24px;
  position: absolute;
  left: 0px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .insert_Emoji {
  position: absolute;
  width: 36px;
  height: 40px;
  line-height: 45px;
  text-align: center;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .insert_Emoji i {
  font-size: 24px;
  color: #545454;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis {
  width: 280px;
  position: absolute;
  top: -145px;
  left: 18px;
  text-align: left;
  background: #FFFFFF;
  border-radius: 5px 5px 0 0;
  box-shadow: 1px 1px 10px 0px #888;
  height: 150px;
  overflow: auto;
  display: none;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar {
  width: 2px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar-thumb {
  background: #888;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis span {
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_emotion .chat_emojiICONS {
  padding: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_emotion .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_animals {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_animals .chat_emojiICONS {
  padding: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_animals .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_foods {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_foods .chat_emojiICONS {
  padding: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_foods .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_Tabs {
  height: 28px;
  width: 100%;
  background: #e7f0f3;
  position: sticky;
  top: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_Tabs .emojitab {
  line-height: 28px;
  padding: 0 5px;
  display: inline-block;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_Tabs .emojitab img {
  width: 22px;
  height: 22px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt {
  position: absolute;
  top: -42px;
  color: #FFFFFF;
  display: none;
  right: 0;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt i {
  padding: 12px 15px;
  background: #03a9f4;
  float: left;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt i:hover {
  background: #888;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt i:first-child {
  border-radius: 3px 0 0 3px;
  border-right: 1px solid #88d4f7;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt i:last-child {
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #88d4f7;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .show_AttachFile {
  width: 200px;
  position: fixed;
  height: 32px;
  background: gainsboro;
  bottom: 100px;
  right: 60px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .show_AttachFile .selectedFiles {
  font-size: 14px;
  line-height: 32px;
  padding: 5px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .show_AttachFile .addMoreFiles {
  width: 32px;
  height: 32px;
  float: left;
  text-align: center;
  line-height: 32px;
  background: #9E9E9E;
  font-size: 14px;
  color: #555;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .show_AttachFile .sendFiles {
  width: 32px;
  height: 32px;
  float: right;
  text-align: center;
  line-height: 32px;
  background: #03A9F4;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach {
  width: 40px;
  height: 40px;
  background: #ddd;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  margin-right: 4px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-image: radial-gradient(#f4f4f4, #ddd);
  cursor: pointer;
  float: left;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach:first-child {
  margin-left: 4px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach.attach_file {
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach.attach_file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 40px;
  height: 40px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach i {
  font-size: 18px;
  color: #545454;
  line-height: 40px;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .attachment-panel {
  padding: 3px 10px;
  text-align: right;
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .attachment-panel a {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .attachment-panel a:link {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
#ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .attachment-panel a:visited {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp {
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top {
  position: relative;
  display: flex;
  background: #FFFFFF;
  padding: 5px 0; /*background: rgba(0, 0, 0, .05);*/
  border-bottom: 1px solid #f1f1f1;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-partner-name {
  flex: 1;
  padding: 0 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #30649c;
  text-shadow: 1px 1px 0 white;
  transition: 0.1s ease-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-partner-name a {
  color: #000000;
  text-decoration: none;
  margin: 0;
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-partner-name a:link {
  color: #000000;
  text-decoration: none;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-partner-name a:visited {
  color: #000000;
  text-decoration: none;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-partner-name .status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #cacaca;
  margin: 0 0 0 3px;
  top: -6px;
  margin-right: 5px;
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-partner-name .status.online {
  background: #b7fb00;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-partner-name .status.away {
  background: #ffae00;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-partner-name .status.donot-disturb {
  background: #ff4343;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-back {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-back a {
  font-size: 28px;
  margin-right: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp {
  padding: 20px 10px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpIcons {
  width: 30px;
  padding: 5px 5px 5px 0;
  margin-right: 10px;
  text-align: center;
  float: left;
  position: relative;
  top: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpIcons i {
  font-size: 17px;
  color: #30649c;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName {
  width: calc(100% - 42px);
  float: left;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .form-group label {
  margin-bottom: 1px !important;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .create-grp-emoji {
  position: absolute;
  right: 23px;
  bottom: 18px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .create-grp-emoji.insert_Emoji {
  text-align: center;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .create-grp-emoji.insert_Emoji i {
  font-size: 24px;
  color: #545454;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis {
  width: 280px;
  position: absolute;
  right: 18px;
  text-align: left;
  background: #FFFFFF;
  border-radius: 5px 5px 0 0;
  box-shadow: 1px 1px 10px 0px #888;
  height: 150px;
  overflow: auto;
  z-index: 1;
  display: none;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis::-webkit-scrollbar {
  width: 2px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis::-webkit-scrollbar-thumb {
  background: #888;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis span {
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_emotion .chat_emojiICONS {
  padding: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_emotion .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_animals {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_animals .chat_emojiICONS {
  padding: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_animals .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_foods {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_foods .chat_emojiICONS {
  padding: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_foods .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_Tabs {
  height: 28px;
  width: 100%;
  background: #e7f0f3;
  position: sticky;
  top: 0;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_Tabs .emojitab {
  line-height: 28px;
  padding: 0 5px;
  display: inline-block;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .ChatGrpName .all_emojis .emoji_Tabs .emojitab img {
  width: 22px;
  height: 22px;
}
#ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatCreatGrp .create_grp-btn {
  width: calc(100% - 42px);
  float: right;
  margin-top: 15px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting {
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top {
  position: relative;
  display: flex;
  background: #FFFFFF;
  padding: 5px 0; /*background: rgba(0, 0, 0, .05);*/
  border-bottom: 1px solid #f1f1f1;
  height: 45px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name {
  flex: 1;
  padding: 0 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-shadow: 1px 1px 0 white;
  transition: 0.1s ease-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  text-transform: capitalize;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name .name-down-icons {
  display: block;
  line-height: 0;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name .name-down-icons i {
  font-size: 12px;
  margin-right: 10px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name .name-down-icons i span {
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name .name-side-icons i {
  margin-left: 10px;
  font-size: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name a {
  color: #000;
  text-decoration: none;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 50px);
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name a:link {
  color: #000;
  text-decoration: none;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name a:visited {
  color: #000;
  text-decoration: none;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name .status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #cacaca;
  margin: 0 0 0 3px;
  top: -6px;
  margin-right: 5px;
  position: relative;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name .status.online {
  background: #b7fb00;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name .status.away {
  background: #ffae00;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name .status.donot-disturb {
  background: #ff4343;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-back {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-back a {
  font-size: 28px;
  margin-right: 10px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils {
  padding: 20px 10px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatsettingIcons {
  width: 30px;
  padding: 5px 5px 5px 0;
  margin-right: 10px;
  text-align: center;
  float: left;
  position: relative;
  top: 8px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatsettingIcons i {
  font-size: 17px;
  color: #30649c;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName {
  width: calc(100% - 42px);
  float: left;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .form-group label {
  margin-bottom: 1px !important;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .setting-user-profile {
  display: inline-block;
  margin-bottom: 12px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .setting-user-profile .chat-list-img-setting {
  width: 50px;
  position: relative;
  display: inline-block;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .setting-user-profile .chat-list-img-setting img {
  width: 50px;
  border-radius: 50%;
  margin-right: 20px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .setting-user-profile .chat-list-img-setting .edit-photo {
  position: absolute;
  z-index: 9;
  bottom: 0;
  right: 0;
  background: #03a9f4;
  color: #FFFFFF;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .setting-user-profile .chat-upload-pic {
  margin-bottom: 10px;
  display: block;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .create-grp-emoji {
  position: absolute;
  right: 23px;
  bottom: 18px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .create-grp-emoji.insert_Emoji {
  text-align: center;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .create-grp-emoji.insert_Emoji i {
  font-size: 24px;
  color: #9E9E9E;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis {
  width: 280px;
  position: absolute;
  right: 18px;
  text-align: left;
  background: #FFFFFF;
  border-radius: 5px 5px 0 0;
  box-shadow: 1px 1px 10px 0px #888;
  height: 150px;
  overflow: auto;
  z-index: 1;
  display: none;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis::-webkit-scrollbar {
  width: 2px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis::-webkit-scrollbar-thumb {
  background: #888;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis span {
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_emotion .chat_emojiICONS {
  padding: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_emotion .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_animals {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_animals .chat_emojiICONS {
  padding: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_animals .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_foods {
  display: none;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_foods .chat_emojiICONS {
  padding: 3px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_foods .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_Tabs {
  height: 28px;
  width: 100%;
  background: #e7f0f3;
  position: sticky;
  top: 0;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_Tabs .emojitab {
  line-height: 28px;
  padding: 0 5px;
  display: inline-block;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .ChatSettingName .all_emojis .emoji_Tabs .emojitab img {
  width: 22px;
  height: 22px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .preview_heading {
  display: inline-block;
  width: 100%;
  margin: 0;
  margin-left: 45px;
  position: relative;
  top: 15px;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .preview_heading h6 {
  margin: 0;
}
#ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatSettingdeatils .create_grp-btn {
  width: calc(100% - 42px);
  float: right;
}
#ChatPartialView .chat-section .chat_filesMain {
  width: 285px;
  height: calc(100vh - 55px);
  background: #fff;
  display: inline-block;
  float: left;
  position: fixed;
  right: -285px;
  transition: 0.5s;
  border-left: 2px solid #ddd;
  z-index: 999;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .heading {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 600;
  padding: 0 10px;
  border-bottom: 1px solid #ddd;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .heading .chat_docFiles_close {
  padding: 5px 10px;
  cursor: pointer;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body {
  padding: 5px 10px;
  height: calc(100vh - 110px);
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body::-webkit-scrollbar-thumb {
  background: #888;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .send_date {
  padding: 10px 0;
  font-weight: bold;
  color: #777;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template {
  cursor: pointer;
  margin-bottom: 5px;
  position: relative;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template:hover .file_show {
  width: calc(100% - 16px);
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template:hover .sideFileopt {
  display: block;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_top {
  font-size: 13px;
  color: #444;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show {
  position: relative;
  width: 100%;
  max-height: 150px;
  overflow: hidden;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show img {
  width: 100%;
  max-height: 150px;
  border-radius: 5px;
  overflow: hidden;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show video {
  width: 100%;
  max-height: 150px;
  border-radius: 5px;
  overflow: hidden;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show .chat_sideFile {
  width: 100%;
  height: 150px;
  background: #f1f1f1;
  border-radius: 8px;
  padding: 8px;
  position: relative;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show .chat_sideFile .file_Name {
  font-size: 18px;
  font-weight: 600;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show .chat_sideFile .file_Size {
  font-size: 12px;
  color: #777;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show .chat_sideFile .file_icon {
  margin-top: 30px;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show .chat_sideFile .chatFileBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  background: #ccc;
  width: 100%;
  border-radius: 0 0 8px 8px;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show .chat_sideFile .chatFileBottom .sideBottom {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show audio {
  width: 250px !important;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .file_show .sideMenu_link {
  width: 100%;
  background: #f1f1f1;
  padding: 12px 5px;
  text-decoration: underline;
  border-radius: 8px;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .sideFileopt {
  position: absolute;
  top: 15px;
  right: 0px;
  padding: 5px;
  color: #777;
  display: none;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .gallery_body .sidebar_file_template .sideFileopt .message-options .dropdown .dropdown-toggle:after {
  display: none;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .right_side {
  float: right;
  font-size: 13px;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .right_side form select {
  border: none;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .right_side form select:focus {
  border: none;
}
#ChatPartialView .chat-section .chat_filesMain .allDocs .right_side form select option:focus {
  border: none;
}

.Chat_ALLuser {
  padding: 0;
  list-style-type: none;
  display: inline-block;
  width: 100%;
  overflow: auto !important;
  max-height: 50vh !important;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.Chat_ALLuser::-webkit-scrollbar {
  width: 2px;
  height: 5px;
  opacity: 0;
}
.Chat_ALLuser::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.Chat_ALLuser::-webkit-scrollbar-thumb {
  background: #888;
}
.Chat_ALLuser::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.Chat_ALLuser:hover {
  opacity: 1;
}
.Chat_ALLuser.audioCallUsers {
  max-height: 80vh !important;
}
.Chat_ALLuser .k-widget {
  border: none !important;
}
.Chat_ALLuser .Chat_ALLuser_li {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #efefef;
  position: relative;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-img {
  width: 36px;
  height: 36px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  position: relative;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-img.chat_list_name {
  height: 36px;
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-img.chat_list_name .user_status {
  height: 10px;
  width: 10px;
  display: inline-block;
  background: #4dbd74;
  border-radius: 50%;
  position: absolute;
  bottom: -3px;
  right: -2px;
  border: 2px solid #f0f4f8;
  box-sizing: content-box;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-img.chat_list_name .user_status.offline {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #cacaca;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-img img {
  width: 36px;
  height: 36px;
  float: left;
  border-radius: 50%;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-img .user_status {
  height: 10px;
  width: 10px;
  display: inline-block;
  background: #4dbd74;
  border-radius: 50%;
  position: absolute;
  bottom: -3px;
  right: -2px;
  border: 2px solid #f0f4f8;
  box-sizing: content-box;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-img .user_status.offline {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #cacaca;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-details {
  width: calc(100% - 130px);
  display: inline-block;
  float: left;
  position: relative;
  top: -3px;
  line-height: 1.5;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-details .chat-username {
  display: block;
}
.Chat_ALLuser .Chat_ALLuser_li .chat-list-details .chat-list-status {
  font-size: 13px;
  color: darkgray;
}
.Chat_ALLuser .Chat_ALLuser_li .select_AddUser {
  position: absolute;
  right: 20px;
  top: 15px;
}
.Chat_ALLuser .Chat_ALLuser_li .forward_msgSend {
  padding: 5px;
  background: #ff6358;
  width: 80px;
  display: inline-block;
  text-align: center;
  border-radius: 36px;
  color: #fff;
  cursor: pointer;
}
.Chat_ALLuser .Chat_ALLuser_li .forward_msgSend.sentMsg {
  background: none;
  border: 1px solid #ff6358;
  color: #ff6358;
}

.VAChatMain {
  position: relative;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row {
  margin: 0;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col {
  padding: 0;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-Side-Menu .chat-side-nav {
  height: calc(100vh - 200px);
  height: calc(var(--vh, 1vh) * 100 - 200px);
  z-index: 9;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room {
  background: #fff;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox {
  height: calc(100vh - 200px);
  height: calc(var(--vh, 1vh) * 100 - 200px);
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main {
  height: calc(100vh - 250px);
  height: calc(var(--vh, 1vh) * 100 - 250px);
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main {
  height: calc(100vh - 250px);
  height: calc(var(--vh, 1vh) * 100 - 250px);
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos {
  margin: 0;
  height: 100%;
  width: 100%;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall {
  width: 100%;
  height: 50%;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc {
  width: 50%;
  float: left;
  position: relative;
  height: 100%;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.two_Video {
  width: 100%;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.two_Video:nth-child(n) {
  display: none;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.two_Video:first-child {
  display: block;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc.two_Video .opponent-video {
  width: 100%;
  height: calc(100vh - 250px);
  height: calc(var(--vh, 1vh) * 100 - 250px);
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video {
  width: 100%;
  height: 100%;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > img {
  width: 100%;
  height: 100%;
  border: none; /*border: 1px solid #FF9800;*/
  box-sizing: border-box;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > video {
  width: 100%;
  height: 100%;
  border: none; /*border: 1px solid #FF9800;*/
  box-sizing: border-box;
}
.VAChatMain #ChatPartialView .Chat_Main .chat_row .chat_col .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain {
  box-sizing: border-box;
}

.group_callList {
  z-index: 99999;
}
.group_callList .GrouplistModal {
  max-width: 500px;
}
.group_callList .GrouplistModal .GrouplistFooter .List_call {
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  margin: 0px 10px;
  background: #03a9f4;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.group_callList .GrouplistModal .GrouplistFooter .List_call.disable-btn {
  opacity: 0.5;
}
.group_callList .GrouplistModal .GrouplistFooter .List_call i {
  line-height: 36px;
}

.audioChatRow {
  margin: 0;
}
.audioChatRow .audioChatCol {
  padding: 2px;
}
.audioChatRow .audioChatCol .audioChatTemp {
  position: relative;
  background: lavender;
  padding: 10px 5px;
  height: 68px;
}
.audioChatRow .audioChatCol .audioChatTemp a {
  color: #404040;
  background: transparent;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  margin: 0;
  border-radius: 0;
  border: none;
  position: relative;
  transition: all 0.5s ease 0s;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-img {
  width: 48px;
  float: left;
  position: relative;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-img > img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  float: left;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-img.chat_list_name {
  height: 48px;
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-img .muteOnimg {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #607D8B;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  padding: 0;
  color: #FFFFFF;
  border-radius: 50%;
  display: none;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-img .muteOnimg i {
  padding: 0 !important;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details {
  width: calc(100% - 65px);
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .audio_Body {
  width: calc(100% - 45px);
  float: left;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .audio_Body .chat-username {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  display: inline-block;
  position: relative;
  top: 10px;
  text-transform: capitalize;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .audio_Body .chat-username .audio_UserName {
  float: left;
  font-size: 20px;
  transition: 0.3s;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .audio_Body .chat-list-msg {
  width: 100%;
  display: none;
  font-weight: 400;
  font-size: 13px;
  color: #888;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .audio_Body .chat-list-msg .AudiocallICON {
  width: 20px;
  height: 20px;
  background: #607D8B;
  text-align: center;
  display: inline-block;
  line-height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .audio_Body .chat-list-msg .AudiocallICON.AudioCallMute {
  margin-right: 5px;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .audio_Body .chat-list-msg .AudiocallICON.AudioCallEnd {
  margin-right: 5px;
  background: #F44336;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .audio_Body .chat-list-msg .AudiocallICON.AudioCallChat {
  margin: 0;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .audio_Body .chat-list-msg .AudiocallICON i {
  text-align: center;
  padding: 0 !important;
  color: #f1f1f1;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .speaker_timer {
  width: 40px;
  height: 48px;
  position: relative;
  float: left;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .speaker_timer .audioSpeaker {
  display: block;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .speaker_timer .speaker_indication {
  position: absolute;
  top: 0;
  -webkit-animation-name: audioSpeakerAnim;
  -webkit-animation-duration: 0.5s;
  animation-name: audioSpeakerAnim;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .speaker_timer .speaker_indication img {
  width: 24px;
  height: 24px;
}
.audioChatRow .audioChatCol .audioChatTemp a .chat-list-details .speaker_timer .chat-list-time {
  position: absolute;
  bottom: 0;
  font-weight: 500;
}
.audioChatRow .audioChatCol .audioChatTemp a:hover {
  color: #404040;
  background: transparent;
  border: none;
  font-weight: 600;
  font-size: 13px;
}
.audioChatRow .audioChatCol .audioChatTemp a:hover:before {
  width: 100%;
  opacity: 1;
}
.audioChatRow .audioChatCol .audioChatTemp a i {
  padding: 0 10px 0 0 !important;
}
.audioChatRow .audioChatCol .audioChatTemp:hover a .chat-list-details {
  width: calc(100% - 65px);
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.audioChatRow .audioChatCol .audioChatTemp:hover a .chat-list-details .audio_Body .chat-username {
  position: relative;
  top: 0;
}
.audioChatRow .audioChatCol .audioChatTemp:hover a .chat-list-details .audio_Body .chat-username .audio_UserName {
  float: left;
  font-size: 16px;
  transition: 0.3s;
}
.audioChatRow .audioChatCol .audioChatTemp:hover a .chat-list-details .audio_Body .chat-list-msg {
  display: inline-block;
}

.ChatVideoRecordPopup .modal-dialog .modal-content {
  height: calc(100vh - 60px);
  height: calc(var(--vh, 1vh) * 100 - 60px);
  width: 96%;
  margin: 0 2%;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body {
  position: relative;
  height: calc(100vh - 60px);
  height: calc(var(--vh, 1vh) * 100 - 60px);
  background: #000 !important;
}

.msgPOPupMain {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999;
  width: 320px;
  height: auto;
}
.msgPOPupMain .txt-msgPOPup {
  width: 300px;
  background: #ccc;
  border-radius: 5px;
  margin: 5px;
  float: right;
}
.msgPOPupMain .txt-msgPOPup .popUpmsgHeader {
  position: relative;
  background: #607D8B;
  padding: 10px;
  color: #FFFFFF;
  border-radius: 5px 5px 0 0;
}
.msgPOPupMain .txt-msgPOPup .popUpmsgHeader .popUpchatClose {
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.msgPOPupMain .txt-msgPOPup .popUpmsgBody {
  padding: 10px;
}
.msgPOPupMain .txt-msgPOPup .popUpmsgBody .msg-Recevier {
  margin-bottom: 10px;
}
.msgPOPupMain .txt-msgPOPup .popUpmsgBody .msg-Recevier p {
  margin: 0;
  font-weight: 600;
}
.msgPOPupMain .txt-msgPOPup .popUpmsgBody .msg-Recevier .chat-msg p {
  font-weight: 400;
}
.msgPOPupMain .txt-msgPOPup .popUpmsgfooter {
  padding: 0 0 10px;
}
.msgPOPupMain .txt-msgPOPup .popUpmsgfooter button {
  padding: 3px 20px;
  cursor: pointer;
}

.ChatAudioSpeaker {
  color: #F44336;
  font-size: 14px;
  text-align: center;
  float: right;
  margin-right: 15px;
}

/* loading dots */
.ChatAudioSpeaker:after {
  content: " .";
  animation: ChatAudioIndicator 1s steps(5, end) infinite;
  font-size: 36px;
  line-height: 0;
}

@keyframes ChatAudioIndicator {
  0%, 20% {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  40% {
    color: #F44336;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  60% {
    text-shadow: 0.25em 0 0 #F44336, 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  80%, 100% {
    text-shadow: 0.25em 0 0 #F44336, 0.5em 0 0 #F44336;
  }
}
@-webkit-keyframes Chatslide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -400px 0;
  }
}
.ChatBGBlink {
  -webkit-animation-name: chatBGblink; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
  animation-name: chatBGblink;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes chatBGblink {
  0% {
    background: #e6e6fa;
  }
  50% {
    background-color: #d2d2ff;
  }
  100% {
    background-color: #e6e6fa;
  }
}
/* Standard syntax */
@keyframes chatBGblink {
  0% {
    background: #e6e6fa;
  }
  50% {
    background-color: #d2d2ff;
  }
  100% {
    background-color: #e6e6fa;
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes audioSpeakerAnim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
/* Standard syntax */
@keyframes audioSpeakerAnim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.call_popUp {
  width: 280px;
  height: 300px;
  background: #505050;
  float: right;
  margin: 0 10px 10px 0;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9999;
}
.call_popUp .call_popUphead {
  width: 100%;
  height: 50px;
  background: #333;
  position: relative;
  padding: 5px;
}
.call_popUp .call_popUphead .incoming_call {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
}
.call_popUp .call_popUphead .incoming_call p {
  margin: 0;
}
.call_popUp .call_popUphead .cls_callPopUp {
  color: #ccc;
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 2px;
}
.call_popUp .call_popUphead .Call_number {
  font-size: 12px;
  text-align: center;
  color: #ccc;
}
.call_popUp .call_popUphead .Call_number p {
  margin: 0;
}
.call_popUp .call_popUpbody {
  position: relative;
  height: 210px;
  text-align: center;
}
.call_popUp .call_popUpbody img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 50%;
  margin-top: 10px;
}
.call_popUp .call_popUpbody .caller_name {
  bottom: 0;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 16px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
}
.call_popUp .call_popUpbody .caller_name p {
  margin: 0;
  text-shadow: 2px 2px 6px #000000;
  width: 146px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.call_popUp .call_popUpbody .caller_name .caller_compName {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.call_popUp .call_popUpbottom {
  width: 100%;
  height: 40px;
  background: #999;
}
.call_popUp .call_popUpbottom .call_popUpBTNGrp {
  width: 100%;
}
.call_popUp .call_popUpbottom .call_popUpBTNGrp .call_popUpBTN {
  width: 50%;
  height: 40px;
  float: left;
  border-radius: 0;
  border: none;
}
.call_popUp .call_popUpbottom .call_popUpBTNGrp .call_popUpBTN i {
  font-size: 24px;
  transform: rotate(-45deg);
}
.call_popUp .call_popUpbottom .call_popUpBTNGrp .call_popUpBTN.ansCall {
  background: #4CAF50;
}
.call_popUp .call_popUpbottom .call_popUpBTNGrp .call_popUpBTN.disCall {
  background: #F44336;
}
.call_popUp .call_popUpbottom .call_popUpBTNGrp .call_popUpBTN.disCall i {
  transform: rotate(135deg);
}

/*Video call setting popup*/
.videoCallSetting {
  z-index: 99999999;
}
.videoCallSetting .modal-dialog {
  margin: 1.55rem auto !important;
}
.videoCallSetting .modal-dialog .modal-content .modal-header {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.videoCallSetting .modal-dialog .modal-content .modal-header .closeSetting {
  position: absolute;
  left: 10px;
  background: transparent;
  border: none;
  color: #fff;
}
.videoCallSetting .modal-dialog .modal-content .modal-body {
  height: calc(100vh - 100px);
  height: calc(var(--vh, 1vh) * 100 - 100px);
  overflow: auto;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .set_heading {
  color: #777;
  font-weight: 600;
  text-transform: uppercase;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .set_heading.sound_seting {
  display: inline-block;
  margin-bottom: 20px;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .set_heading.sub_heaading {
  text-transform: capitalize;
  color: #000;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .test_camera {
  position: relative;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .test_camera .camera-setting {
  /*.vid_type_drpdwn{float:right;cursor:pointer;width:20px; text-align:center;
                      .dropdown-toggle{padding:2px 5px;
                          &:after{margin:0;}
                      }
                      .vid_type_ul{width: max-content;font-weight:600;
                          li{padding:2px 5px;width: 100%;
                              &:hover{background:#f1f1f1;}
                              a{color:#000;
                                  &:hover{text-decoration:none;}
                              }
                              .fa-check{color:#4CAF50;float:right;position:relative;top:3px;margin-left: 10px;}
                          }
                      }
      }*/
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .test_camera .camera-setting .vid_type_drpdwn {
  float: right;
  cursor: pointer;
  width: max-content;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .test_camera .camera-setting .vid_type_drpdwn .form-control {
  width: 200px !important;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .test_camera .camera_space {
  width: 100%;
  height: 200px;
  display: block;
  border: 1px solid #ccc;
  background: #000;
  overflow: hidden;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .test_camera .camera_space video {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .blur_bg {
  padding: 12px 0 24px 0;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .vdeo_setting .set-vid-quality .form-control {
  width: 100% !important;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting {
  padding: 12px 0;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .set_heading {
  color: #777;
  font-weight: 600;
  text-transform: uppercase;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .set_heading.sound_seting {
  display: inline-block;
  margin-bottom: 20px;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .set_heading.sub_heaading {
  text-transform: capitalize;
  color: #000;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .mic_setting {
  padding-bottom: 24px;
  border-bottom: 1px solid #ccc;
  /*.Mic_type_drpdwn{float:right;cursor:pointer;width:20px; text-align:center;
                   .dropdown-toggle{padding:2px 5px;
                       &:after{margin:0;}
                   }
                   .Mic_type_ul{width: max-content;font-weight:600;
                       li{padding:2px 5px;width: 100%;
                          &:hover{background:#f1f1f1;}
                          a{color:#000;
                            &:hover{text-decoration:none;}
                          }
                          .fa-check{color:#4CAF50;float:right;position:relative;top:3px;margin-left: 10px;}
                       }
                   }
  }*/
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .mic_setting div .form-control {
  width: 100% !important;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .mic_setting .set_heading {
  font-weight: 600;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .mic_setting .set_heading .set-vid-quality-warning {
  color: #ff9800;
  font-size: 20px;
  cursor: pointer;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .mic_setting .Mic_type_drpdwn {
  float: right;
  cursor: pointer;
  width: max-content;
  margin-bottom: 0;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .mic_setting .Mic_type_drpdwn .form-control {
  border: none;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .speaker_range {
  margin-top: 15px;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .speaker_range .Mic_type_drpdwn {
  float: right;
  cursor: pointer;
  width: max-content;
  margin-bottom: 0;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .speaker_range .Mic_type_drpdwn .form-control {
  border: none;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .test_audio {
  position: relative;
  margin: 15px 0;
  font-size: 16px;
  font-weight: 600;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .test_audio .playpause-AudioTest {
  position: relative;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .test_audio .playpause-AudioTest img {
  width: 24px;
  margin-right: 5px;
  cursor: pointer;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .test_audio .playpause-AudioTest i {
  font-size: 28px;
  position: relative;
  top: 4px;
  cursor: pointer;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .auto_adjust {
  width: 100%;
  display: inline-block;
  margin-top: 6px;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .auto_adjust .volume_range .speaker_test {
  position: relative;
  text-align: center;
  padding: 10px 0;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .auto_adjust .volume_range .speaker_test .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 3px;
  background: #ddd;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .audio_setting .auto_adjust .volume_range .speaker_test .dot.dot-enabled {
  background: #20a8d8;
}
.videoCallSetting .modal-dialog .modal-content .modal-body .settingMain .mute_unmuteCalls {
  margin: 20px 0;
}

.setting_range {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #2196F3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 5px;
}
.setting_range:hover {
  opacity: 1;
}
.setting_range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #ccc;
  cursor: pointer;
  border-radius: 50%;
}
.setting_range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #ccc;
  cursor: pointer;
  border-radius: 50%;
}

/*Common form toggle switch button*/
.vsknobs, .vslayer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.toggle_switchBTn {
  position: relative;
  top: 50%;
  width: 60px;
  height: 26px;
  overflow: hidden;
  border-radius: 100px;
  float: right;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.vsknobs {
  z-index: 2;
}

.vslayer {
  width: 100%;
  background-color: #fbc2c2;
  transition: 0.3s ease all;
  z-index: 1;
}

/* Button 1 */
.toggle_switchBTn .vsknobs:before {
  content: "OFF";
  position: absolute;
  top: 2px;
  left: 3px;
  width: 15px;
  height: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 0.5;
  padding: 9px 4px;
  background-color: #f44336;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  box-sizing: content-box;
}

.toggle_switchBTn .checkbox:checked + .vsknobs:before {
  content: "ON";
  left: 33px;
  background-color: #03A9F4;
}

.toggle_switchBTn .checkbox:checked ~ .vslayer {
  background-color: #bdd0d8;
}

.toggle_switchBTn .vsknobs, .toggle_switchBTn .vsknobs:before, .toggle_switchBTn .vslayer {
  transition: 0.3s ease all;
}

.rngSlider {
  position: relative;
  width: 100% !important;
  float: left;
  display: inline-block;
}

.dropdown-menu.chat_dropdown {
  background-color: #eee;
  border: none;
}
.dropdown-menu.chat_dropdown .dropdown-item {
  border: none;
  padding: 5px 10px;
}
.dropdown-menu.chat_dropdown .dropdown-item:hover {
  background: #ccc;
}

.ForwardFilepopup .modal-header, .ForwardMsgpopup .modal-header {
  padding: 0.7rem !important;
  background-color: transparent;
  color: #000;
}
.ForwardFilepopup .modal-header .modal-title, .ForwardMsgpopup .modal-header .modal-title {
  font-size: 18px !important;
}
.ForwardFilepopup .modal-header .forwardDone, .ForwardMsgpopup .modal-header .forwardDone {
  margin: 0 auto;
  background: #20a8d8;
  color: #fff;
  border: none;
  border-radius: 20px;
  width: 80px;
  height: 30px;
}
.ForwardFilepopup .modal-header .forwardDone.btnDisabled, .ForwardMsgpopup .modal-header .forwardDone.btnDisabled {
  opacity: 0.5;
}
.ForwardFilepopup .modal-header .close, .ForwardMsgpopup .modal-header .close {
  color: #000;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main {
  width: 100%;
  display: inline-block;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .forwardFiles, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .forwardFiles {
  width: 96px;
  height: 95px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .forwardFiles video, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .forwardFiles video {
  width: 100%;
  height: 100%;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .forwardFiles img, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .forwardFiles img {
  width: 100%;
  height: 100%;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .forwardFiles .file-attachment-type, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .forwardFiles .file-attachment-type {
  width: 100%;
  height: 100%;
  text-align: center;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .forwardFiles .file-attachment-type span i, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .forwardFiles .file-attachment-type span i {
  font-size: 28px;
  margin-top: 20px;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .forwardFiles .file-attachment-type span .fileType, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .forwardFiles .file-attachment-type span .fileType {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .mgsToForward, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .mgsToForward {
  width: calc(100% - 100px);
  float: right;
  padding: 0;
  position: relative;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .mgsToForward .forwardwithMsg .forwardInput, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .mgsToForward .forwardwithMsg .forwardInput {
  height: 48px;
  border-bottom: 1px solid #ccc;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .mgsToForward .forwardwithMsg .forwardInput:focus, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .mgsToForward .forwardwithMsg .forwardInput:focus {
  outline: none;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .mgsToForward .fileDetails, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .mgsToForward .fileDetails {
  padding: 5px 15px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .mgsToForward .fileDetails .fileName, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .mgsToForward .fileDetails .fileName {
  font-weight: 600;
}
.ForwardFilepopup .modal-body.ForwardFilebody .forward_main .mgsToForward .fileDetails .fileSize, .ForwardMsgpopup .modal-body.ForwardFilebody .forward_main .mgsToForward .fileDetails .fileSize {
  color: #777;
  font-size: 13px;
}
.ForwardFilepopup .modal-body .mgsToForward, .ForwardMsgpopup .modal-body .mgsToForward {
  background: #f1f1f1;
  display: block;
  height: 95px;
  border-radius: 10px;
  padding: 0 15px;
  margin-bottom: 15px;
  overflow: hidden;
}
.ForwardFilepopup .modal-body .mgsToForward .forwardMsg, .ForwardMsgpopup .modal-body .mgsToForward .forwardMsg {
  border-bottom: 1px solid #777;
}
.ForwardFilepopup .modal-body .mgsToForward .forwardMsg .forwardTOthisMSG, .ForwardMsgpopup .modal-body .mgsToForward .forwardMsg .forwardTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
  padding-bottom: 5px;
}
.ForwardFilepopup .modal-body .mgsToForward .forwardMsg .forwardTOthisMSG .forward_quote, .ForwardMsgpopup .modal-body .mgsToForward .forwardMsg .forwardTOthisMSG .forward_quote {
  color: #777;
  padding: 10px 0 0 0px;
  display: block;
}
.ForwardFilepopup .modal-body .mgsToForward .forwardMsg .forwardTOthisMSG .text_messages, .ForwardMsgpopup .modal-body .mgsToForward .forwardMsg .forwardTOthisMSG .text_messages {
  padding-left: 15px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ForwardFilepopup .modal-body .mgsToForward .forwardwithMsg .forwardInput, .ForwardMsgpopup .modal-body .mgsToForward .forwardwithMsg .forwardInput {
  width: 100%;
  border: none;
  background: #f1f1f1;
  text-indent: 15px;
  padding: 5px 0;
}
.ForwardFilepopup .modal-body .mgsToForward .forwardwithMsg .forwardInput:focus, .ForwardMsgpopup .modal-body .mgsToForward .forwardwithMsg .forwardInput:focus {
  outline: none;
}
.ForwardFilepopup .modal-body .search_for_forward, .ForwardMsgpopup .modal-body .search_for_forward {
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
  width: 100%;
}
.ForwardFilepopup .modal-body .search_for_forward .search_bar, .ForwardMsgpopup .modal-body .search_for_forward .search_bar {
  border: none;
  background: #f1f1f1;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
}
.ForwardFilepopup .modal-body .search_for_forward .clear_search, .ForwardMsgpopup .modal-body .search_for_forward .clear_search {
  position: absolute;
  right: 4px;
  top: 4px;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
}
.ForwardFilepopup .modal-body .search_for_forward .clear_search:hover, .ForwardMsgpopup .modal-body .search_for_forward .clear_search:hover {
  background: #ccc;
}

.audioVideoSetting .modal-dialog .modal-content .modal-body .borderLine {
  height: 1px;
  width: 100%;
  background: #ccc;
}
.audioVideoSetting .modal-dialog .modal-content .modal-body .AudioSetting .audioheading {
  text-transform: uppercase;
  color: #777;
  font-size: 13px;
  font-weight: 600;
}
.audioVideoSetting .modal-dialog .modal-content .modal-body .AudioSetting .micPhone .heading {
  color: #000;
  font-weight: 600;
}
.audioVideoSetting .modal-dialog .modal-content .modal-body .AudioSetting .micPhone .heading .micdropdown {
  color: #777;
}

/*---------------------------------------------------Common class----------------------------------------------------------*/
.userNameTemplate {
  position: absolute;
  top: 12px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  z-index: 9999;
  width: calc(100% - 32px);
  line-height: 15px;
  text-align: center; /*display:none;*/
}
.userNameTemplate .participant-name {
  text-shadow: 1px 1px 8px #000000, 1px 1px 8px #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 32px);
  padding: 0 5px;
  display: inline-block;
}
.userNameTemplate .call_personDOB {
  font-size: 10px;
  margin-left: 3px;
  text-shadow: 1px 1px 8px #000000, 1px 1px 8px #000000;
}

.small-hold {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #3F51B5;
  color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}

.holdwithblur {
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.resume-indication.resumewithblur {
  width: 100px;
  height: 100px;
  background: rgba(3, 169, 244, 0.7);
  border-radius: 50%;
  z-index: 999;
  top: 20px;
  text-align: center;
  line-height: 115px;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.resume-indication.resumewithblur .playPause {
  color: #fff;
  font-size: 36px;
}

.blurThis {
  filter: blur(8px) !important;
  -webkit-filter: blur(8px) !important;
}

.user-name-letter {
  width: 100%;
  height: 100%;
  float: left;
  margin-right: 10px;
  background: #2196F3;
  border-radius: 10px;
  line-height: 100px;
  text-align: center;
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  position: absolute;
}
.user-name-letter span {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.userNameTemplate {
  position: absolute;
  top: 12px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  z-index: 9999;
  width: calc(100% - 32px);
  line-height: 15px;
  text-align: center;
}
.userNameTemplate .participant-name {
  text-shadow: 1px 1px 8px #000000, 1px 1px 8px #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 32px);
  padding: 0 5px;
  text-transform: capitalize;
  height: 20px;
  line-height: 20px;
}
.userNameTemplate .call_personDOB {
  font-size: 10px;
  margin-left: 3px;
  text-shadow: 1px 1px 8px #000000, 1px 1px 8px #000000;
}

.msg-overly-container {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 8px;
  height: 0;
  overflow: visible;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: flex-end;
}

.msg-overly-list, .msg-overly-new-convertation {
  max-height: calc(100vh - 90px);
  height: calc(var(--vh, 1vh) * 100 - 90px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.msg-overly-list {
  display: flex;
  flex-direction: column;
  height: 400px;
  flex: 0 0 264px;
  width: 264px;
  min-width: 0;
  background: linear-gradient(to bottom, transparent 2px, #FFFFFF 2px);
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -os-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  transform: translateX(0);
  transition-duration: 167ms;
  animation: fade-in 167ms cubic-bezier(0.4, 0, 1, 1);
}

.msg-overly-new-convertation {
  display: flex;
  flex-direction: column;
  height: 400px;
  width: 336px;
  background: linear-gradient(to bottom, transparent 2px, #FFFFFF 2px);
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -os-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  transform: translateX(0);
  transition-duration: 167ms;
  animation: fade-in 167ms cubic-bezier(0.4, 0, 1, 1);
}
.msg-overly-new-convertation.msg-overly-new-convertation-minimized {
  transform: translateY(100%) translateY(-40px);
  width: 200px;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 167ms;
}
.msg-overly-new-convertation.msg-overly-new-convertation-minimized .msg-overly-header-button {
  width: 130px;
}

.msg-overly-list-is-minimized {
  transform: translateY(100%) translateY(-40px);
}

.msg-overly-list-expand {
  height: 696px;
  width: 420px;
}

.mh4 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.msg-overly-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px 0 12px;
  min-height: 48px;
  position: relative;
  background: #363636;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -os-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  cursor: pointer;
}
.msg-overly-header:hover {
  background: #000000;
}

.msg-overly-header-details {
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 4px;
  padding: 4px 4px 4px 1px;
  position: relative;
}

.msg-overly-header-icon-box {
  display: flex;
  position: relative;
}

.msg-overly-header-iocn-img {
  width: 32px;
  height: 32px;
}

.msg-overly-header-phot-circle {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.msg-overly-header-phot-circle.msg-overly-list-s-screen-receive-photo {
  width: 16px;
  height: 16px;
  border-width: 1px;
  vertical-align: bottom;
  background-size: cover;
}

.msg-overly-header-entity-image {
  background-size: cover;
}

.msg-overly-presence-indicator {
  position: absolute;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 2px #FFFFFF;
  right: 3px;
  bottom: 2px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  background: #4dbd74;
}

.msg-overly-presence-indicator-size-2 {
  position: absolute;
  width: 12px;
  height: 12px;
  box-shadow: 0 0 0 2px #FFFFFF;
  right: 3px;
  bottom: 2px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  background: #4dbd74;
}

.msg-overly-header-button {
  max-width: 203px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 8px;
  border: none;
  cursor: pointer;
}
.msg-overly-header-button h4 {
  font-size: 18px !important;
  margin: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msg-overly-header-button h4.avilable-text {
  font-size: 13px !important;
  font-weight: normal;
}
.msg-overly-header-button .status-div {
  position: relative;
  display: flex;
  float: left;
  justify-content: stretch;
  letter-spacing: 1px;
}
.msg-overly-header-button .status-div .msg-online {
  position: relative;
  float: left;
}
.msg-overly-header-button .status-div .msg-online .active-icons {
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 1px #FFFFFF;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  background: #4dbd74;
  margin: 6px 6px 0 2px;
  float: left;
}
.msg-overly-header-button .status-div .msg-online .active-icons.offline {
  background: #cacaca;
}
.msg-overly-header-button .status-div .msg-online .active-text {
  margin: 0 !important;
  font-size: 13px;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  float: left;
}
.msg-overly-header-button .status-div .msg-header-file-search {
  position: relative;
  float: left;
}
.msg-overly-header-button .status-div .msg-header-file-search .file-search {
  color: #FFFFFF;
  float: left;
  margin: 0 0 0 4px;
  width: auto;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  transition-duration: 176ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 13px;
  cursor: pointer;
  border-left: 1px solid #FFFFFF;
}
.msg-overly-header-button .status-div .msg-header-file-search .file-search i {
  margin-right: 2px;
  margin-left: 6px;
}

.msg-overly-header-controls {
  transition-duration: 167ms;
  margin-left: auto;
  opacity: 1;
  position: relative;
  flex-shrink: 0;
}

.msg-overly-header-edit {
  width: 32px;
  height: 32px;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  border: none;
  color: #FFFFFF;
  line-height: 32px;
  float: left;
  transition-duration: 176ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-border-radius: 49.5%;
  -ms-border-radius: 49.5%;
  -webkit-border-radius: 49.5%;
  -os-border-radius: 49.5%;
  border-radius: 49.5%;
}
.msg-overly-header-edit:hover {
  background-color: hsla(0deg, 0%, 100%, 0.2);
  cursor: pointer;
}

.msg-overly-fooer-icon {
  width: 32px;
  height: 32px;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  border: none;
  color: #000000;
  line-height: 32px;
  float: left;
  transition-duration: 176ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-border-radius: 49.5%;
  -ms-border-radius: 49.5%;
  -webkit-border-radius: 49.5%;
  -os-border-radius: 49.5%;
  border-radius: 49.5%;
}
.msg-overly-fooer-icon:hover {
  background-color: hsla(0deg, 0%, 81.2%, 0.25);
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
}

.msg-overly-list-search {
  display: flex;
  flex-direction: column;
}

.msg-overly-list-search-input-container {
  background: 0 0;
  position: relative;
}
.msg-overly-list-search-input-container .msg-overly-list-search-input {
  background: #f2f7fe;
  border: none !important;
  height: 40px;
  font-size: 14px;
  padding-left: 42px;
  padding-right: 35px;
}
.msg-overly-list-search-input-container .msg-overly-list-search-icon {
  position: absolute;
  width: 17px;
  top: 12px;
  left: 15px;
  transform: rotate(90deg);
}
.msg-overly-list-search-input-container .msg-overly-list-search-more-icon {
  position: absolute;
  width: 17px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.msg-overly-list-search-input-container .msg-overly-list-search-close-icon {
  position: absolute;
  width: 17px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}
.msg-overly-list-search-input-container.msg-active-search .msg-overly-list-search-close-icon {
  position: absolute;
  width: 17px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: block;
}
.msg-overly-list-search-input-container.msg-active-search .msg-overly-list-search-more-icon {
  position: absolute;
  width: 17px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}

.msg-overly-list-search-progress-bar {
  position: relative;
  width: 100%;
  float: left;
  margin-top: -15px;
}

.msg-overly-list-content {
  position: relative;
  overflow: hidden;
  flex-grow: 1;
  height: 0;
  overflow-y: auto;
  height: 0;
}
.msg-overly-list-content .msg-list-time-heading {
  width: 100%;
  margin: 0 0 31px;
  text-align: center;
  float: left;
  position: relative;
  padding: 12px 0;
  clear: both;
}
.msg-overly-list-content .msg-list-time-heading .msg-list-time-heading-border {
  position: absolute;
  top: 50%;
  border-bottom: 1px solid #cccccc;
  width: calc(100% - 30px);
  margin: 0 15px;
}
.msg-overly-list-content .msg-list-time-heading span {
  width: auto;
  text-transform: capitalize;
  font-size: 14px;
  position: relative;
  padding: 0 15px;
  background: #FFFFFF;
  top: 8px;
  letter-spacing: 1px;
}
.msg-overly-list-content .filse-send-date {
  padding: 10px 8px 0 8px;
  width: 100%;
  font-weight: bold;
  float: left;
  color: #777;
}

.msg-overly-list-conversation {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 8px 0 0 8px;
  cursor: pointer;
}
.msg-overly-list-conversation .msg-overly-list-face {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.msg-overly-list-conversation .msg-overly-list-face .msg-overly-header-phot-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.msg-overly-list-conversation .msg-overly-list-face .no-photo {
  background: #03a9f4;
  text-align: center;
  justify-content: center;
  line-height: 35px;
  color: #FFFFFF;
}
.msg-overly-list-conversation .msg-overly-list-face .no-photo.msg-overly-header-phot-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.msg-overly-list-conversation .msg-overly-list-conv-content {
  width: calc(100% - 50px);
  margin-left: 10px;
  float: left;
  border-bottom: 1px solid #cccccc;
  padding: 0 0 8px 0;
}
.msg-overly-list-conversation .msg-overly-list-conv-content .msg-overy-chat {
  width: 100%;
  float: left;
  position: relative;
}
.msg-overly-list-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-username {
  width: calc(100% - 40px);
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
}
.msg-overly-list-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-chat-count {
  display: flex;
  justify-content: flex-end;
  margin-right: auto;
  text-align: right;
  align-self: center;
}
.msg-overly-list-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-chat-count .msg-chat-count-unread-count {
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -webkit-border-radius: 14px;
  -os-border-radius: 14px;
  border-radius: 14px;
  border: 2px solid #FFFFFF;
  line-height: 0;
  margin: 0;
  opacity: 1;
  padding: 0;
  transform-origin: bottom left;
  background-color: #4dbd74;
}
.msg-overly-list-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-chat-count .msg-chat-count-unread-count abbr {
  color: #FFFFFF;
  border: none;
  box-sizing: border-box;
  clip: auto;
  cursor: default;
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  height: 14px;
  line-height: 14px;
  padding: 0 4px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  transition: min-width 0.15s, height 0.15s;
}
.msg-overly-list-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-chat-count .msg-chat-count-unread-count abbr.msg-grp-add-member {
  width: 26px;
  color: #20a8d8;
  font-size: 17px;
}
.msg-overly-list-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message {
  width: calc(100% - 40px);
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.msg-overly-list-conversation:last-child .msg-overly-list-conv-content:last-child {
  border-bottom: none;
}
.msg-overly-list-conversation:hover {
  background: #f3f6f8;
}
.msg-overly-list-conversation.active {
  background: #f3f6f8;
}

.msg-overly-list-conversation-one-to-one {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 8px 0 0 8px;
}
.msg-overly-list-conversation-one-to-one .msg-overly-list-face {
  width: 56px;
  height: 56px;
  float: left;
  position: relative;
}
.msg-overly-list-conversation-one-to-one .msg-overly-list-face .msg-overly-header-phot-circle {
  width: 56px;
  height: 56px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.msg-overly-list-conversation-one-to-one .msg-overly-list-conv-content {
  width: calc(100% - 66px);
  margin-left: 10px;
  float: left;
  padding: 0 0 8px 0;
}
.msg-overly-list-conversation-one-to-one .msg-overly-list-conv-content .msg-overy-chat {
  width: 100%;
  float: left;
  position: relative;
}
.msg-overly-list-conversation-one-to-one .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-username {
  width: 100%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
}
.msg-overly-list-conversation-one-to-one .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-username .fst {
  font-weight: normal;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.msg-overly-list-conversation-one-to-one .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message {
  width: 100%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.msg-overly-list-s-conversation {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 8px 0 0 8px;
  cursor: pointer;
  margin-bottom: 20px;
  /*all Files begin*/
  /*all Files end*/
}
.msg-overly-list-s-conversation .msg-overly-list-face {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.msg-overly-list-s-conversation .msg-overly-list-face .msg-overly-header-phot-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.msg-overly-list-s-conversation .msg-overly-list-face .no-photo {
  background: #03a9f4;
  text-align: center;
  justify-content: center;
  line-height: 35px;
  color: #FFFFFF;
}
.msg-overly-list-s-conversation .msg-overly-list-face .no-photo.msg-overly-header-phot-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content {
  width: calc(100% - 50px);
  margin-left: 10px;
  float: left;
  padding: 0 0 8px 0;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat {
  width: 100%;
  float: left;
  position: relative;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-username {
  width: 100%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-username .fst {
  font-weight: normal;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message {
  width: 100%;
  float: left;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  font-size: 12px;
  position: relative;
  cursor: default;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message span {
  width: calc(100% - 25px);
  display: flex;
  padding: 4px 0;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message span:hover {
  background: #f3f6f8;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message .msg-options {
  position: absolute;
  top: -3px;
  right: 8px;
  height: 14px;
  width: 14px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message:hover .msg-options {
  opacity: 1 !important;
  cursor: pointer;
  pointer-events: auto;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message .msg-s-attachment-item {
  display: flex;
  justify-content: flex-end;
  text-align: center;
  flex-direction: row-reverse;
  padding: 4px 0;
  position: relative;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message .msg-s-attachment-item .msg-s-attachment-item-container {
  height: 190px;
  min-width: 100px;
  max-width: 200px;
  border: 1px solid #cccccc;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message .msg-s-attachment-item .msg-s-attachment-item-container .msg-s-attachment-item-image {
  max-height: 190px;
  max-width: 100%;
  margin: auto;
  border: none;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message .msg-s-attachment-item .msg-s-attachment-video {
  height: auto;
  min-width: 100px;
  max-width: 200px;
  border: 1px solid #cccccc;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.msg-overly-list-s-conversation .msg-overly-list-conv-content .msg-overy-chat .msg-overly-list-text-message .msg-s-attachment-item .msg-s-attachment-video video {
  position: relative;
  height: auto;
  max-width: 100%;
  display: inline-block;
  background: none;
}
.msg-overly-list-s-conversation .allFiles {
  width: 100%;
  float: left;
  position: relative;
  padding-right: 8px;
}
.msg-overly-list-s-conversation .allFiles .msg-overly-list-username {
  width: 100%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  padding: 4px 0;
}
.msg-overly-list-s-conversation .allFiles .msg-overly-list-username .fst {
  font-weight: normal;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.msg-overly-list-s-conversation .allFiles .file-content {
  width: 100%;
  float: left;
  max-height: 150px;
  overflow: hidden;
}
.msg-overly-list-s-conversation .allFiles .file-content img {
  width: 100%;
  max-height: 150px;
  border-radius: 5px;
  overflow: hidden;
}
.msg-overly-list-s-conversation .allFiles .file-content video {
  width: 100%;
  position: relative;
  height: auto;
  max-height: 150px;
  max-width: 100%;
  display: inline-block;
  background: none;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  -os-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  overflow: hidden;
}
.msg-overly-list-s-conversation .allFiles .file-content .chat-files {
  width: 100%;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  background: #f1f1f1;
  height: 150px;
  padding: 8px;
  position: relative;
}
.msg-overly-list-s-conversation .allFiles .file-content .chat-files .file-name {
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  float: left;
}
.msg-overly-list-s-conversation .allFiles .file-content .chat-files .file-size {
  font-size: 12px;
  color: #777;
  width: 100%;
  float: left;
}
.msg-overly-list-s-conversation .allFiles .file-content .chat-files .file-icon {
  width: 100%;
  float: left;
}
.msg-overly-list-s-conversation .allFiles .msg-options {
  position: absolute;
  top: 23px;
  right: 3px;
  height: 14px;
  width: 14px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.msg-overly-list-s-conversation .allFiles:hover .file-content {
  width: calc(100% - 16px);
}
.msg-overly-list-s-conversation .allFiles:hover .msg-options {
  opacity: 1 !important;
  cursor: pointer;
  pointer-events: auto;
}
.msg-overly-list-s-conversation .msg-overly-list-s-screen-receive {
  text-align: right;
  padding: 0 8px 0 56px;
  margin: 8px 0;
  cursor: default;
}

.msg-ovelry-msg-type-area {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  position: relative;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0;
}
.msg-ovelry-msg-type-area .msg-overly-type-content {
  min-height: 60px;
  overflow: hidden;
  padding: 12px 0 0 12px;
  width: calc(100% - 48px);
  float: left;
  overflow-y: auto;
}
.msg-ovelry-msg-type-area .msg-overly-type-content textarea {
  resize: none !important;
}
.msg-ovelry-msg-type-area .msg-overly-type-content .msg-entry-txt {
  position: relative;
  max-height: none;
}
.msg-ovelry-msg-type-area .msg-overly-type-content .msg-entry-txt:focus {
  outline: 0;
}
.msg-ovelry-msg-type-area .msg-overly-type-content .msg-entry-txt p:focus {
  outline: 0;
  outline-width: 0;
}
.msg-ovelry-msg-type-area .msg-overly-type-content .msg-content-placeholder:before {
  content: attr(data-placeholder);
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px 12px;
  pointer-events: none;
  z-index: 3;
}
.msg-ovelry-msg-type-area .msg-overly-type-content-arrow-icon {
  position: absolute;
  right: 0;
  padding: 12px 12px 0 0;
}
.msg-ovelry-msg-type-area .msg-overly-type-content-arrow-icon .msg-type-arrow-toggle {
  height: 32px;
  width: 32px;
  min-width: auto;
  line-height: 32px;
  text-align: center;
}
.msg-ovelry-msg-type-area .msg-overly-type-content-arrow-icon .msg-type-arrow-toggle:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  color: #000000;
}

.msg-overly-msg-type-area-scroll {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  max-height: 120px;
  overflow: auto;
}

.msg-overy-msg-footer {
  width: 100%;
  float: left;
  position: relative;
  padding: 12px;
  background: #f3f6f8;
}
.msg-overy-msg-footer .msg-overly-attachment {
  width: calc(100% - 125px);
  float: left;
  position: relative;
}
.msg-overy-msg-footer .msg-overly-send-button-area {
  width: 125px;
  float: left;
  position: relative;
}

.msg-overly-footer-btn {
  min-width: 60px !important;
}
.msg-overly-footer-btn.msg-btn-disabled {
  background-color: rgba(0, 115, 177, 0.35);
  color: hsla(0deg, 0%, 100%, 0.45);
  pointer-events: none;
  cursor: default;
  border: none;
}

.msg-recording {
  width: 100%;
  float: left;
  position: relative;
}
.msg-recording .record_audio {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f3f6f8;
  border-radius: 0px;
}
.msg-recording .record_audio .play_pused {
  float: left;
  margin: 0 10px;
  font-size: 28px;
  color: #777;
}
.msg-recording .record_audio .record_times {
  float: left;
  text-align: center;
  width: calc(100% - 100px);
  font-weight: 600;
  font-size: 18px;
  color: #777;
  position: relative;
}
.msg-recording .record_audio .record_times audio {
  width: 100%;
  background: transparent;
}
.msg-recording .record_audio .record_times audio.audioPlayer {
  background-color: transparent;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 12px;
}
.msg-recording .record_audio .record_times audio.audioPlayer .progress {
  background: red;
}
.msg-recording .record_audio .record_times audio.audioPlayer input {
  padding: 5px;
}
.msg-recording .record_audio .record_times audio.audioPlayer:focus {
  outline: 0;
}
.msg-recording .record_audio .audio-post {
  float: right;
  position: relative;
  font-size: 13px;
  color: #20a8d8;
  text-align: center;
  justify-content: center;
  margin-right: 15px;
  cursor: pointer;
}
.msg-recording .record_audio .audioRec {
  float: right;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-color: red;
  border: 0;
  border-radius: 12px;
  margin: 14px;
  outline: none;
  animation-name: audioRecordPulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.msg-attachment-preview {
  width: 100%;
  float: left;
  position: relative;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #cccccc;
  padding: 8px;
}
.msg-attachment-preview .msg-attachment-preview-image-container {
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  float: left;
}
.msg-attachment-preview .msg-attachment-preview-image-container img {
  width: 40px;
  height: 40px;
  max-height: 100%;
  border: none;
  box-sizing: border-box;
  background-clip: content-box;
}
.msg-attachment-preview .msg-attachment-img-name-area {
  width: calc(100% - 80px);
  float: left;
  position: relative;
  margin-left: 10px;
}
.msg-attachment-preview .msg-attachment-img-name-area .msg-attach-img-text {
  display: flex;
}
.msg-attachment-preview .msg-attachment-img-name-area .msg-attach-img-text .msg-attachment-file-name {
  font-size: 12px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0;
  padding: 0;
}
.msg-attachment-preview .msg-attachment-img-name-area .msg-attach-img-text .msg-attachment-size-preview:before {
  content: ".";
  padding: 0 4px;
}
.msg-attachment-preview .msg-attachment-img-name-area .msg-attach-img-text .img-size {
  color: rgba(0, 0, 0, 0.6);
}
.msg-attachment-preview .msg-attachment-img-name-area .msg-attach-img-text .flex-shrink-zero {
  flex-shrink: 0 !important;
}
.msg-attachment-preview .msg-attachment-img-name-area .msg-attach-percentage {
  width: 100%;
  float: left;
  position: relative;
}
.msg-attachment-preview .msg-attachment-img-remove {
  width: 30px;
  float: left;
  position: relative;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}

.msg-list-container-collapsed {
  flex: 0 1 0px;
}
.msg-list-container-collapsed .allAttachedFileHeader {
  display: none;
}

.msg-type-area-full-expand {
  flex: 1 0 auto;
  max-height: 100%;
  flex-basis: 120px;
}
.msg-type-area-full-expand .msg-overly-msg-type-area-scroll {
  max-height: 100%;
}

.msg-new-grp-creation-type-add-header {
  align-items: baseline;
  border-bottom: 1px solid #cccccc;
  flex-wrap: nowrap;
  justify-content: flex-start;
  max-height: 114px;
  min-height: 36px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 15px 4px 8px;
}
.msg-new-grp-creation-type-add-header .msg-new-grp-type-search-field {
  flex-grow: 1;
}
.msg-new-grp-creation-type-add-header .msg-new-grp-type-search-field[type=text] {
  border: none;
  height: 2rem;
  max-width: calc(100% - 8px);
  padding: 0;
  width: 100px;
}
.msg-new-grp-creation-type-add-header .msg-new-grp-type-search-field[type=text]:focus {
  outline: 0;
}
.msg-new-grp-creation-type-add-header button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  padding: 2px 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -os-border-radius: 10px;
  border-radius: 10px;
}
.msg-new-grp-creation-type-add-header .msg-new-grp-add-btn-bg {
  background-color: rgba(199, 209, 216, 0.45);
  color: rgba(0, 0, 0, 0.6);
}
.msg-new-grp-creation-type-add-header .msg-new-grp-add-btn-bg:hover {
  background-color: #363636;
  color: #FFFFFF;
}

.msg-new-grp-add-btn {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 167ms;
  align-items: center;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  font-family: inherit;
  justify-content: center;
  position: relative;
  transition-property: background-color, box-shadow, color;
}

li-icon {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.msg-new-grp-add-btn-close-icon {
  margin: 0 -2px 0 4px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.msg-grp-name {
  display: flex;
  align-items: baseline;
  padding: 8px 12px;
  flex: 0 1 auto;
  border-style: solid;
  border-width: 1px 0;
  border-color: #cccccc;
}
.msg-grp-name .msg-grp-name-container {
  width: 100%;
  position: relative;
}
.msg-grp-name .msg-grp-name-container .msg-grp-name-hd {
  font-size: 14px;
  font-weight: normal;
}

.msg-setings {
  position: relative;
  float: left;
  width: 100%;
  padding: 12px 0;
}
.msg-setings .text-name {
  float: left;
  position: relative;
  width: calc(100% - 60px);
}
.msg-setings .text-name .text-togggle {
  float: left;
  justify-content: flex-end;
  width: 60px;
  position: relative;
}
.msg-setings.border-bottm {
  border-bottom: 1px solid #cccccc;
}
.msg-setings.report {
  cursor: pointer;
}
.msg-setings.report:hover {
  background: #f3f6f8;
}

.msg-mute-div-area {
  position: relative;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  width: 100%;
  z-index: 1;
  border-bottom: none;
  background: #f3f6f8;
  padding: 8px 12px;
  justify-content: space-between;
  text-align: center;
}
.msg-mute-div-area p {
  padding: 0;
  margin: 0;
  line-height: 28px;
}
.msg-mute-div-area button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  padding: 2px 10px;
  height: 30px;
}

.msg-text-seach {
  position: relative;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  width: 100%;
  z-index: 1;
  border-bottom: none;
  background: #f3f6f8;
  justify-content: space-between;
}
.msg-text-seach .search-area {
  float: left;
  width: calc(100% - 120px);
  position: relative;
  border-right: 1px solid #cccccc;
}
.msg-text-seach .search-area .msg-overly-list-search-input-container {
  background: 0 0;
  position: relative;
}
.msg-text-seach .search-area .msg-overly-list-search-input-container .msg-overly-list-search-input {
  background: #f2f7fe;
  border: none !important;
  height: 40px;
  font-size: 14px;
  padding-left: 28px;
  padding-right: 25px;
}
.msg-text-seach .search-area .msg-overly-list-search-input-container .msg-overly-list-search-icon {
  position: absolute;
  width: 17px;
  top: 12px;
  left: 5px;
  transform: rotate(90deg);
}
.msg-text-seach .search-area .msg-overly-list-search-input-container .msg-overly-list-search-more-icon {
  position: absolute;
  width: 17px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.msg-text-seach .search-area .msg-overly-list-search-input-container .msg-overly-list-search-close-icon {
  position: absolute;
  width: 17px;
  top: 6px;
  right: 5px;
  cursor: pointer;
  color: #74767a;
}
.msg-text-seach .search-area .msg-overly-list-search-input-container.msg-active-search .msg-overly-list-search-close-icon {
  position: absolute;
  width: 17px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: block;
}
.msg-text-seach .search-area .msg-overly-list-search-input-container.msg-active-search .msg-overly-list-search-more-icon {
  position: absolute;
  width: 17px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}
.msg-text-seach .search-area-btn-part {
  float: left;
  width: 120px;
  position: relative;
  line-height: 40px;
}
.msg-text-seach .search-area-btn-part .search-count {
  float: left;
  position: relative;
  min-width: 30px;
  padding-left: 5px;
}
.msg-text-seach .search-area-btn-part .search-direction {
  float: left;
  width: auto;
  position: relative;
}
.msg-text-seach .search-area-btn-part .search-direction i {
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.1);
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  line-height: 20px;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 3px;
  cursor: pointer;
}
.msg-text-seach .search-area-btn-part .cls-search {
  width: auto;
  float: right;
  font-size: 12px;
  cursor: pointer;
  padding-right: 5px;
}

.allAttachedFileHeader {
  position: fixed;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  width: 100%;
  z-index: 1;
  border-bottom: none;
  background: #f3f6f8;
  justify-content: space-between;
  top: 47px;
  height: 40px;
  line-height: 40px;
}
.allAttachedFileHeader .FileHeaderClsoe {
  float: left;
  width: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  justify-content: center;
}
.allAttachedFileHeader .FileHeaderClsoe i {
  font-size: 17px;
  font-weight: normal;
}
.allAttachedFileHeader .Name {
  float: left;
  position: relative;
  font-size: 17px;
  font-weight: 600;
  width: calc(100% - 190px);
}
.allAttachedFileHeader .FiletypeSelect {
  width: 150px;
  float: left;
  position: relative;
}
.allAttachedFileHeader .FiletypeSelect select {
  text-align: right;
  float: right;
  border: none;
  background: no-repeat;
}

#PostPartialView {
  position: relative;
}
#PostPartialView .Post_Main {
  width: 100%;
}
#PostPartialView .Post_Main .post_row {
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col {
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section {
  position: relative;
  height: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room {
  height: calc(100vh - 133px);
  height: calc(var(--vh, 1vh) * 100 - 133px);
  position: relative;
  display: flex;
  flex-flow: column;
  bottom: 0;
  float: left;
  background: #eee;
  width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .clear-postFilter {
  width: max-content;
  position: absolute;
  right: 15px;
  top: 10px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .clear-postFilter .clear-postFilterBTN img {
  width: 24px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px;
  overflow: auto; /*display: flex;flex-flow: row wrap;align-content: flex-start;flex: 1;*/
  display: block;
  height: calc(100vh - 235px);
  height: calc(var(--vh, 1vh) * 100 - 235px);
  /* width */
  /*&::-webkit-scrollbar:hover {width: 10px;}*/
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages::-webkit-scrollbar {
  width: 8px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages::-webkit-scrollbar-thumb {
  background: #888;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder {
  width: 100%;
  margin: 0 0 5px;
  padding: 0 20px;
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section {
  margin-bottom: 16px !important;
  width: 80%;
  display: inline-block;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_icon {
  height: 40px;
  width: 40px;
  background: #b7ced4;
  color: #58747b;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
  float: left;
  position: relative;
  top: 5px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_icon .user_name_img {
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_icon .user_online {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 2px solid #eee;
  background: #b7fb00;
  position: absolute;
  bottom: -4px;
  right: 0;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_icon .unread-count {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #4CAF50;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  left: -10px;
  font-size: 12px;
  line-height: 20px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats {
  float: left;
  width: calc(100% - 55px);
  margin-left: 10px;
  box-shadow: 0px 0px 3px 1px #ddd;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg {
  background: #fff;
  padding: 8px 10px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 13px;
  display: inline-block;
  width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-sender {
  margin: 0 !important;
  font-weight: 600;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-sender .post_expression {
  float: right;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-sender .post_expression .post_reaction {
  position: relative;
  top: -3px;
  display: inline-block;
  padding: 5px 0;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-sender .post_expression .post_reaction.post_likes {
  margin-right: 8px;
  top: -6px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-sender .post_expression .post_reaction img {
  width: 16px;
  cursor: pointer;
  margin-right: 4px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-sender .post_expression .post_reaction .counts {
  position: relative;
  font-size: 11px;
  font-weight: 400;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-sender .post_expression .post_reaction .counts.like_count {
  top: 1px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-sender .post_expression .post_reaction .counts.unlike_count {
  top: -2px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box {
  background: none;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .attachmentPost {
  position: relative;
  width: 100%;
  text-align: center;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .attachmentPost img {
  width: 80%;
  max-width: 350px;
  margin: 10px 10%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .attachmentPost .attachmentPostVideo {
  width: 80%;
  max-width: 350px;
  max-height: 300px;
  margin: 10px 10%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .attachmentPost .doc-attachment {
  font-size: 14px;
  font-weight: 600;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .attachmentPost .doc-attachment .file-attachment-type {
  font-size: 32px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .attachmentPost .doc-attachment .download-btn {
  text-decoration: underline;
  font-weight: 500;
  color: #03a9f4;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment {
  display: inline-block;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview {
  position: relative;
  padding: 6px;
  margin: 0;
  float: left;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0px 0px 8px 0px #ccc;
  background: #fff;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header {
  float: left;
  width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .title {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  width: calc(100% - 100px);
  float: left;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .title:hover {
  cursor: pointer;
  color: #20a8d8;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .title .tsk-crtDate {
  width: auto;
  position: relative;
  font-size: 12px;
  margin-left: 5px;
  font-weight: 500;
  float: unset;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .task-action {
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  width: 16px;
  float: left;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .taskcompete {
  position: relative;
  text-align: center;
  float: left;
  width: 100px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .taskcompete .text {
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -webkit-border-radius: 17px;
  -os-border-radius: 17px;
  border-radius: 17px;
  padding: 2px 15px;
  color: #FFFFFF;
  font-size: 12px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.pending {
  background: #f86c6b;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.inprogress {
  background: #ffc107;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.new {
  background: #20a8d8;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.done {
  background: #4dbd74;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .taskcompete .add-timesheet {
  position: relative;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-header .taskcompete .add-timesheet:hover {
  cursor: pointer;
  color: #20a8d8;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: unset;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tsk-comp-percentage {
  width: 100%;
  float: left;
  position: relative;
  padding: 5px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .date-section {
  width: 100%;
  float: left;
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .date-section .due-date {
  width: auto;
  float: left;
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .date-section .due-date .txt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .date-section .due-date .dt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  margin-left: 5px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by {
  width: 100px;
  position: relative;
  float: right;
  text-align: right;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .txt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .dt {
  color: #000000;
  width: auto;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  margin-top: 3px;
  min-height: 22px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .dt .assign-name {
  background: #e6e6e6;
  float: right;
  width: 22px;
  height: 22px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  margin-left: 5px;
  position: relative;
  top: -3px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .dt .assign-name:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.3);
  z-index: 3;
  zoom: 1;
  cursor: default;
  position: absolute;
  right: 0;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tags {
  width: auto;
  float: left;
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tags .txt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person {
  width: auto;
  float: left;
  position: relative;
  top: -3px;
  margin-left: 10px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-person {
  float: left;
  position: relative; /*width:calc(100% - 54px);*/
  font-size: 12px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-person .tags-scrll {
  background: #e6e6e6;
  float: left;
  width: 22px;
  height: 22px;
  margin: 5px 5px 0 0;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-person .tags-scrll:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.6);
  z-index: 2;
  zoom: 1;
  cursor: default;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-view {
  position: relative;
  float: left;
  width: 54px;
  font-size: 12px;
  padding-top: 6px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-view i {
  padding-right: 3px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-view:hover {
  color: #20a8d8;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet {
  width: 100%;
  float: left;
  position: relative;
  text-align: right;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet .add {
  cursor: pointer;
  font-size: 12px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet .add:hover {
  cursor: pointer;
  color: #20a8d8;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet .already-add {
  cursor: default;
  background: #FFFF00;
  color: #000000;
  padding: 2px 7px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
  font-size: 12px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box.message-partner {
  background: none;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box {
  width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_parent_msg .message-box .chat_emojiICONS img {
  width: 20px;
  height: 20px;
  margin: 0 2px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_collapse {
  padding: 4px 15px;
  color: #3F51B5;
  font-size: 12px;
  cursor: pointer;
  width: max-content;
  float: left;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .no-comments {
  font-size: 12px;
  text-align: center;
  padding: 10px;
  color: #888;
  background: #ddd;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply {
  padding: 4px 12px;
  width: 100%;
  display: inline-block;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .user_icon {
  height: 34px;
  width: 34px;
  background: #b7ced4;
  color: #58747b;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  float: left;
  position: relative;
  top: 5px;
  margin-right: 10px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg {
  width: calc(100% - 50px);
  float: left;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-sender {
  margin: 0 !important;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box {
  font-size: 13px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box .reply-imgVideoTemp img {
  height: 200px;
  margin: 5px 0;
  display: block;
  max-width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box .reply-imgVideoTemp .attachmentPostreplyVideo {
  height: 200px;
  margin: 5px 0;
  display: block;
  max-width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box .attachmentPost {
  position: relative;
  width: 100%;
  text-align: center;
  background: #ddd;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box .attachmentPost img {
  width: 80%;
  max-width: 350px;
  margin: 10px 10%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box .attachmentPost .attachmentPostVideo {
  width: 80%;
  max-width: 350px;
  max-height: 300px;
  margin: 10px 10%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box .attachmentPost .doc-attachment {
  font-size: 13px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box .attachmentPost .doc-attachment .file-attachment-type {
  font-size: 24px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box .attachmentPost .doc-attachment .download-btn {
  text-decoration: underline;
  font-weight: 500;
  color: #03a9f4;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .user_indivisualReply .replay_user_msg .message-box .chat_emojiICONS img {
  width: 20px;
  height: 20px;
  margin: 0 2px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_replyMsgs .reply-showmore {
  text-align: right;
  margin-right: 5px;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox {
  width: 100%;
  padding: 10px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox textarea {
  height: 85px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox .input_textmain {
  padding: 0;
  width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox .input_textmain .post-input-holder {
  margin: 5px 0 0 0;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox .input_textmain .post-input-holder textarea {
  height: 80px !important;
  border: none;
  padding: 10px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox .input_textmain .post-input-holder .post_allOpt {
  width: 100%;
  padding-top: 5px;
  display: inline-block;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox .input_textmain .post-input-holder .post_allOpt .icons_left {
  float: left;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox .input_textmain .post-input-holder .post_allOpt .icons_left i {
  font-size: 16px;
  color: #464646;
  margin: 5px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox .input_textmain .post-input-holder .post_allOpt .icons_left img {
  width: 18px;
  color: #464646;
  margin: 5px;
  cursor: pointer;
  position: relative;
  top: -2px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox .input_textmain .post-input-holder .post_allOpt .icons_right {
  float: right;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply_textbox .input_textmain .post-input-holder .post_allOpt .icons_right i {
  font-size: 16px;
  color: #464646;
  padding: 5px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply {
  background: #f2f2f2;
  padding: 4px 10px;
  font-size: 11px;
  width: 100%;
  display: inline-block;
  width: max-content;
  float: right;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply:hover {
  cursor: pointer;
  font-weight: 600;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_chats .user_reply i {
  color: #777;
  margin-right: 5px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain {
  float: left;
  padding: 0 30px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview {
  width: calc(100% - 60px);
  height: 150px;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
  margin-left: 50px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview.forum-postReply {
  width: 100%;
  margin: 0;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body {
  width: 100%;
  height: 150px;
  background: #ffffff;
  position: relative;
  overflow: auto;
  border-bottom: 1px solid #777;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc {
  height: 130px;
  width: 100%;
  display: inline-block;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment {
  height: 125px;
  width: 125px;
  float: left;
  background: #e2e2e2;
  margin: 5px;
  box-shadow: 0px 0px 4px 0px #ccc;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  /*Video Recording*/
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis {
  position: absolute;
  height: 125px;
  width: 125px;
  right: 0px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis i {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment:hover .removeThis {
  opacity: 1;
  z-index: 99;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body {
  display: inline-block;
  width: 100%;
  height: 125px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body.filepad {
  padding: 10px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body img {
  width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body video {
  width: 125px;
  height: 125px;
  z-index: 1;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .video_icon {
  color: #fff;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .file_icon {
  margin-top: 10px;
  font-size: 20px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .fileName {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .filesize {
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment.video_attachment {
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment.video_attachment .removeThis {
  color: #fff;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview {
  position: relative;
  padding: 6px;
  margin: 0;
  float: left;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0px 0px 8px 0px #ccc;
  background: #fff;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header {
  float: left;
  width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .title {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  width: calc(100% - 100px);
  float: left;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .title:hover {
  cursor: pointer;
  color: #20a8d8;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .title .tsk-crtDate {
  width: auto;
  position: relative;
  font-size: 12px;
  margin-left: 5px;
  font-weight: 500;
  float: unset;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .task-action {
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  width: 16px;
  float: left;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete {
  position: relative;
  text-align: center;
  float: left;
  width: 100px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text {
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -webkit-border-radius: 17px;
  -os-border-radius: 17px;
  border-radius: 17px;
  padding: 2px 15px;
  color: #FFFFFF;
  font-size: 12px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.pending {
  background: #f86c6b;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.inprogress {
  background: #ffc107;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.new {
  background: #20a8d8;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .text.done {
  background: #4dbd74;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .add-timesheet {
  position: relative;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-header .taskcompete .add-timesheet:hover {
  cursor: pointer;
  color: #20a8d8;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: unset;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tsk-comp-percentage {
  width: 100%;
  float: left;
  position: relative;
  padding: 5px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section {
  width: 100%;
  float: left;
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .due-date {
  width: auto;
  float: left;
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .due-date .txt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .due-date .dt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  margin-left: 5px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by {
  width: 100px;
  position: relative;
  float: right;
  text-align: right;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .txt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .dt {
  color: #000000;
  width: auto;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  margin-top: 3px;
  min-height: 22px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .dt .assign-name {
  background: #e6e6e6;
  float: right;
  width: 22px;
  height: 22px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  margin-left: 5px;
  position: relative;
  top: -3px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .date-section .assign-by .dt .assign-name:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.3);
  z-index: 3;
  zoom: 1;
  cursor: default;
  position: absolute;
  right: 0;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags {
  width: auto;
  float: left;
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .txt {
  color: #000000;
  width: auto;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person {
  width: auto;
  float: left;
  position: relative;
  top: -3px;
  margin-left: 10px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-person {
  float: left;
  position: relative; /*width:calc(100% - 54px);*/
  font-size: 12px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-person .tags-scrll {
  background: #e6e6e6;
  float: left;
  width: 22px;
  height: 22px;
  margin: 5px 5px 0 0;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-person .tags-scrll:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.6);
  z-index: 2;
  zoom: 1;
  cursor: default;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-view {
  position: relative;
  float: left;
  width: 54px;
  font-size: 12px;
  padding-top: 6px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-view i {
  padding-right: 3px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .tags .tags-person .tags-view:hover {
  color: #20a8d8;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet {
  width: 100%;
  float: left;
  position: relative;
  text-align: right;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet .add {
  cursor: pointer;
  font-size: 12px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet .add:hover {
  cursor: pointer;
  color: #20a8d8;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .task_attachment .mytsk-listview .mytsk-list-content .addto-timesheet .already-add {
  cursor: default;
  background: #FFFF00;
  color: #000000;
  padding: 2px 7px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
  font-size: 12px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .add_more {
  position: relative;
  width: 48px;
  height: 125px;
  background: rgba(158, 158, 158, 0.6);
  display: inline-block;
  float: left;
  line-height: 120px;
  text-align: center;
  margin: 5px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_doc .add_more .addMoreFiles {
  position: absolute;
  width: 48px;
  height: 120px;
  left: 0;
  top: 0;
  opacity: 0;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview .preview_body .attachment_border {
  width: 100%;
  height: 1px;
  background: #999;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .loadSearch-task {
  width: calc(100% - 60px);
  height: auto;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
  margin-left: 50px;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 99;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .loadSearch-task .loadSearch-header {
  padding: 5px 8px;
  background: #03a9f4;
  color: #fff;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .loadSearch-task .loadSearch-header .loadSearchClose {
  float: right;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .loadSearch-task ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
  overflow: auto;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .loadSearch-task ul li {
  padding: 8px;
  font-size: 13px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .loadSearch-task ul li:hover {
  background: #ddd;
  cursor: pointer;
  font-weight: 600;
  color: #555;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .at_attachment {
  width: calc(100% - 60px);
  height: auto;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
  margin-left: 50px;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 99;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .at_attachment ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .at_attachment ul li {
  padding: 8px 10px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder {
  margin-left: 50px;
  margin-right: 10px;
  display: block !important;
  padding: 10px 0 10px 0 !important;
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .type_indication {
  margin: 0;
  font-size: 12px;
  color: #333;
  position: absolute;
  top: -10px;
  background: #eeeeee;
  width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .type_indication .typingwave {
  position: relative;
  text-align: center;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .type_indication .typingwave .typingdot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 0px;
  background: #303131;
  animation: typingwave 1.3s linear infinite;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .type_indication .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .type_indication .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post-input {
  background: #fff;
  border-radius: 0 !important;
  padding: 9px !important;
  resize: none;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: #000;
  border: none;
  float: left;
  box-sizing: border-box;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .removeRecordedAudio {
  height: 32px;
  width: 32px;
  background: #ccc;
  color: #545454;
  font-size: 18px;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin: 4px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .RecordAudioMsg_main {
  position: absolute;
  width: calc(100% - 100px);
  margin-left: 40px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .RecordAudioMsg_main .record_audioControls {
  width: 100%;
  height: 40px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .audioRecPreview {
  width: 100%;
  height: 50px;
  background: #fff;
  display: inline-block;
  padding: 5px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .audioRecPreview .audioPreviewCancel {
  display: inline-block;
  float: left;
  background: #f1f1f1;
  width: calc(100% - 42px);
  height: 40px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .audioRecPreview .audioPreviewCancel .removeRecordedAudio {
  height: 32px;
  width: 32px;
  background: #ccc;
  color: #f1f1f1;
  font-size: 18px;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin: 4px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .audioRecPreview .audioPreviewCancel .RecordAudioMsg_main {
  position: absolute;
  width: calc(100% - 95px);
  margin-left: 40px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .audioRecPreview .audioPreviewCancel .RecordAudioMsg_main .record_audioControls {
  width: 100%;
  height: 40px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .audioRecPreview .send-audioPost {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f1f1f1;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post-audRecMain .record_audio {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #fff;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post-audRecMain .record_audio .play_pused {
  float: left;
  margin: 0 10px;
  font-size: 28px;
  color: #777;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post-audRecMain .record_audio .record_times {
  float: left;
  text-align: center;
  width: calc(100% - 100px);
  font-weight: 600;
  font-size: 18px;
  color: #777;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post-audRecMain .record_audio .audioRec {
  float: right;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-color: red;
  border: 0;
  border-radius: 12px;
  margin: 14px;
  outline: none;
  animation-name: audioRecordPulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post-audRecMain .post-audioRec {
  width: 100%;
  text-align: center;
  padding: 5px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post-vidRecMain .record_video .videoFile video {
  width: 100%;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post-vidRecMain .post-vidRec {
  text-align: center;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post_allOpt {
  width: 100%;
  padding-top: 5px;
  display: inline-block;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post_allOpt .icons_left {
  float: left;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post_allOpt .icons_left i {
  font-size: 16px;
  color: #464646;
  margin: 5px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post_allOpt .icons_left img {
  width: 18px;
  color: #464646;
  margin: 5px;
  cursor: pointer;
  position: relative;
  top: -2px;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post_allOpt .icons_left .attachFilesPost {
  position: relative;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post_allOpt .icons_left .attachFilesPost .attachFilesIconPost {
  position: absolute;
  left: 0;
  width: 24px;
  overflow: hidden;
  z-index: 999;
  opacity: 0;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post_allOpt .icons_right {
  float: right;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .post_allOpt .icons_right i {
  font-size: 16px;
  color: #464646;
  padding: 5px;
  cursor: pointer;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .emoji-wysiwyg-editor {
  width: 100% !important;
  padding-right: 35px !important;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .emoji-menu {
  top: -217px !important;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .emoji-menu .emoji-items-wrap {
  overflow-x: hidden !important;
}
#PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder .emoji-picker-icon {
  top: 20px;
}

.user_icontOne {
  background: #CDDC39 !important;
  color: #707910 !important;
}

.user_icontTwo {
  background: #e0a5ea !important;
  color: #6c137b !important;
}

.user_icontThree {
  background: #aeb8ec !important;
  color: #27378c !important;
}

.user_icontFour {
  background: #e6aba7 !important;
  color: #841810 !important;
}

.user_icontFive {
  background: #f3d271 !important;
  color: #795e0a !important;
}

.user_icontSix {
  background: #a3d9e0 !important;
  color: #0a5b65 !important;
}

.team-section {
  position: relative;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  flex-direction: row;
  display: flex;
  flex-grow: 1;
  overflow-x: hidden;
}
.team-section .team-left-panel-veiw {
  position: relative;
  display: flex;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  width: 0;
  background: #f6f6f6;
}
.team-section .team-left-panel-veiw.demo-bg {
  background: #fff !important;
}
.team-section .team-left-panel-veiw .left-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  border-right: 1px solid #c8ced3;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  z-index: 998;
}
.team-section .team-left-panel-veiw .left-content .left-content-inner {
  flex: 1 1 0;
  overflow: hidden;
}
.team-section .team-left-panel-veiw.team-menu-expanded {
  position: relative;
  overflow: hidden;
}
.team-section .team-left-panel-veiw.team-menu-expanded .left-content {
  width: 300px;
}
.team-section .team-right-panel-view {
  float: left;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
}
.team-section .team-right-panel-view.demo-right-bg {
  background: #f6f6f6 !important;
}
.team-section .team-right-panel-view .team-layout-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
  order: 4;
}

.team-panel {
  height: 100%;
}
.team-panel .team-hader {
  display: flex;
  text-align: left;
  border-bottom: 1px solid #c8ced3;
  padding: 10px 0;
}
.team-panel .team-hader .team-name-search {
  position: relative;
  float: left;
  width: 100%;
  padding-right: 6px;
  padding-left: 6px;
  display: none;
}
.team-panel .team-hader .team-name-search .team-name-search-input {
  padding-right: 47px !important;
}
.team-panel .team-hader .team-name-search .team-name-search-hide {
  width: 35px;
  float: right;
  position: absolute;
  right: 7px;
  top: 8px;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
}
.team-panel .team-hader .team-name-search .team-name-search-hide:hover {
  cursor: pointer;
  color: #20a8d8;
}
.team-panel .team-hader .title {
  font-size: 13px;
  font-weight: 600;
  float: left;
  width: calc(100% - 75px);
  position: relative;
  text-transform: uppercase;
  padding-left: 10px;
}
.team-panel .team-hader .title.mobhd-title {
  width: calc(100% - 50px);
}
.team-panel .team-hader .add-team {
  float: left;
  position: relative;
  width: 25px;
  text-align: center;
  cursor: pointer;
}
.team-panel .team-hader .add-team:hover {
  cursor: pointer;
  color: #20a8d8;
}
.team-panel .team-hader .team-search {
  float: left;
  position: relative;
  width: 25px;
  text-align: center;
  cursor: pointer;
}
.team-panel .team-hader .team-search:hover {
  cursor: pointer;
  color: #20a8d8;
}
.team-panel .team-hader .team-panel-hide {
  float: left;
  position: relative;
  width: 25px;
  text-align: center;
  cursor: pointer;
}
.team-panel .team-hader .team-panel-hide:hover {
  cursor: pointer;
  color: #20a8d8;
}
.team-panel .team-list {
  height: calc(100% - 42px);
  position: relative;
}
.team-panel .team-list .team-list-inner {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  position: relative;
}
.team-panel .team-list .team-list-inner .company_Name {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: #005294;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding-left: 10px;
  border-left: 7px solid #FF5722;
  margin-bottom: 1px;
  /*&.comapany2{background: #009688;}
                                        &.comapany3{background: #11c751;}*/
}
.team-panel .team-list .team-list-inner .company_Name.demoNew {
  background: none;
  border: none;
  color: #000;
}
.team-panel .team-list .team-list-inner .company_Name .caret-icon {
  float: right;
  font-size: 12px;
  padding: 12px;
}
.team-panel .team-list .team-list-inner .team-list-ul {
  position: relative;
  width: 100%;
  height: auto;
  display: inline-block;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items {
  float: left;
  width: 100%;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  padding: 8px 0;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-itmes-heading {
  width: 100%;
  float: left;
  position: relative;
  padding: 3px 8px;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-itmes-heading .team-icons {
  width: 20px;
  float: left;
  position: relative;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  height: 20px;
  background: #ffc107;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
  color: #FFFFFF;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-itmes-heading .team-name {
  width: calc(100% - 55px);
  float: left;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-itmes-heading .team-live-date {
  float: left;
  position: relative;
  width: 30px;
  font-size: 13px;
  text-align: right;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-itmes-heading .team-live-date:hover {
  cursor: pointer;
  color: #20a8d8;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-itmes-heading:hover {
  background: #f0fafe;
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  transition: all 0.3s ease 0s;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-itmes-heading.active {
  background: #FFFFFF;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-items-create-first {
  width: calc(100% - 21px);
  float: left;
  position: relative;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
  border: dashed 1px rgba(200, 206, 211, 0.1);
  padding: 5px 8px;
  text-align: center;
  font-size: 11px;
  color: #666666;
  margin-top: 8px;
  margin-left: 8px;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-items-create-first i {
  position: absolute;
  transform: rotate(80deg);
  -webkit-transform: rotate(80deg);
  -ms-transform: rotate(80deg);
  -moz-transform: rotate(80deg);
  -o-transform: rotate(80deg);
  font-size: 16px;
  top: -5px;
  right: -9px;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 8px;
  padding: 0 8px;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-add {
  width: 56px;
  float: left;
  position: relative;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-add span {
  width: 25px;
  height: 25px;
  float: left;
  position: relative;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  border: dashed 1px rgba(200, 206, 211, 0.1);
  text-align: center;
  margin-left: 3px;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-add span.team-count {
  font-size: 10px;
  font-weight: 600;
  color: #000000;
  line-height: 25px;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-add span i {
  font-size: 20px;
  color: lighten #000000;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-add span.addborder {
  border: solid 1px rgba(200, 206, 211, 0.1);
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-add span.addborder:hover {
  border: 1px solid #20a8d8;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-add span.addborder:hover i {
  color: #20a8d8;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-icons-box {
  width: calc(100% - 76px);
  float: left;
  text-align: right;
  position: relative;
  margin-left: 20px;
  /*For demo design start*/
  /*For demo design end*/
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-icons-box .team-member-img {
  width: 25px;
  height: 25px;
  margin-right: 2px;
  position: relative;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  float: left;
  border: solid 1px rgba(200, 206, 211, 0.1);
  transition: all 0.2s ease-in-out;
  /*&:nth-child(n+8) {display:none;}*/
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-icons-box .team-member-img.icon {
  border: dashed 1px rgba(200, 206, 211, 0.1);
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-icons-box .team-member-img.name {
  background: #20a8d8;
  color: #FFFFFF;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 25px;
  border: none;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-icons-box .team-member-img i {
  color: #666666;
  font-size: 14px;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-icons-box .team-member-img img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-icons-box .team-member-img:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: scale(1.5);
  z-index: 2;
  zoom: 1;
}
.team-panel .team-list .team-list-inner .team-list-ul .team-list-items .team-list-add-member-count .team-member-icons-box.hideMoreiconDemo .team-member-img:nth-child(n+8) {
  display: none;
}
.team-panel .team-list .team-list-inner .team-list-ul.demo-team-list-ul .team-list-items {
  padding: 2px 0;
}
.team-panel .team-list .team-list-inner .team-list-ul.demo-team-list-ul .team-list-items .team-list-itmes-heading .team-icons {
  width: 32px;
  float: left;
  position: relative;
  border-radius: 5px;
  height: 32px;
  background: #ffc107;
  font-size: 18px;
  text-align: center;
  line-height: 32px;
  margin-right: 5px;
  color: #FFFFFF;
  margin-left: 16px;
}
.team-panel .team-list .team-list-inner .team-list-ul.demo-team-list-ul .team-list-items .team-list-itmes-heading .team-name {
  width: calc(100% - 90px);
  font-size: 14px;
  top: 6px;
}
.team-panel .team-list .team-list-inner .team-list-ul.demo-team-list-ul .team-list-items .team-list-itmes-heading .team-live-date {
  top: 6px;
}

.teams-team-controller {
  height: 84vh;
  background: white;
}
.teams-team-controller.demo-right-bg {
  background: #f6f6f6 !important;
}
.teams-team-controller .teams-heading {
  display: flex;
  flex-direction: column;
  height: 78px;
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  padding: 10px 21px 0 21px;
}
.teams-team-controller .teams-heading .teams-listback {
  position: absolute;
  right: 7px;
  top: 13px;
  cursor: pointer;
}
.teams-team-controller .teams-heading .teams-listback i {
  font-size: 24px;
}
.teams-team-controller .teams-heading .team-heading-first {
  width: 100%;
  float: left;
  position: relative;
}
.teams-team-controller .teams-heading .team-heading-first .team-name-text {
  width: calc(100% - 220px);
  float: left;
  font-weight: 600;
  font-size: 18px;
}
.teams-team-controller .teams-heading .team-heading-first .team-name-text .setting-icon {
  margin-left: 8px;
  font-size: 14px;
  cursor: pointer;
  cursor: pointer;
}
.teams-team-controller .teams-heading .team-heading-first .team-name-text .setting-icon:hover {
  cursor: pointer;
  color: #20a8d8;
  transform: rotate(360deg);
}
.teams-team-controller .teams-heading .team-heading-first .team-name-text .team-icon {
  float: left;
  position: relative;
  height: 20px;
  width: 20px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  object-position: center;
  line-height: 20px;
  background: #ffc107;
  color: #FFFFFF;
  top: 3px;
  margin-right: 5px;
  font-size: 11px;
}
.teams-team-controller .teams-heading .team-heading-first .team-name-text .team-icon.demo-team-icons {
  width: 32px;
  float: left;
  position: relative;
  border-radius: 5px;
  height: 32px;
  background: #ffc107;
  font-size: 18px;
  text-align: center;
  line-height: 32px;
  margin-right: 5px;
  color: #FFFFFF;
  top: -2px;
}
.teams-team-controller .teams-heading .team-heading-first .team-name-text .setting-team-name {
  margin-left: 10px;
  font-size: 14px;
  cursor: pointer;
}
.teams-team-controller .teams-heading .team-heading-first .team-name-text .accept-invitation {
  margin-left: 20px;
  font-size: 13px;
  cursor: pointer;
  color: #20a8d8;
}
.teams-team-controller .teams-heading .team-heading-first .team-name-text .accept-invitation:hover {
  text-decoration: underline;
  color: #20a8d8;
  cursor: pointer;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box {
  width: 220px;
  position: relative;
  float: left;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-icon-area {
  width: calc(100% - 100px);
  float: left;
  position: relative;
  display: flex;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-icon-area .member-icon-img-main {
  position: relative;
  float: left;
  width: auto;
  display: flex;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-icon-area .member-icon-img-main .member-icon-img {
  width: 24px;
  height: 24px;
  float: left;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  box-shadow: 0 0 0 2px #FFFFFF, inset 0 0 0 1px rgba(0, 0, 0, 0.07);
  margin-right: 2px; /*background: center/cover #cbd4db;*/
  position: relative;
  cursor: pointer;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
  flex-shrink: 0;
  display: flow-root;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-icon-area .member-icon-img-main .member-icon-img img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-icon-area .member-icon-img-main .member-icon-img.name {
  color: #FFFFFF;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 24px;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-icon-area .member-icon-img-main .member-icon-img:last-of-type {
  margin-right: 0px;
  box-shadow: none;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-icon-area .member-icon-img-main .member-icon-img .team-member-active-owner {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid #FFFFFF;
  bottom: -3px;
  right: -3px;
  background: #4dbd74;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-icon-area .invite-person {
  width: auto;
  border: 1px solid #c8ced3;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  padding: 0 3px;
  font-size: 11px;
  line-height: 21px;
  cursor: pointer;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-icon-area .invite-person:hover {
  color: #20a8d8;
  cursor: pointer;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-cht {
  width: 74px;
  float: right;
  position: relative;
  text-align: right;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-cht span {
  width: 50%;
  float: left;
  text-align: center;
  border-right: 1px solid #c8ced3;
  cursor: pointer;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-cht span i {
  color: #333333;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-cht span i:hover {
  color: #20a8d8;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-cht span:last-child {
  border-right: 0;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-cht.demo-team-member-cht span {
  background: #03a9f4;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  /*&:last-child{border-right:0;}*/
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-cht.demo-team-member-cht span:first-child {
  margin-right: 2px;
}
.teams-team-controller .teams-heading .team-heading-first .team-icons-box .team-member-cht.demo-team-member-cht span i {
  color: #fff;
  cursor: pointer;
}
.teams-team-controller .teams-heading .team-heading-second {
  float: left;
  position: relative;
  width: 100%;
}
.teams-team-controller .teams-heading .team-heading-second .team-heading-inner-list {
  width: 100%;
  float: left;
  position: relative;
}
.teams-team-controller .teams-heading .team-heading-second .team-heading-inner-list ul {
  position: relative;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.teams-team-controller .teams-heading .team-heading-second .team-heading-inner-list ul li {
  padding: 0 0 5px 0;
  float: left;
  width: auto;
  text-align: center;
  cursor: pointer;
  margin-right: 15px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
.teams-team-controller .teams-heading .team-heading-second .team-heading-inner-list ul li i {
  padding-right: 5px;
}
.teams-team-controller .teams-heading .team-heading-second .team-heading-inner-list ul li.active {
  border-bottom: 2px solid #20a8d8;
  color: #20a8d8 !important;
}
.teams-team-controller .teams-heading .team-heading-second .team-heading-inner-list ul li:hover {
  cursor: pointer;
  border-bottom: 2px solid rgba(200, 206, 211, 0.8);
  color: #000000;
}
.teams-team-controller .teams-heading .team-heading-second .team-heading-inner-list ul li:last-child {
  margin-right: 0;
}
.teams-team-controller .teams-content-wrap {
  height: calc(100vh - 78px);
  height: calc(var(--vh, 1vh) * 100 - 78px);
  padding: 0;
}
.teams-team-controller .teams-content-wrap .mytskListView_Template_height {
  height: calc(100vh - 329px);
  height: calc(var(--vh, 1vh) * 100 - 329px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 60px;
}
.teams-team-controller .teams-content-wrap .mytskGridview_Template_height .k-grid-content {
  height: calc(100vh - 410px) !important;
  height: calc(var(--vh, 1vh) * 100 - 410px) !important;
  overflow: scroll;
}

.team-file-controller {
  height: 100%;
}
.team-file-controller .team-file-controller-heading {
  display: flex;
  flex-direction: column;
  height: 50px;
}
.team-file-controller .team-file-controller-heading .team-file-header {
  padding: 0 21px;
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first {
  width: 100%;
  float: left;
  position: relative;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-left {
  width: calc(100% - 90px);
  float: left;
  position: relative;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-left .team-file-ListView {
  float: left;
  position: relative;
  width: auto;
  border-right: 1px solid #c8ced3;
  cursor: pointer;
  padding-right: 10px;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-left .team-file-ListView:hover {
  color: #20a8d8;
  cursor: pointer;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-left .team-file-uplaod-btn {
  float: left;
  position: relative;
  width: auto;
  padding: 0 10px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -webkit-border-radius: 18px;
  -os-border-radius: 18px;
  border-radius: 18px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-left .team-file-uplaod-btn i {
  padding-right: 8px;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-left .team-file-uplaod-btn:hover {
  background: rgba(200, 206, 211, 0.3);
  color: #000000;
  cursor: pointer;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-left .file-paste-btn {
  float: left;
  position: relative;
  width: auto;
  padding: 0 10px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -webkit-border-radius: 18px;
  -os-border-radius: 18px;
  border-radius: 18px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  background: rgba(200, 206, 211, 0.3);
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-left .file-paste-btn i {
  padding-right: 8px;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-right {
  width: 90px;
  float: left;
  position: relative;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-right .sort-direction {
  display: inline-block;
  vertical-align: top;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-right .sort-direction .sort-asc {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-right .sort-direction .sort-asc .svg-ascending {
  fill: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-right .sort-direction .sort-asc .svg-ascending:hover {
  fill: #20a8d8;
  cursor: pointer;
  animation-fill-mode: inherit;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-first .team-file-header-right .sort-direction .sort-type {
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: top;
  white-space: nowrap;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection {
  width: 100%;
  float: left;
  position: relative;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-checkbox-area {
  width: auto;
  position: relative;
  float: left;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-checkbox-area .team-select-check-box-all {
  width: auto;
  float: left;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-checkbox-area .team-select-check-box-dropdown {
  float: left;
  width: auto;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-checkbox-area .team-select-check-box-dropdown i {
  color: #1a1a1a;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area {
  width: auto;
  float: left;
  display: none;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-copy-btn, .team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-cut-btn, .team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-delete-btn, .team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-download-btn {
  float: left;
  position: relative;
  width: auto;
  padding: 0 10px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -webkit-border-radius: 18px;
  -os-border-radius: 18px;
  border-radius: 18px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-copy-btn i, .team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-cut-btn i, .team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-delete-btn i, .team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-download-btn i {
  padding-right: 8px;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-copy-btn:hover, .team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-cut-btn:hover, .team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-delete-btn:hover, .team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-header-action-area .team-file-download-btn:hover {
  background: rgba(200, 206, 211, 0.3);
  color: #000000;
  cursor: pointer;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-cancel-btn {
  float: left;
  position: relative;
  width: auto;
  padding: 0 10px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -webkit-border-radius: 18px;
  -os-border-radius: 18px;
  border-radius: 18px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  background: rgba(200, 206, 211, 0.3);
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-cancel-btn i {
  padding-right: 8px;
}
.team-file-controller .team-file-controller-heading .team-file-header .team-file-header-selection .team-file-cancel-btn:hover {
  background: rgba(200, 206, 211, 0.3);
  color: #000000;
  cursor: pointer;
}
.team-file-controller .team-file-controller-heading .team-members-header {
  padding: 0 21px;
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
}
.team-file-controller .content-wrap {
  height: calc(100% - 37px); /*overflow-y:auto;height:100vh;*/
  padding: 0 0 0 21px;
}
.team-file-controller .content-wrap .files-list-view {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 30px;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-scrolling: touch;
  height: 100%;
}
.team-file-controller .content-wrap .files-list-view .files-list-item {
  width: 100%;
  float: left;
  position: relative;
  height: 35px;
  padding: 5px 0;
  border-bottom: 1px solid #e4e7ea;
}
.team-file-controller .content-wrap .files-list-view .files-list-item .files-list-check-box {
  float: left;
  width: 16px;
  position: relative;
  margin-left: 10px;
  display: none;
}
.team-file-controller .content-wrap .files-list-view .files-list-item .files-upload-icons {
  float: left;
  width: 16px;
  margin-right: 10px;
  position: relative;
  margin-left: 10px;
}
.team-file-controller .content-wrap .files-list-view .files-list-item .files-download-icons {
  float: left;
  width: 16px;
  margin-left: 10px;
  position: relative;
}
.team-file-controller .content-wrap .files-list-view .files-list-item .files-upload-text-name {
  float: left;
  width: calc(100% - 222px);
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-file-controller .content-wrap .files-list-view .files-list-item .files-upload-text-name.files-upload-text-name-small {
  width: calc(100% - 222px);
  float: left;
}
.team-file-controller .content-wrap .files-list-view .files-list-item .files-upload-by-user {
  width: 80px;
  float: left;
  position: relative;
}
.team-file-controller .content-wrap .files-list-view .files-list-item .files-upload-size {
  width: 80px;
  float: left;
  position: relative;
  text-align: right;
  padding-right: 5px;
}
.team-file-controller .content-wrap .files-list-view .files-list-item .files-upload-context-menu-list {
  width: 80px;
  float: left;
  position: relative;
  text-align: center;
  display: none;
}
.team-file-controller .content-wrap .files-list-view .files-list-item:hover {
  background: rgba(200, 206, 211, 0.3);
  cursor: pointer;
  color: #20a8d8;
}
.team-file-controller .content-wrap .files-list-view .files-list-item:hover .files-upload-size {
  display: none;
}
.team-file-controller .content-wrap .files-list-view .files-list-item:hover .files-upload-context-menu-list {
  display: block;
  cursor: pointer;
}
.team-file-controller .content-wrap .files-list-view .files-list-item.files-checkbox-action-area-enable {
  position: relative;
  width: 100%;
  float: left;
}
.team-file-controller .content-wrap .files-list-view .files-list-item.files-checkbox-action-area-enable:hover {
  background: rgba(200, 206, 211, 0.3);
  cursor: pointer;
  color: #20a8d8;
}
.team-file-controller .content-wrap .files-list-view .files-list-item.files-checkbox-action-area-enable:hover .files-upload-size {
  display: block;
  cursor: pointer;
}
.team-file-controller .content-wrap .files-list-view .files-list-item.files-checkbox-action-area-enable:hover .files-upload-context-menu-list {
  display: none;
}
.team-file-controller .content-wrap .files-list-view .files-list-item.selected {
  background: rgba(200, 206, 211, 0.3);
}
.team-file-controller .content-wrap .files-list-view .files-list-item.cut {
  background: rgba(200, 206, 211, 0.3);
  pointer-events: none;
  opacity: 0.3;
}

.team-members-controller {
  height: 100%;
}
.team-members-controller .team-members-controller-heading {
  display: flex;
  flex-direction: column;
  height: 60px;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header {
  padding: 0 21px;
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-title {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header {
  width: 100%;
  float: left;
  position: relative;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header .team-members-controller-add {
  width: 110px;
  float: left;
  position: relative;
  font-size: 13px;
  cursor: pointer;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header .team-members-controller-add:hover {
  color: #20a8d8;
  cursor: pointer;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header .team-members-controller-search {
  width: calc(100% - 110px);
  float: left;
  position: relative;
  text-align: right;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header .team-members-controller-search .team-members-controller-search-icon {
  text-align: right;
  width: 25px;
  float: right;
  cursor: pointer;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header .team-members-controller-search .team-members-controller-search-icon:hover {
  cursor: pointer;
  color: #20a8d8;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header .team-members-controller-search .team-members-controller-search-input {
  float: right;
  position: relative;
  display: none;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header .team-members-controller-search .team-members-controller-search-input .team-members-input-search {
  border: 1px solid #c8ced3;
  border-radius: 4px;
  padding: 2px 35px 2px 5px;
  font-size: 11px;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header .team-members-controller-search .team-members-controller-search-input .tearm-member-close-icon {
  width: 32px;
  float: right;
  position: absolute;
  right: 7px;
  top: 3px;
  text-transform: uppercase;
  font-size: 12px;
}
.team-members-controller .team-members-controller-heading .team-members-controller-header .team-members-controller-inner-header .team-members-controller-search .team-members-controller-search-input .tearm-member-close-icon:hover {
  color: #20a8d8;
  cursor: pointer;
}
.team-members-controller .content-wrap {
  height: calc(100% - 59px);
  padding: 0 0 0 21px;
}
.team-members-controller .content-wrap .team-member-list-view {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 30px;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-scrolling: touch;
  height: calc(100% - 59px);
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items {
  width: 100%;
  float: left;
  position: relative;
  height: auto;
  padding: 8px 0;
  border-bottom: 1px solid #e4e7ea;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items .team-members-img {
  width: 32px;
  height: 32px;
  position: relative;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  float: left;
  transition: all 0.2s ease-in-out;
  border: solid 1px rgba(200, 206, 211, 0.1);
  margin-left: 10px;
  cursor: pointer;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items .team-members-img img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items .team-members-img.name {
  color: #FFFFFF;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 32px;
  border: none;
  font-size: 15px;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items .team-members-img .team-member-active-owner {
  position: absolute;
  width: 13px;
  height: 13px;
  border: 2px solid #FFFFFF;
  bottom: -3px;
  right: -3px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #4dbd74;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items .team-members-name {
  width: calc(100% - 234px);
  margin-left: 10px;
  float: left;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  padding: 4px 0 0 0;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items .team-member-invite {
  float: left;
  position: relative;
  width: 60px;
  font-size: 12px;
  text-align: left;
  padding-top: 4px;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items .team-member-owner {
  float: left;
  position: relative;
  width: 92px;
  font-size: 12px;
  text-align: center;
  padding-top: 4px;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items .team-add-member {
  float: left;
  position: relative;
  width: 30px;
  font-size: 12px;
  text-align: center;
  padding-top: 4px;
  cursor: pointer;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items .team-add-member:hover {
  color: #20a8d8;
  cursor: pointer;
}
.team-members-controller .content-wrap .team-member-list-view .team-members-list-view-items:hover {
  background: rgba(200, 206, 211, 0.3);
}

.dashborart-cotainer {
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  background: #e4e5e6;
  overflow: auto;
}

.team-member-list {
  width: 100%;
  float: left;
  position: relative;
}
.team-member-list .team-member-list-count {
  width: 100%;
  float: left;
  position: relative;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 10px;
  padding: 0 15px;
}
.team-member-list .team-member-list-count i {
  padding-right: 10px;
}
.team-member-list .team-member-list-items {
  position: relative;
  float: left;
  width: 100%;
  overflow-y: auto;
  height: 160px;
}
.team-member-list .team-member-list-items .team-member-list-invite-content {
  position: relative;
  width: 100%;
  float: left;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details {
  width: 100%;
  float: left;
  position: relative;
  padding: 3px 15px;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details .member-img {
  width: 25px;
  height: 25px;
  float: left;
  position: relative;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  float: left;
  border: solid 1px rgba(200, 206, 211, 0.1);
  transition: all 0.2s ease-in-out;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details .member-img img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details .member-img.name {
  background: #20a8d8;
  color: #FFFFFF;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 25px;
  border: none;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details .member-name {
  width: calc(100% - 107px);
  float: left;
  position: relative;
  margin-left: 10px;
  font-size: 12px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details .member-delete {
  position: relative;
  float: left;
  width: 72px;
  font-size: 11px;
  line-height: 25px;
  cursor: pointer;
  text-align: right;
  visibility: hidden;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details .member-delete span {
  border-bottom: dashed 1px #000000;
  width: auto;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details .member-delete span:hover {
  border-bottom: solid 1px #000000;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details:hover {
  background: #e3f5fb;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .team-member-list-details:hover .member-delete {
  visibility: visible;
  cursor: pointer;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .member-confirmRow {
  width: 100%;
  float: left;
  position: relative;
  margin: 5px 0;
  display: none;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .member-confirmRow .member-remove-content {
  text-align: left;
  background: #e3f5fb;
  padding: 5px 15px;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .member-confirmRow .member-remove-content span {
  display: inline-block;
  font-size: 11px;
  color: #404040;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .member-confirmRow .member-remove-content .remove-team-member {
  text-decoration: none;
  font-size: 11px;
  color: #f86c6b;
  border-bottom: dashed 1px #f86c6b;
  margin-right: 7px;
  cursor: pointer;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .member-confirmRow .member-remove-content .remove-team-member:hover {
  border-bottom: solid 1px #f86c6b;
  cursor: pointer;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .member-confirmRow .member-remove-content .cancel-team-member {
  text-decoration: none;
  font-size: 11px;
  border-bottom: dashed 1px #000000;
  cursor: pointer;
}
.team-member-list .team-member-list-items .team-member-list-invite-content .member-confirmRow .member-remove-content .cancel-team-member:hover {
  border-bottom: solid 1px #000000;
  cursor: pointer;
}

.dropdown-menu.teams-contextMenu-list {
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  min-width: 150px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.teams-contextMenu-list ul {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
.dropdown-menu.teams-contextMenu-list ul li {
  position: relative;
  border: none;
  padding: 5px 6px;
}
.dropdown-menu.teams-contextMenu-list ul li .dropdown-menuitem-label {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.dropdown-menu.teams-contextMenu-list ul li .dropdown-menuitem-label i {
  width: auto;
  margin: 0;
  color: #000000;
}
.dropdown-menu.teams-contextMenu-list ul li.select {
  background: #e3e3e7 !important;
}
.dropdown-menu.emilchamp-tempContext-menu {
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  min-width: 150px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.emilchamp-tempContext-menu ul {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
.dropdown-menu.emilchamp-tempContext-menu ul li {
  position: relative;
  border: none;
  padding: 5px 6px;
  width: calc(100% - 12px);
}
.dropdown-menu.emilchamp-tempContext-menu ul li .dropdown-menuitem-label {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.dropdown-menu.emilchamp-tempContext-menu ul li .dropdown-menuitem-label i {
  width: auto;
  margin: 0;
  color: #000000;
}
.dropdown-menu.emilchamp-tempContext-menu ul li.select {
  background: #e3e3e7 !important;
}
.dropdown-menu.file-list-context-menu {
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  min-width: 150px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.file-list-context-menu ul {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
.dropdown-menu.file-list-context-menu ul li {
  position: relative;
  border: none;
  padding: 5px 5px;
}
.dropdown-menu.file-list-context-menu ul li .dropdown-menuitem-label {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.dropdown-menu.file-list-context-menu ul li .dropdown-menuitem-label i {
  width: auto;
  margin: 0 5px 0 0;
  color: #000000;
}
.dropdown-menu.file-list-context-menu ul li .dropdown-menuitem-label.hidden {
  margin-left: 15px;
}
.dropdown-menu.file-list-context-menu ul li.border-bottom {
  border-bottom: 1px solid rgba(200, 206, 211, 0.6) !important;
}
.dropdown-menu.gird_import_export {
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  min-width: 100px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.gird_import_export ul {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
.dropdown-menu.gird_import_export ul li {
  position: relative;
  border: none;
  padding: 5px;
  float: unset !important;
  text-align: left !important;
}
.dropdown-menu.gird_import_export ul li .dropdown-menuitem-label {
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.dropdown-menu.gird_import_export ul li .dropdown-menuitem-label i {
  margin: 0 0 5px 0;
  color: #000000;
}
.dropdown-menu.gird_import_export ul li:last-child {
  border-bottom: none !important;
}
.dropdown-menu.file-checkbox-context-menu {
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  min-width: 80px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.file-checkbox-context-menu ul {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
.dropdown-menu.file-checkbox-context-menu ul li {
  position: relative;
  border: none;
  padding: 5px 0px 5px 15px;
}
.dropdown-menu.file-checkbox-context-menu ul li .dropdown-menuitem-label {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.dropdown-menu.multi-level {
  position: relative;
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  min-width: 80px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.multi-level .dropdown-item {
  border-bottom: none;
}
.dropdown-menu.multi-level .dropdown-item a {
  color: #000000;
}
.dropdown-menu.multi-level .dropdown-submenu {
  position: relative;
}
.dropdown-menu.multi-level .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-menu.multi-level .dropdown-submenu .dropdown-menu.team-color-part {
  margin: 0;
  width: 140px;
  background: #FFFFFF;
}
.dropdown-menu.multi-level .dropdown-submenu .dropdown-menu.team-color-part .dropdown-item {
  width: 100%;
  height: 87px;
  float: left;
  position: relative;
  display: inline-flex;
  margin: 0;
  background: #FFFFFF;
  padding: 10px;
}
.dropdown-menu.multi-level .dropdown-submenu:hover .dropdown-menu {
  display: block;
}
.dropdown-menu.multi-level .dropdown-submenu:hover a:after {
  border-left-color: #FFFFFF;
}
.dropdown-menu.multi-level .dropdown-submenu a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-menu.multi-level .dropdown-submenu.pull-left {
  float: none;
}
.dropdown-menu.multi-level .dropdown-submenu.pull-left .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown-menu.cust-portal-contextmenu {
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  min-width: 150px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.cust-portal-contextmenu ul {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
.dropdown-menu.cust-portal-contextmenu ul li {
  position: relative;
  border: none;
  padding: 5px 6px;
}
.dropdown-menu.cust-portal-contextmenu ul li .dropdown-menuitem-label {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.dropdown-menu.cust-portal-contextmenu ul li .dropdown-menuitem-label i {
  width: 18px;
  margin: 0;
  color: #000000;
}
.dropdown-menu.cust-portal-contextmenu ul li.select {
  background: #e3e3e7 !important;
}

.team-color-menu-box {
  outline: none;
  max-width: 150px;
  position: relative;
  background: #FFFFFF;
  width: 100%;
  margin: 0;
}
.team-color-menu-box .team-color-default {
  height: 26px;
  width: 100%;
}
.team-color-menu-box .team-color-default .color-item {
  height: 19px;
  width: 16.3%;
  padding: 0;
  overflow: visible;
  text-overflow: clip;
  border: 1px solid #c8ced3;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
  float: left;
}
.team-color-menu-box .team-color-default .color-none {
  float: left;
  width: auto;
}
.team-color-menu-box .team-color-list {
  width: 100%;
  position: relative;
}
.team-color-menu-box .team-color-list .color-item {
  display: block;
  height: 19px;
  width: 16.3%;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  margin: 2px 2px;
  float: left;
}
.team-color-menu-box .team-color-list .color-item:hover {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #FFFFFF;
  position: relative;
  z-index: 100;
}
.team-color-menu-box .team-color-list .color-item.selected_color {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #FFFFFF;
  position: relative;
  z-index: 100;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
}
.team-color-menu-box:hover {
  background: #FFFFFF !important;
  margin: 0px;
  padding: 0;
}

.tskName-asper-teamName {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 8px;
}
.tskName-asper-teamName .team-tsk-shortName {
  width: 20px;
  height: 20px;
  line-height: 20px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  font-size: 11px;
  float: left;
  margin-right: 5px;
  border: 1px solid #c8ced3;
  color: #FFFFFF;
}
.tskName-asper-teamName .team-tsk-FullName {
  float: left;
  width: calc(100% - 25px);
  font-size: 14px;
  text-transform: capitalize;
}

.myteam_lit:nth-of-type(8n+1) {
  background: #ffc107 !important;
}
.myteam_lit:nth-of-type(8n+2) {
  background: #20a8d8 !important;
}
.myteam_lit:nth-of-type(8n+3) {
  background: #4dbd74 !important;
}
.myteam_lit:nth-of-type(8n+4) {
  background: #63c2de !important;
}
.myteam_lit:nth-of-type(8n+5) {
  background: #876500 !important;
}
.myteam_lit:nth-of-type(8n+6) {
  background: #105269 !important;
}
.myteam_lit:nth-of-type(8n+7) {
  background: #25653c !important;
}
.myteam_lit:nth-of-type(8n+8) {
  background: #2283a0 !important;
}

.myteam_member_lit:nth-of-type(8n+1) {
  background: #ffc107 !important;
}
.myteam_member_lit:nth-of-type(8n+2) {
  background: #20a8d8 !important;
}
.myteam_member_lit:nth-of-type(8n+3) {
  background: #4dbd74 !important;
}
.myteam_member_lit:nth-of-type(8n+4) {
  background: #63c2de !important;
}
.myteam_member_lit:nth-of-type(8n+5) {
  background: #876500 !important;
}
.myteam_member_lit:nth-of-type(8n+6) {
  background: #105269 !important;
}
.myteam_member_lit:nth-of-type(8n+7) {
  background: #25653c !important;
}
.myteam_member_lit:nth-of-type(8n+8) {
  background: #2283a0 !important;
}

.text-excel {
  color: #227447 !important;
}
.text-ppt {
  color: #ec4500 !important;
}
.text-msword {
  color: #20489c !important;
}
.text-notepad {
  color: #55abbe !important;
}
.text-html {
  color: #2db245 !important;
}
.text-csv {
  color: #ec4500 !important;
}
.text-img {
  color: #0078d7 !important;
}
.text-zip {
  color: #bb651f !important;
}
.text-cs {
  color: #4285F4 !important;
}
.text-js {
  color: #535384 !important;
}
.text-css {
  color: #0997e2 !important;
}
.text-exe {
  color: #5f0675 !important;
}
.text-config {
  color: #6610f2 !important;
}

.team-file-chekbox + .k-checkbox-label {
  min-height: 16px;
  line-height: 13px;
}
.team-file-chekbox + .k-checkbox-label:before {
  width: 15px;
  height: 15px;
  font-size: 11px;
  top: 4px;
}
.team-file-chekbox + .k-checkbox-label:after {
  width: 15px;
  height: 15px;
  text-indent: 2.6666666667px;
  top: 4px;
}

.breadcrumb.team-breadcrumb {
  position: relative;
  width: 100%;
  float: left;
  padding: 0 0 10px 0;
  margin-bottom: 6px;
}
.breadcrumb.team-breadcrumb li {
  position: relative;
}
.breadcrumb.team-breadcrumb li.breadcrumb-item {
  position: relative;
  width: auto;
  float: left;
  margin: 0;
  font-size: 11px;
  color: #20a8d8;
}
.breadcrumb.team-breadcrumb li.breadcrumb-item.active {
  color: rgba(0, 0, 0, 0.8);
  cursor: default;
}
.breadcrumb.team-breadcrumb li.breadcrumb-item.active:hover {
  cursor: default;
  text-decoration: none;
}
.breadcrumb.team-breadcrumb li.breadcrumb-item:hover {
  cursor: pointer;
  text-decoration: underline;
}

.myteam-settings-box {
  position: relative;
  float: left;
  width: 100%;
}
.myteam-settings-box .myteam-setting-list {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.myteam-settings-box .myteam-setting-list:hover {
  cursor: pointer;
  background: #e3f5fb;
}
.myteam-settings-box .myteam-setting-list.selected {
  background: #e3f5fb;
}

.site-mode.online, .dropdown-item .site-mode.online {
  display: block;
  -o-box-shadow: 0 0 0 rgba(77, 189, 116, 0.4);
  box-shadow: 0 0 0 rgba(77, 189, 116, 0.4);
  animation: online 2s infinite;
}

@-webkit-keyframes online {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
  }
}
@keyframes online {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0.4);
    box-shadow: 0 0 0 0 grba(#4dbd74, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
    box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
    box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
  }
}
.site-mode.offline, .dropdown-item .site-mode.offline {
  display: block;
  -o-box-shadow: 0 0 0 rgba(255, 193, 7, 0.4);
  box-shadow: 0 0 0 rgba(255, 193, 7, 0.4);
  animation: online 2s infinite;
}

@-webkit-keyframes online {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}
@keyframes online {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
    box-shadow: 0 0 0 0 grba(#ffc107, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
    box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes Greeting {
  from {
    font-size: 6px;
  }
  to {
    font-size: 18px;
  }
}
/* Standard syntax */
@keyframes Greeting {
  from {
    font-size: 6px;
  }
  to {
    font-size: 18px;
  }
}
.gradient-border {
  --borderWidth: 3px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#dotwaveAnim {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#dotwaveAnim .dotAnim {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 0px;
  background: #FFFFFF;
  animation: dotAnimwave 1.3s linear infinite;
}
#dotwaveAnim .dotAnim:nth-child(2) {
  animation-delay: -1.1s;
}
#dotwaveAnim .dotAnim:nth-child(3) {
  animation-delay: -0.9s;
}

@keyframes dotAnimwave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-10px);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes onCall {
  0% {
    background-color: #4CAF50;
  }
  50% {
    background-color: #8BC34A;
  }
  100% {
    background-color: #4CAF50;
  }
}
/* Standard syntax */
@keyframes onCall {
  0% {
    background-color: #4CAF50;
  }
  50% {
    background-color: #8BC34A;
  }
  100% {
    background-color: #4CAF50;
  }
}
@keyframes audioRecordPulse {
  0% {
    box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, 0.3);
  }
  65% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0.3);
  }
  90% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0);
  }
}
.waveAnim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00BCD4;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  animation: sonarWave 1s linear infinite;
  -webkit-animation: sonarWave 1s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes smallWave {
  from {
    opacity: 0.5;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes textblink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes typingwave {
  0%, 60%, 100% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
}
@keyframes newCalluser {
  0% {
    left: -285px;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0px;
  }
}
/*@keyframes raiseHandAnim {
  0% { opacity:0;}
  50% { opacity:0.5;}
  100% { opacity:1;}
}*/
@keyframes speaking-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 134, 191, 0), 0 0 0 0 rgba(84, 192, 231, 0);
  }
  15% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0.25em rgba(84, 192, 231, 0.75);
  }
  25% {
    box-shadow: 0 0 0 0.25em #0086bf, 0 0 0.125em 0.25em rgba(84, 192, 231, 0);
  }
  35% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
  50% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
  70% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
}
.MyMeetingMain {
  position: relative;
}
.MyMeetingMain .MyMeetingLeft {
  width: 380px;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  background: #fff;
  float: left;
  display: block;
  overflow: auto;
}
.MyMeetingMain .MyMeetingLeft .create-meeting {
  padding: 10px; /*background: lightsteelblue;*/
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .new-meeting-label {
  cursor: pointer;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .new-meeting-label .meeting-img {
  width: 36px;
  height: 36px;
  padding: 3px;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .new-meeting-label span {
  font-weight: 600;
  margin-left: 5px;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room {
  margin-top: 15px;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .enterMeetingID, .MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .enterMeetingPassword {
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .enterMeetingdiv {
  position: relative;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .enterMeetingdiv i {
  position: absolute;
  right: 0px;
  top: 21px;
  padding: 13px;
  background: #d8d8d8;
  border-radius: 0 4px 4px 0;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .mymeeting-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
  margin-top: 10px;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .form-group {
  margin-bottom: 10px;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group {
  margin-bottom: 10px;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group label {
  margin: 0;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-datepicker, .MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-timepicker {
  border: none;
  height: auto;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-datepicker .k-picker-wrap .k-input, .MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-timepicker .k-picker-wrap .k-input {
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-datepicker .k-picker-wrap .k-select, .MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-timepicker .k-picker-wrap .k-select {
  background: #d8d8d8;
  height: 41px;
  border: none !important;
  width: 40px;
  border-radius: 0 5px 5px 0;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .MeetReminder select {
  width: 100%;
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.MyMeetingMain .MyMeetingLeft .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .MeetReminder select:focus {
  border: none;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav {
  color: #404040;
  background: transparent;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  display: block;
  margin: 0;
  border-radius: 0;
  border: none;
  position: relative;
  transition: all 0.5s ease 0s;
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav .meet-list-img {
  width: 36px;
  float: left;
  position: relative;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav .meet-list-img.meet_list_name {
  height: 36px;
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav .Meet-list-details {
  width: calc(100% - 50px);
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -2px;
  line-height: 1.5;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav .Meet-list-details .meet-username {
  font-size: 14px;
  font-weight: 600;
  width: calc(100% - 95px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  display: block;
  text-transform: capitalize;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav .Meet-list-details .meet-date-time {
  width: calc(100% - 75px);
  display: block;
  font-weight: 400;
  font-size: 13px;
  color: #888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav .Meet-list-details .meeting-time {
  font-size: 11px;
  float: left;
  position: relative;
  top: 3px;
  color: #888;
  text-align: right;
  width: 72px;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav .Meet-list-details .joinnow {
  background: #4CAF50;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 3px 20px;
  position: relative;
  top: 10px;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav .Meet-list-details .delete-list {
  width: 20px;
  text-align: right;
  display: inline-block;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav .Meet-list-details .delete-list i {
  display: none;
  color: #cd5c5c;
  font-size: 14px;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav.upcomingMeet .Meet-list-details .meet-username {
  width: calc(100% - 25px);
  color: #009688;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav.upcomingMeet .Meet-list-details .meet-date-time, .MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav.upcomingMeet .Meet-list-details .meeting-time {
  color: #009688;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav.joinMeet .Meet-list-details .joinnow {
  background: #4CAF50;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 3px 20px;
  position: relative;
  top: 10px;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav:hover {
  color: #404040;
  background: #fafafa;
}
.MyMeetingMain .MyMeetingLeft .meetingList .MeetUsersNav:hover .Meet-list-details .delete-list i {
  display: block;
}
.MyMeetingMain .MyMeetingRight {
  position: relative;
  width: calc(100% - 380px);
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  float: left;
  display: block !important;
}
.MyMeetingMain .MyMeetingRight .create-meet-room {
  width: 340px;
  padding: 15px;
  background: #fff;
  box-shadow: 0px 2px 20px 2px #9c9c9c;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 10px;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .enterMeetingID, .MyMeetingMain .MyMeetingRight .create-meet-room .enterMeetingPassword {
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .enterMeetingdiv {
  position: relative;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .enterMeetingdiv i {
  position: absolute;
  right: 0px;
  top: 21px;
  padding: 13px;
  background: #d8d8d8;
  border-radius: 0 4px 4px 0;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .label-header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 40px;
  background: #21a8d8;
  color: #fff;
  font-size: 16px;
  left: 0px;
  border-radius: 10px 10px 0 0;
  line-height: 40px;
  text-align: center;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .label-header .close-newMeet-form {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .mymeeting-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
  margin-top: 10px;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .form-group {
  margin-bottom: 10px;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .form-group.mar-top-40 {
  margin-top: 40px;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group {
  margin-bottom: 10px;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group.meet-time {
  width: calc(50% - 2px);
  float: left;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group label {
  margin: 0;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group .k-datepicker, .MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group .k-timepicker {
  border: none;
  height: auto;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group .k-datepicker .k-picker-wrap .k-input, .MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group .k-timepicker .k-picker-wrap .k-input {
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group .k-datepicker .k-picker-wrap .k-select, .MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group .k-timepicker .k-picker-wrap .k-select {
  background: #d8d8d8;
  height: 41px;
  border: none !important;
  width: 40px;
  border-radius: 0 5px 5px 0;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group .MeetReminder select {
  width: 100%;
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.MyMeetingMain .MyMeetingRight .create-meet-room .scheduleMyMeet .form-group .MeetReminder select:focus {
  border: none;
}
.MyMeetingMain .MyMeetingRight .nochat-meeting {
  padding: 20px;
  background: #f6f6f6;
  margin: auto;
  width: 320px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  box-shadow: 0px 2px 10px 2px #9c9c9c;
  border-radius: 10px;
  text-align: center;
  color: #5f5f5f;
}
.MyMeetingMain .MyMeetingRight .share-meeting {
  padding: 20px;
  background: #fff;
  margin: auto;
  width: 320px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  box-shadow: 0px 2px 20px 2px #9c9c9c;
  border-radius: 10px;
}
.MyMeetingMain .MyMeetingRight .share-meeting .new-meeting .form-group label {
  font-weight: 700;
  margin: 0;
}
.MyMeetingMain .MyMeetingRight .share-meeting .new-meeting .form-group .sub-heading {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #708090;
}
.MyMeetingMain .MyMeetingRight .share-meeting .new-meeting .form-group .meetingIDBox {
  display: block;
  position: relative;
}
.MyMeetingMain .MyMeetingRight .share-meeting .new-meeting .form-group .meetingIDBox .enterMeetingID {
  border: none;
  background: #eee;
  padding: 10px 8px;
  padding-right: 30px;
  height: auto;
  color: #000;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 700;
}
.MyMeetingMain .MyMeetingRight .share-meeting .new-meeting .form-group .meetingIDBox .copy-meetingID {
  position: absolute;
  right: 5px;
  top: 10px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .share-meeting .new-meeting .mymeeting-share-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
}
.MyMeetingMain .MyMeetingRight .share-meeting .new-meeting .backToMeetListBTN {
  display: none;
}
.MyMeetingMain .MyMeetingRight .share-meeting .new-meeting .mymeeting-call-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
  background: none;
  border: 1px solid #888;
  margin-top: 10px;
  color: #000;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain {
  width: 100%;
  height: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .meetchatBack {
  padding: 7px 10px;
  background: #03A9F4;
  color: #fff;
  display: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder {
  position: relative;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox {
  width: 100%;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  margin: 0 20px 0 0;
  position: relative;
  display: flex;
  flex-flow: column;
  bottom: 0;
  transition: 0.1s ease-out;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top {
  display: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top .top_chat_search {
  position: absolute;
  bottom: 0px;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 8px 10px;
  z-index: -1;
  border-bottom: 2px solid #f1f1f1; /*transition:0.5s;*/
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top .top_chat_search.showSearch {
  bottom: -45px;
  z-index: 9;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top .top_chat_search .msg_searchbox {
  width: calc(100% - 150px);
  display: inline-block;
  float: left;
  border: 1px solid #ccc;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top .top_chat_search .search_result {
  border: 1px solid #ccc;
  height: 30px;
  padding: 0 0 0 5px;
  font-size: 12px;
  width: 150px;
  display: inline-block;
  float: left;
  border-left: 0;
  line-height: 26px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top .top_chat_search .search_result .counts {
  height: 29px;
  float: left;
  min-width: 40px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top .top_chat_search .search_result .search-direction {
  margin: 0 5px;
  height: 29px;
  float: left;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top .top_chat_search .search_result .search-direction i {
  width: 20px;
  height: 20px;
  background: #eee;
  color: #777;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  margin: 0 2px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top .top_chat_search .cancle {
  width: 26px;
  height: 29px;
  float: right;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chatbox-top .top_chat_search .cancle i {
  color: #555;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main { /*height: calc(100vh - 118px);height:calc((var(--vh, 1vh) * 100) - 118px);*/
  height: calc(100vh - 90px);
  height: calc(var(--vh, 1vh) * 100 - 90px);
  position: relative;
  display: flex;
  flex-flow: column;
  bottom: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px 50px 10px 30px;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /*---------------------------------------------New Design Chat Start--------------------------------------------------*/
  /*---------------------------------------------New Design Chat End--------------------------------------------------*/
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages::-webkit-scrollbar {
  width: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages::-webkit-scrollbar-thumb {
  background: #888;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder {
  width: 100%;
  margin: 0 0 5px;
  padding-right: 10px;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  position: relative;
  margin-bottom: 24px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .chat-person-img {
  width: 36px;
  float: left;
  height: 36px;
  position: absolute;
  left: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .chat-person-img.chat_person_imgname {
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .chat-person-img img {
  width: 100%;
  border-radius: 50%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-sender {
  font-size: 12px;
  margin: 0 0 3px;
  color: #30649c;
  align-self: flex-start;
  font-weight: 500;
  text-transform: capitalize;
  margin-left: 45px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-sender .urEmoji {
  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 26px;
  box-shadow: 0px 0px 4px 0px #555;
  position: absolute;
  bottom: -21px;
  right: -3px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-sender .urEmoji i {
  font-size: 18px;
  color: #FF9800;
  background: #FFFFFF;
  border-radius: 50%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-sender a {
  color: #30649c;
  text-decoration: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box {
  padding: 0px;
  border-radius: 6px 0 6px 0;
  position: relative;
  background: #dbf4fd;
  color: #000000; /*background: #d1f3ff;color: #333;*/
  font-size: 14px;
  max-width: 80%;
  word-break: break-word;
  border-bottom: 1px;
  /*&:after {content: "";position: absolute;border: 10px solid transparent;border-top: 10px solid rgba(100, 170, 0, .2);border-right: none;bottom: -22px;right: 10px;}*/
  /*.attachment_files{
               .attach_img{position:relative;cursor:pointer;
                       img{height:128px;width:128px;}
                       .img_attach_overlay{opacity:0;width: 128px;height: 128px;background: rgba(148, 148, 148, 0.8);display: inline-block;position: absolute; left: 0;}
                       i{ opacity:0;color:#383838;font-size: 48px;@include alignMiddle;}
                      &:hover{
                          .img_attach_overlay{opacity:1;}
                          i{opacity:1;}
                      }
               }
       .file_details{height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;background: #f0f8ff;color: #000;
                     &.onlyDocs{font-size:18px;font-weight:600;height:100px;}
                     .file_length{font-size:12px;color:#777;}
                     .file-attachment-type{margin-right:5px;}
       }
        .file_Downloadbtn{max-width: 200px;background: #f0f8ff;margin-top: 2px;text-align: center;font-size: 16px;font-weight: 600;padding: 8px 0;}
  }*/
  /*.replyTOMSG{
      .replyTOthisMSG{height: 56px;border-left: 4px solid #607d8b; @include textoverflowdot;max-width: 200px;background:#f0f8ff;color:#000;}
  }*/
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .text_messages {
  padding: 6px 10px;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status {
  position: absolute;
  bottom: -14px;
  right: 0px;
  font-size: 10px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status .single_tick {
  font-size: 12px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status .double_tick {
  font-size: 12px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status .double_tick.seen_msg {
  color: cornflowerblue;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status .double_tick .double_chk {
  position: relative;
  left: -10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .msg_status img {
  width: 16px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner {
  background: #f1f1f1;
  align-self: flex-start;
  position: relative;
  color: #000;
  margin-left: 45px;
  /*&:after {right: auto;bottom: auto;top: -22px;left: 9px;border: 10px solid transparent;border-bottom: 10px solid rgba(0, 114, 135, .2);border-left: none;}*/
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img {
  position: relative;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img img {
  height: 128px;
  width: 128px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img .img_attach_overlay {
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video {
  position: relative;
  height: 200px;
  width: 250px;
  display: inline-block;
  background: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  display: inline-block;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details {
  height: 32px; /*border-left: 4px solid #607d8b;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f0f8ff;
  color: #000;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details.onlyDocs {
  font-size: 15px;
  font-weight: 600;
  height: 100px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download {
  margin-left: 16px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download:hover {
  color: #03a9f4;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #f0f8ff;
  margin-top: 2px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .instantEmoji {
  position: absolute;
  right: -18px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .instantEmoji i {
  font-size: 18px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .chat-Emoji-opt {
  position: absolute;
  width: max-content;
  top: -30px;
  background: #03a9f4;
  color: #FFFFFF;
  padding: 0 10px;
  border-radius: 5px;
  display: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box.message-partner .chat-Emoji-opt i {
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  float: left;
  font-size: 21px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files {
  color: #000;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files:hover {
  text-decoration: none;
  color: #167495;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details {
  position: relative;
  height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
  padding-right: 45px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.onlyDocs {
  font-size: 15px;
  font-weight: 600;
  height: 100px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
  position: absolute;
  bottom: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details .file-attachment-type i {
  color: #333;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details .file-attachment-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img {
  position: relative;
  cursor: pointer;
  height: auto;
  padding: 0;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img img {
  height: 128px;
  width: 128px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img .img_attach_overlay {
  opacity: 0;
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img i {
  opacity: 0;
  color: #383838;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img:hover .img_attach_overlay {
  opacity: 1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img:hover i {
  opacity: 1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video {
  position: relative;
  height: auto;
  width: 250px;
  display: inline-block;
  background: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  display: inline-block;
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #ddd;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG {
  border-bottom: 1px solid #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder.replay_msgOPT .replay_chatMSG {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder.replay_msgOPT:hover .replay_chatMSG {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder.replay_msgOPT:hover .replay_chatMSG i {
  color: #888;
  margin-right: 8px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .edit_chatMSG {
  display: none;
  position: absolute;
  right: 0px;
  top: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-options-main {
  position: absolute;
  right: -1px;
  top: 10px;
  display: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-options-main .message-options .dropdown .dropdown-toggle:after {
  display: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder .message-options-main .message-options .dropdown .dropdown-toggle i {
  color: #777;
  padding: 4px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder:hover .edit_chatMSG {
  display: block;
  position: absolute;
  right: 0px;
  top: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder:hover .edit_chatMSG i {
  color: #03a9f4;
  margin-left: 8px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .message-box-holder:hover .message-options-main {
  display: block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-one .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #dbf4fd, #dbf4fd) !important;
  color: #000 !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #0086da, #00aeec) !important;
  color: #FFFFFF !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG {
  border-bottom: 1px solid #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG {
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages {
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-two .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender .msgSend_time {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #c248b9, #c171ca) !important;
  color: #FFFFFF !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG {
  border-bottom: 1px solid #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG {
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages {
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-three .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender .msgSend_time {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #564ca9, #766ccf) !important;
  color: #FFFFFF !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG {
  border-bottom: 1px solid #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG {
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages {
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-four .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender .msgSend_time {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg {
  background-image: linear-gradient(to right, #f68341, #ffad4d) !important;
  color: #FFFFFF !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG {
  border-bottom: 1px solid #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG {
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages {
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.Chat-theme-five .message-box-holder .user_msg .replyTOMSG .replyTOthisMSG .text_messages .message-sender .msgSend_time {
  color: #fff !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder {
  position: relative;
  margin-top: 24px;
  margin-bottom: 2px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .chat-person-img {
  width: 36px;
  float: left;
  height: 36px;
  position: absolute;
  left: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .chat-person-img.chat_person_imgname {
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-sender {
  margin-left: 45px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box { /*background-image: linear-gradient(to right, #0079d4, #00baf1);color: #fff;*/
  padding: 0;
  word-break: break-word;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .text_messages {
  padding: 6px 10px;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status {
  position: absolute;
  bottom: -14px;
  right: 0px;
  font-size: 10px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .single_tick {
  font-size: 12px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .double_tick {
  font-size: 12px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .double_tick.seen_msg {
  color: cornflowerblue;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .double_tick .double_chk {
  position: relative;
  left: -10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .msg_status img {
  width: 16px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner {
  margin-left: 45px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details {
  position: relative;
  min-height: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .meeting-name {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .schedule-date-time {
  font-size: 12px;
  color: #777;
  margin-top: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info {
  width: 100%;
  display: inline-block;
  margin-top: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info .meet-passcode {
  color: #9C27B0;
  font-size: 13px;
  position: relative;
  top: -2px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info .meet-passcode .passcode-label {
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info .meet-infor-btn {
  width: max-content;
  float: left;
  font-size: 11px;
  min-width: unset;
  margin-right: 5px;
  border-radius: 20px;
  padding: 0px 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type {
  margin-top: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type i {
  color: #333;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type img {
  width: 18px;
  height: 18px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .attchment_download {
  margin-left: 16px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .attchment_download:hover {
  color: #03a9f4;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn {
  width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .btn {
  width: 50%;
  background: #f1f1f1;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
  float: left;
  border-radius: 0;
  border: 1px solid #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .btn.accept-meet {
  border-left: 0;
  border-bottom: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .btn.reject-meet {
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .meet-status {
  width: 100%;
  background: #f1f1f1;
  margin-top: 0px;
  text-align: center;
  font-size: 15px;
  padding: 8px 0;
  float: left;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img {
  position: relative;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img img {
  height: 128px;
  width: 128px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img .img_attach_overlay {
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video {
  position: relative;
  height: 200px;
  width: 250px;
  display: inline-block;
  background: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  display: inline-block;
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details {
  position: relative;
  height: 32px; /*border-left: 4px solid #607d8b;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
  padding-right: 45px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details.onlyDocs {
  font-size: 15px;
  font-weight: 600;
  height: 100px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
  position: absolute;
  bottom: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type i {
  color: #333;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download {
  margin-left: 16px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download:hover {
  color: #03a9f4;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #ddd;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG {
  border-bottom: 1px solid #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files {
  color: #000;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files:hover {
  text-decoration: none;
  color: #167495;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details {
  position: relative;
  height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
  padding-right: 45px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.onlyDocs {
  font-size: 15px;
  font-weight: 600;
  height: 100px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
  position: absolute;
  bottom: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file-attachment-type i {
  color: #333;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file-attachment-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img {
  position: relative;
  cursor: pointer;
  height: auto;
  padding: 0;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img img {
  height: 128px;
  width: 128px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img .img_attach_overlay {
  opacity: 0;
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img i {
  opacity: 0;
  color: #383838;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img:hover .img_attach_overlay {
  opacity: 1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img:hover i {
  opacity: 1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video {
  position: relative;
  height: auto;
  width: 250px;
  display: inline-block;
  background: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  display: inline-block;
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #ddd;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG {
  border-bottom: 1px solid #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .call_details {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin: 10px 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages.newDesignChat .call_details .call_timing {
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .chat-dayDate {
  width: 100%;
  font-size: 12px;
  margin: 30px 0;
  text-align: center;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .chat-dayDate.dayDate_txt {
  position: relative;
  z-index: 1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .chat-dayDate.dayDate_txt:before {
  border-top: 1px solid #bbb;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  z-index: -1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .chat-messages .chat-dayDate.dayDate_txt span {
  background: #fff;
  padding: 0 15px;
  text-transform: capitalize;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain {
  position: absolute;
  bottom: 0;
  right: 0px;
  background: #FFFFFF;
  transition: 0.5s;
  height: 0%;
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain::-webkit-scrollbar {
  width: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain::-webkit-scrollbar-thumb {
  background: #888;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead {
  width: 300px;
  height: 36px;
  line-height: 36px;
  transition: 0.8s;
  color: #FFFFFF;
  background: #03a9f4;
  position: sticky;
  top: 0;
  z-index: 1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead .chat_persons {
  padding: 0 0 0 8px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown {
  float: right;
  font-size: 18px;
  cursor: pointer;
  margin-right: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown .sideChatupArrow {
  padding: 8px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown .sideChatDwnArrow {
  padding: 8px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .chat-messages {
  height: 100%;
  overflow: auto;
  transition: 0.8s;
  padding: 10px 30px;
  width: 300px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .chat_room_main .audio_textChatMain .video_textChatLayout .chat-messages .message-box-holder .message-box {
  font-size: 13px;
  max-width: 90%;
  word-break: break-word;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain {
  width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview {
  width: calc(100% - 20px);
  height: 150px;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body {
  width: 100%;
  height: 150px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
  border-bottom: 1px solid #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc {
  height: 130px;
  width: 100%;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment {
  height: 125px;
  width: 125px;
  float: left;
  background: #fff;
  margin: 5px;
  box-shadow: 0px 0px 18px 0px #ccc;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis {
  position: absolute;
  height: 125px;
  width: 125px;
  right: 0px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis i {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment:hover .removeThis {
  opacity: 1;
  z-index: 99;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body {
  display: inline-block;
  width: 100%;
  height: 125px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body.filepad {
  padding: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body img {
  width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body video {
  width: 125px;
  height: 125px;
  z-index: 1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .video_icon {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .file_icon {
  margin-top: 10px;
  font-size: 20px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .fileName {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .filesize {
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .add_more {
  position: relative;
  width: 48px;
  height: 125px;
  background: rgba(158, 158, 158, 0.6);
  display: inline-block;
  float: left;
  line-height: 120px;
  text-align: center;
  margin: 5px;
  cursor: pointer;
  border-radius: 6px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_doc .add_more .addMoreFiles {
  position: absolute;
  width: 48px;
  height: 120px;
  left: 0;
  top: 0;
  opacity: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .attachment_preview .preview_body .attachment_border {
  width: 100%;
  height: 1px;
  background: #999;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .replyMsgAppend {
  width: 100%;
  height: 100px;
  padding: 10px;
  position: relative;
  top: 16px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis {
  width: 100%;
  height: 84px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .removeThis {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
  color: #787878;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG {
  border-bottom: 1px solid #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
  padding-left: 0px;
  padding-bottom: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain {
  width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview {
  width: calc(100% - 20px);
  height: 150px;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body {
  width: 100%;
  height: 150px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
  border-bottom: 1px solid #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc {
  height: 130px;
  width: 100%;
  display: inline-block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment {
  height: 125px;
  width: 125px;
  float: left;
  background: #fff;
  margin: 5px;
  box-shadow: 0px 0px 18px 0px #ccc;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  /*Video Recording*/
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis {
  position: absolute;
  height: 125px;
  width: 125px;
  right: 0px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis i {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment:hover .removeThis {
  opacity: 1;
  z-index: 99;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body {
  display: inline-block;
  width: 100%;
  height: 125px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body.filepad {
  padding: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body img {
  width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body video {
  width: 125px;
  height: 125px;
  z-index: 1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .video_icon {
  color: #fff;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .file_icon {
  margin-top: 10px;
  font-size: 20px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .fileName {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .filesize {
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment.video_attachment {
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment.video_attachment .removeThis {
  color: #fff;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .add_more {
  position: relative;
  width: 48px;
  height: 125px;
  background: rgba(158, 158, 158, 0.6);
  display: inline-block;
  float: left;
  line-height: 120px;
  text-align: center;
  margin: 5px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .add_more .addMoreFiles {
  position: absolute;
  width: 48px;
  height: 120px;
  left: 0;
  top: 0;
  opacity: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_border {
  width: 100%;
  height: 1px;
  background: #999;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend {
  width: 100%;
  height: 100px;
  padding: 10px;
  position: relative;
  top: 16px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis {
  width: 100%;
  height: 84px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .removeThis {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
  color: #787878;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG {
  border-bottom: 1px solid #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
  padding-left: 0px;
  padding-bottom: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder {
  display: flex;
  position: relative;
  padding: 10px;
  padding-top: 14px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication {
  position: absolute;
  top: -6px;
  font-size: 11px;
  color: #303131;
  left: 26px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave {
  position: relative;
  text-align: center;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave .typingdot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 0px;
  background: #303131;
  animation: typingwave 1.3s linear infinite;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input {
  resize: none;
  padding: 7px 10px 7px 10px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  border: none;
  border-radius: 24px;
  background: #f1f1f1;
  width: 100%;
  -ms-overflow-style: none;
  float: left;
  box-sizing: border-box;
  text-indent: 28px;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /*&.text_inputWidth{width: 100% !important;}*/
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input::-webkit-scrollbar {
  display: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input.text_inputWidth {
  width: calc(100% - 136px) !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input:focus {
  outline: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input.append_radius {
  border-radius: 0 0 24px 24px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .chat-input .message-send:focus {
  outline: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .removeRecordedAudio {
  height: 32px;
  width: 32px;
  background: #ccc;
  color: #545454;
  font-size: 18px;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin: 4px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .RecordAudioMsg_main {
  position: absolute;
  width: calc(100% - 100px);
  margin-left: 40px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .RecordAudioMsg_main .record_audioControls {
  width: 100%;
  height: 40px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .record_audio {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f1f1f1;
  border-radius: 24px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .record_audio .play_pused {
  float: left;
  margin: 0 10px;
  font-size: 28px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .record_audio .record_times {
  float: left;
  text-align: center;
  width: calc(100% - 100px);
  font-weight: 600;
  font-size: 18px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .record_audio .audioRec {
  float: right;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-color: red;
  border: 0;
  border-radius: 12px;
  margin: 14px;
  outline: none;
  animation-name: audioRecordPulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile {
  width: 200px;
  position: fixed;
  height: 32px;
  background: gainsboro;
  bottom: 100px;
  right: 60px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .selectedFiles {
  font-size: 14px;
  line-height: 32px;
  padding: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .addMoreFiles {
  width: 32px;
  height: 32px;
  float: left;
  text-align: center;
  line-height: 32px;
  background: #9E9E9E;
  font-size: 14px;
  color: #555;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .sendFiles {
  width: 32px;
  height: 32px;
  float: right;
  text-align: center;
  line-height: 32px;
  background: #03A9F4;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach {
  width: 40px;
  height: 40px;
  background: #ddd;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  margin-right: 4px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-image: radial-gradient(#f4f4f4, #ddd);
  cursor: pointer;
  float: left;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach:first-child {
  margin-left: 4px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach.attach_file {
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach.attach_file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 40px;
  height: 40px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach i {
  font-size: 18px;
  color: #545454;
  line-height: 40px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder {
  display: flex;
  position: relative;
  padding: 10px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication {
  position: absolute;
  top: -6px;
  font-size: 11px;
  color: #303131;
  left: 26px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication .typingwave {
  position: relative;
  text-align: center;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication .typingwave .typingdot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 0px;
  background: #303131;
  animation: typingwave 1.3s linear infinite;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input {
  resize: none;
  padding: 7px 10px 7px 10px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  border: none;
  border-radius: 24px;
  background: #f1f1f1;
  width: 100%;
  -ms-overflow-style: none;
  float: left;
  box-sizing: border-box;
  text-indent: 10px; /*text-indent:28px;*/
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input::-webkit-scrollbar {
  display: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input.text_inputWidth {
  width: calc(100% - 136px) !important;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input:focus {
  outline: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input.append_radius {
  border-radius: 0 0 24px 24px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-input .message-send:focus {
  outline: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .removeRecordedAudio {
  height: 32px;
  width: 32px;
  background: #ccc;
  color: #545454;
  font-size: 18px;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin: 4px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .record_audio {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f1f1f1;
  border-radius: 24px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .record_audio .play_pused {
  float: left;
  margin: 0 10px;
  font-size: 28px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .record_audio .record_times {
  float: left;
  text-align: center;
  width: calc(100% - 100px);
  font-weight: 600;
  font-size: 18px;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .record_audio .audioRec {
  float: right;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-color: red;
  border: 0;
  border-radius: 12px;
  margin: 14px;
  outline: none;
  animation-name: audioRecordPulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .RecordAudioMsg_main {
  position: absolute;
  width: calc(100% - 100px);
  margin-left: 40px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .RecordAudioMsg_main .record_audioControls {
  width: 100%;
  height: 40px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .send-msg {
  height: 32px;
  width: 32px; /*border-radius: 50%;margin: 0 5px;*/
  border: none;
  background: #03a9f4;
  color: #FFFFFF;
  font-size: 18px;
  position: absolute;
  right: 15px;
  border-radius: 50%;
  top: 14px;
  box-sizing: border-box;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .add-options {
  margin-left: 10px;
  border: none;
  background: transparent;
  color: #03a9f4;
  font-size: 24px;
  position: absolute;
  left: 0px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .insert_Emoji {
  position: absolute;
  width: 36px;
  height: 40px;
  line-height: 45px;
  text-align: center;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .insert_Emoji i {
  font-size: 24px;
  color: #545454;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis {
  width: 280px;
  position: absolute;
  top: -145px;
  left: 18px;
  text-align: left;
  background: #FFFFFF;
  border-radius: 5px 5px 0 0;
  box-shadow: 1px 1px 10px 0px #888;
  height: 150px;
  overflow: auto;
  display: none;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar {
  width: 2px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar-thumb {
  background: #888;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis span {
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_emotion .chat_emojiICONS {
  padding: 3px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_emotion .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_animals {
  display: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_animals .chat_emojiICONS {
  padding: 3px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_animals .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_foods {
  display: none;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_foods .chat_emojiICONS {
  padding: 3px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_foods .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_Tabs {
  height: 28px;
  width: 100%;
  background: #e7f0f3;
  position: sticky;
  top: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_Tabs .emojitab {
  line-height: 28px;
  padding: 0 5px;
  display: inline-block;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .all_emojis .emoji_Tabs .emojitab img {
  width: 22px;
  height: 22px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt {
  position: absolute;
  top: -42px;
  color: #FFFFFF;
  display: none;
  right: 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt i {
  padding: 12px 15px;
  background: #03a9f4;
  float: left;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt i:hover {
  background: #888;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt i:first-child {
  border-radius: 3px 0 0 3px;
  border-right: 1px solid #88d4f7;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .chat-plus-opt i:last-child {
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #88d4f7;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .show_AttachFile {
  width: 200px;
  position: fixed;
  height: 32px;
  background: gainsboro;
  bottom: 100px;
  right: 60px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .show_AttachFile .selectedFiles {
  font-size: 14px;
  line-height: 32px;
  padding: 5px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .show_AttachFile .addMoreFiles {
  width: 32px;
  height: 32px;
  float: left;
  text-align: center;
  line-height: 32px;
  background: #9E9E9E;
  font-size: 14px;
  color: #555;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .show_AttachFile .sendFiles {
  width: 32px;
  height: 32px;
  float: right;
  text-align: center;
  line-height: 32px;
  background: #03A9F4;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach {
  width: 40px;
  height: 40px;
  background: #ddd;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  margin-right: 4px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-image: radial-gradient(#f4f4f4, #ddd);
  cursor: pointer;
  float: left;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach:first-child {
  margin-left: 4px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach.attach_file {
  cursor: pointer;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach.attach_file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 40px;
  height: 40px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .input_textmain .chat-input-holder .input_attachment .input_attach i {
  font-size: 18px;
  color: #545454;
  line-height: 40px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .attachment-panel {
  padding: 3px 10px;
  text-align: right;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .attachment-panel a {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .attachment-panel a:link {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .chatbox-holder .chatbox .attachment-panel a:visited {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .meetRecords {
  height: calc(100% - 70px);
  overflow: auto;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .meetRecords .chat-dayDate {
  width: 100%;
  font-size: 12px;
  margin: 30px 0;
  text-align: center;
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .meetRecords .chat-dayDate.dayDate_txt {
  position: relative;
  z-index: 1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .meetRecords .chat-dayDate.dayDate_txt:before {
  border-top: 1px solid #bbb;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  z-index: -1;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .meetRecords .chat-dayDate.dayDate_txt span {
  background: #f6f6f6;
  padding: 0 15px;
  text-transform: capitalize;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .meetRecords .call_details {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin: 10px 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .meetRecords .call_details .call_timing {
  color: #777;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .reschedue-Meeting {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .reschedue-Meeting .mymeeting-btn {
  width: calc(100% - 30px);
  max-width: 350px;
  border-radius: 20px;
  padding: 8px;
  margin: 2px 15px;
}
.MyMeetingMain .MyMeetingRight .meetHistoryMain .reschedue-Meeting .mymeeting-btn.backToMeetListBTN {
  display: none;
}

.share-meetingList {
  z-index: 99999;
  background: rgba(0, 0, 0, 0.5);
}
.share-meetingList .modal-dialog {
  max-width: 350px;
  height: auto;
  margin: 20px auto;
}
.share-meetingList .modal-dialog .modal-content .modal-header {
  border: none;
}
.share-meetingList .modal-dialog .modal-content .modal-header .close {
  color: #fff;
}
.share-meetingList .modal-dialog .modal-content .modal-body .share-meetingbody .share-meeting {
  height: auto;
}
.share-meetingList .modal-dialog .modal-content .modal-body .share-meetingbody .share-meeting .new-meeting .form-group label {
  font-weight: 700;
  margin: 0;
}
.share-meetingList .modal-dialog .modal-content .modal-body .share-meetingbody .share-meeting .new-meeting .form-group .sub-heading {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #708090;
}
.share-meetingList .modal-dialog .modal-content .modal-body .share-meetingbody .share-meeting .new-meeting .form-group .meetingIDBox {
  display: block;
  position: relative;
}
.share-meetingList .modal-dialog .modal-content .modal-body .share-meetingbody .share-meeting .new-meeting .form-group .meetingIDBox .enterMeetingID {
  border: none;
  background: #eee;
  padding: 10px 8px;
  padding-right: 30px;
  height: auto;
  color: #000;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 700;
}
.share-meetingList .modal-dialog .modal-content .modal-body .share-meetingbody .share-meeting .new-meeting .form-group .meetingIDBox .copy-meetingID {
  position: absolute;
  right: 5px;
  top: 10px;
  cursor: pointer;
}
.share-meetingList .modal-dialog .modal-content .modal-body .share-meetingbody .share-meeting .new-meeting .mymeeting-share-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
}
.share-meetingList .modal-dialog .modal-content .modal-body .share-meetingbody .share-meeting .new-meeting .backToMeetListBTN {
  display: none;
}
.share-meetingList .modal-dialog .modal-content .modal-body .share-meetingbody .share-meeting .new-meeting .mymeeting-call-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
  background: none;
  border: 1px solid #888;
  margin-top: 10px;
  color: #000;
}

/*-------Meeting Login Page start--------*/
.MeetingLoginpage {
  position: relative;
}
.MeetingLoginpage .guestMeetlogin-main {
  position: relative;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  margin: 0;
  background-image: linear-gradient(45deg, #1de5e2, #ac8df6);
  overflow: auto;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo {
  width: calc(100% - 50px);
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 0px 6px 0px #3F51B5;
  height: 416px;
  position: absolute;
  top: 50%;
  background: #000;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 0;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo .login-videoSetting {
  position: absolute;
  bottom: 15px;
  left: calc(50% - 45px);
  display: inline-block;
  text-align: center;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo .login-videoSetting .GuestvideoOnOff {
  float: left;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo .login-videoSetting .GuestvideoOnOff .login-videoON {
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo .login-videoSetting .GuestvideoOnOff .login-videoOFF {
  background: red;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  display: block;
  cursor: pointer;
  border: none;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo .login-videoSetting .GuestvideoOnOff .login-videoOFF img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 6px;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo .login-videoSetting .GuestmicONOFF {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo .login-videoSetting .GuestmicONOFF .guestmicOn {
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: inline-block;
  font-size: 20px;
  line-height: 40px;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo .login-videoSetting .GuestmicONOFF .guestmicOFF {
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: red;
  display: inline-block;
  font-size: 20px;
  line-height: 40px;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo img, .MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo video {
  width: 100%;
  height: 100%;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo .setting-meet {
  width: 28px;
  height: 28px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin { /*width: 300px;padding: 10px;background: #fff;border-radius: 5px; @include alignMiddle;box-shadow: 0px 0px 6px 0px #3F51B5;*/
  width: calc(100% - 20px);
  max-width: 340px;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 6px 0px #3F51B5;
  height: fit-content;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin form .form-group .login-label {
  color: #000000;
  font-weight: 400;
  font-size: 14px;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin form .form-group .form-control {
  border: none;
  background: #eee !important;
  padding: 10px 8px;
  height: auto !important;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin form .form-group.enterMeetingdiv {
  position: relative;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin form .form-group.enterMeetingdiv i {
  position: absolute;
  right: 0px;
  top: 28px;
  padding: 12px;
  background: #d8d8d8;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin form .form-group.enterMeetingdiv i.live-passcode {
  top: 21px;
  padding: 13px;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin form .login-Meeting {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin form .login-Meeting .joinGuest-btn {
  width: 100%;
  max-width: 350px;
  border-radius: 20px;
  padding: 6px;
  margin-bottom: 5px;
  background-color: #20a8d8 !important;
  border-color: #20a8d8 !important;
}

/*--------Meeting Login Page end---------*/
.selected-users-main {
  list-style-type: none;
  padding-left: 10px;
  position: relative;
  overflow: auto;
  white-space: nowrap; /*height:70px;*/
  padding-bottom: 0;
  top: -7px;
}
.selected-users-main::-webkit-scrollbar {
  display: none;
  background: #aaa;
}
.selected-users-main:hover::-webkit-scrollbar {
  display: block;
}
.selected-users-main .selected-user {
  position: relative;
  width: 48px;
  display: inline-block;
  text-align: center;
  margin-right: 12px;
}
.selected-users-main .selected-user .user-dp {
  height: 48px;
  width: 48px;
  background: #f1f1f1;
  color: #03A9F4;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}
.selected-users-main .selected-user .user-name {
  display: block;
  font-size: 11px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50px;
}
.selected-users-main .selected-user .close-item {
  position: absolute;
  width: 18px;
  height: 18px;
  right: -3px;
  top: 0;
}
.selected-users-main .selected-user:hover {
  text-decoration: none;
}

.shareMyMeetingID {
  z-index: 99999;
}
.shareMyMeetingID .modal-dialog {
  max-width: 400px;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .shareSocialMediaUL {
  padding: 0;
  list-style-type: none;
  text-align: center;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .shareSocialMediaUL .shareSocialMediaLI {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  width: 75px;
  height: auto;
  margin-bottom: 24px;
  padding: 5px;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .shareSocialMediaUL .shareSocialMediaLI:hover {
  background: #e6e6e6;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .shareSocialMediaUL .shareSocialMediaLI a {
  display: block;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .shareSocialMediaUL .shareSocialMediaLI .inviteLabel {
  font-size: 10px;
  text-align: center;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .shareSocialMediaUL .shareSocialMediaLI .shareSocialMediaicon {
  width: 26px;
  height: 26px;
  display: block;
  margin: auto;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .teamMeetLabel {
  margin-left: 20px;
  font-weight: 600;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .teamListMeeingUL {
  padding: 0;
  list-style-type: none;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .teamListMeeingUL .teamListMeeingLI {
  padding: 10px 20px;
  cursor: pointer;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .teamListMeeingUL .teamListMeeingLI .teamLetterMeet {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  background: #E91E63;
  display: inline-block;
  border-radius: 50%;
  line-height: 28px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .teamListMeeingUL .teamListMeeingLI:hover {
  background: #e6e6e6;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .teamListMeeingUL .teamListMeeingLI .shareSocialMediaicon {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .teamListMeeingUL .teamListMeeingLI .select_teamMeet {
  position: relative;
  top: 6px;
  float: right;
}
.shareMyMeetingID .modal-dialog .modal-content .modal-body .mymeeting-btn {
  width: calc(100% - 30px);
  border-radius: 20px;
  padding: 8px;
  margin: 0px 15px;
}

.guestLeftMeeting {
  z-index: 99999;
}
.guestLeftMeeting .modal-dialog {
  max-width: 400px;
}
.guestLeftMeeting .modal-dialog .modal-content .modal-body .mymeeting-btn {
  width: calc(50% - 30px) !important;
  float: unset;
  border-radius: 20px;
  padding: 8px;
  margin: 0px 15px;
}
.guestLeftMeeting .modal-dialog .modal-content .modal-body .mymeeting-btn.btn-border {
  background-color: transparent;
  color: #20a8d8;
  border: 1px solid #20a8d8;
}

.removeMeetingList .modal-dialog {
  max-width: 350px;
}
.removeMeetingList .modal-dialog .modal-content .modal-header {
  background-color: transparent;
  border: none;
}
.removeMeetingList .modal-dialog .modal-content .modal-header .close {
  color: #000;
}
.removeMeetingList .modal-dialog .modal-content .modal-body .deletelistbody {
  padding: 0;
  text-align: center;
}
.removeMeetingList .modal-dialog .modal-content .modal-body .deletelistbody .confirmDeleteMeeting {
  margin-bottom: 18px;
}
.removeMeetingList .modal-dialog .modal-content .modal-body .deletelistbody .confirmDeleteMeeting span {
  color: #483d8b;
  font-style: italic;
}
.removeMeetingList .modal-dialog .modal-content .modal-body .deletelistbody .btn {
  border-radius: 4px;
  min-width: 80px;
}

.peopleMeetingList, .VendorMeetingList, .teamMeetingList {
  z-index: 999999;
}
.peopleMeetingList .modal-dialog, .VendorMeetingList .modal-dialog, .teamMeetingList .modal-dialog {
  max-width: 450px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.peopleMeetingList .modal-dialog .modal-content .modal-header, .VendorMeetingList .modal-dialog .modal-content .modal-header, .teamMeetingList .modal-dialog .modal-content .modal-header {
  border: none;
}
.peopleMeetingList .modal-dialog .modal-content .modal-header .close, .VendorMeetingList .modal-dialog .modal-content .modal-header .close, .teamMeetingList .modal-dialog .modal-content .modal-header .close {
  color: #fff;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody {
  padding: 0;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .search-inputbox, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .search-inputbox, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .search-inputbox {
  position: relative;
  top: -16px;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .search-inputbox .form-control, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .search-inputbox .form-control, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .search-inputbox .form-control {
  padding: 0px 0 0 36px;
  border: none;
  background: #f1f1f1;
  height: 40px;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .search-inputbox .seach-icon, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .search-inputbox .seach-icon, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .search-inputbox .seach-icon {
  position: absolute;
  top: 11px;
  left: 10px;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .list-title, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .list-title, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .list-title {
  margin-left: 10px;
  margin-bottom: 10px;
  color: #888;
  font-weight: 600;
  display: block;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL {
  padding: 0;
  list-style-type: none;
  border: none;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  border-bottom: 1px solid #efefef;
  position: relative;
  box-sizing: border-box;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img {
  width: 36px;
  height: 36px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img.chat_list_name, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img.chat_list_name, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img.chat_list_name {
  height: 36px;
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img.chat_list_name .online-indication, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img.chat_list_name .online-indication, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img.chat_list_name .online-indication {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #89e61d;
  display: block;
  position: absolute;
  right: -1px;
  bottom: -1px;
  border: 1px solid;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img.chat_list_name .online-indication.offline-indication, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img.chat_list_name .online-indication.offline-indication, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img.chat_list_name .online-indication.offline-indication {
  background: #ccc;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img img, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img img, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-img img {
  width: 36px;
  height: 36px;
  float: left;
  border-radius: 50%;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details {
  width: calc(100% - 130px);
  display: inline-block;
  float: left;
  position: relative;
  line-height: 1.5;
  top: -3px;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details.vendor-list-details, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details.vendor-list-details, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details.vendor-list-details {
  line-height: 36px;
  top: unset;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details.team-list-details, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details.team-list-details, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details.team-list-details {
  line-height: 36px;
  top: unset;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-username, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-username, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-username {
  display: block;
  position: relative;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-username .online-indication, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-username .online-indication, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-username .online-indication {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #89e61d;
  display: block;
  position: absolute;
  right: -1px;
  bottom: -1px;
  border: 1px solid;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-username .online-indication.offline-indication, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-username .online-indication.offline-indication, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-username .online-indication.offline-indication {
  background: #ccc;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-list-status, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-list-status, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .chat-list-details .chat-list-status {
  font-size: 13px;
  color: darkgray;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .select_AddUser, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .select_AddUser, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .select_AddUser {
  position: absolute;
  right: 20px;
  /*input{opacity:0;}*/
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .forward_msgSend, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .forward_msgSend, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .forward_msgSend {
  padding: 5px;
  background: #ff6358;
  width: 80px;
  display: inline-block;
  text-align: center;
  border-radius: 36px;
  color: #fff;
  cursor: pointer;
}
.peopleMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .forward_msgSend.sentMsg, .VendorMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .forward_msgSend.sentMsg, .teamMeetingList .modal-dialog .modal-content .modal-body .Peoplelistbody .peopleListMeeingUL .peopleListMeeingli .forward_msgSend.sentMsg {
  background: none;
  border: 1px solid #ff6358;
  color: #ff6358;
}

.myMeetLoginSetting .modal-dialog {
  width: 75%;
  max-width: 700px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-header {
  border: none;
  border-bottom: 1px solid #ccc;
  color: #fff;
  background: #03A9F4;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-header .modal-title {
  color: #fff;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-header .close {
  color: #fff;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meet-tabs-left {
  border-bottom: none;
  border-right: 1px solid #ddd;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meet-tabs-left li {
  float: left;
  margin: 0;
  width: 100%;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meet-tabs-left li.active a {
  position: relative;
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background: #f90;
  color: #fff !important;
  border: none;
  border-radius: 0px;
  margin: 0px;
  width: 100%;
  display: block;
  padding: 5px;
  /*&:hover{border-bottom-color: #ddd;  border-right-color: transparent;  background:#f90;  border:none;  border-radius:0px;  margin:0px;}
  &:focus{border-bottom-color: #ddd;  border-right-color: transparent;  background:#f90;  border:none;  border-radius:0px;  margin:0px;}*/
  /*&:hover{
      &::after{border-left: 15px solid #ddd;}
  }*/
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meet-tabs-left li.active a::after {
  content: "";
  position: absolute;
  top: 1px;
  right: -15px;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 15px solid #f90;
  display: block;
  width: 0;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meet-tabs-left.meet-nav-tabs li a {
  width: 100%;
  display: block;
  padding: 0;
  transition: 0.1s all ease;
  height: 38px;
  line-height: 38px;
  padding-left: 10px;
  font-size: 16px;
  /*&:hover {background:#ddd;color: #007EB0 !important;}*/
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meet-tabs-left.meet-nav-tabs li a:hover {
  text-decoration: none;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane {
  display: block;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn {
  width: 100%;
  display: inline-block;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn .form-control {
  height: 30px !important;
  width: 100%;
  float: left;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn .form-control.formWidth-md {
  width: calc(100% - 160px) !important;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn .form-control .k-dropdown-wrap {
  padding-right: 30px !important;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn .form-control .k-dropdown-wrap .k-select {
  background: transparent;
  border: none !important;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn label {
  color: #007eb0;
  font-weight: 600;
  margin: 0;
  display: block;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn select {
  height: 30px !important;
  border: none;
  border-bottom: 1px solid #ccc; /*color:#888;*/
  font-size: 14px;
  padding: 0;
  float: left;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn select i {
  color: #888 !important;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn select.setAudGuest {
  width: calc(100% - 160px);
  float: left;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn .rightOptGuestSetting {
  width: 150px;
  display: inline-block;
  margin-left: 10px;
  font-size: 11px;
  background: #eee;
  text-align: center;
  position: relative;
  top: -10px;
  color: #888;
  padding: 10px 5px;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn .rightOptGuestSetting.test-vol {
  background: none;
  cursor: pointer;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .setting_type_drpdwn .rightOptGuestSetting.test-vol i {
  color: #555;
  position: relative;
  top: 3px;
  font-size: 16px;
}
.myMeetLoginSetting .modal-dialog .modal-content .modal-body .meetSetting-tab-content .tab-pane .generalSetting {
  color: #505050;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  background: #888;
  padding: 20px;
}

.rescheduleMeetingPopup .modal-dialog {
  max-width: 400px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-header {
  border: none;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-header .close {
  color: #fff;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting {
  padding: 10px; /*background: lightsteelblue;*/
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .new-meeting-label {
  cursor: pointer;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .new-meeting-label .meeting-img {
  width: 36px;
  height: 36px;
  padding: 3px;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .new-meeting-label span {
  font-weight: 600;
  margin-left: 5px;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room {
  margin-top: 15px;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .enterMeetingID, .rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .enterMeetingPassword {
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .enterMeetingdiv {
  position: relative;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .enterMeetingdiv i {
  position: absolute;
  right: 0px;
  top: 21px;
  padding: 13px;
  background: #d8d8d8;
  border-radius: 0 4px 4px 0;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .mymeeting-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
  margin-top: 10px;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .form-group {
  margin-bottom: 10px;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group {
  margin-bottom: 10px;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group label {
  margin: 0;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-datepicker, .rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-timepicker {
  border: none;
  height: auto;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-datepicker .k-picker-wrap .k-input, .rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-timepicker .k-picker-wrap .k-input {
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-datepicker .k-picker-wrap .k-select, .rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .k-timepicker .k-picker-wrap .k-select {
  background: #d8d8d8;
  height: 41px;
  border: none !important;
  width: 40px;
  border-radius: 0 5px 5px 0;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .MeetReminder select {
  width: 100%;
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.rescheduleMeetingPopup .modal-dialog .modal-content .modal-body .create-meeting .new-meeting .create-meet-room .scheduleMyMeet .form-group .MeetReminder select:focus {
  border: none;
}

/*form Mobile view*/
@media (max-width: 768px) {
  .MyMeetingMain .MyMeetingLeft {
    width: 100%;
  }
  .MyMeetingMain .MyMeetingRight {
    width: 100%;
  }
  .MyMeetingMain .MyMeetingRight .create-meet-room .label-header .close-newMeet-form {
    display: block;
  }
  .MyMeetingMain .MyMeetingRight .share-meeting .new-meeting .backToMeetListBTN {
    display: block;
  }
  .MyMeetingMain .MyMeetingRight .meetHistoryMain .meetchatBack {
    display: block;
  }
  .MyMeetingMain .MyMeetingRight .meetHistoryMain .meetRecords {
    height: calc(100% - 100px);
  }
  .MyMeetingMain .MyMeetingRight .meetHistoryMain .reschedue-Meeting {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
  .MyMeetingMain .MyMeetingRight .meetHistoryMain .reschedue-Meeting .mymeeting-btn {
    width: calc(100% - 30px);
    max-width: 350px;
    border-radius: 20px;
    padding: 8px;
    margin: 2px 15px;
  }
  .MyMeetingMain .MyMeetingRight .meetHistoryMain .reschedue-Meeting .mymeeting-btn.backToMeetListBTN {
    display: block;
  }
}
#ftco-loader {
  position: fixed;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  -o-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  z-index: 10001;
}

#ftco-loader.fullscreen {
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#ftco-loader.show {
  -webkit-transition: opacity 0.4s ease-out, visibility 0s linear 0s;
  -o-transition: opacity 0.4s ease-out, visibility 0s linear 0s;
  transition: opacity 0.4s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
}

#ftco-loader .circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  display: block;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#ftco-loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px;
  }
}
@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px;
  }
}
.pure-material-progress-linear {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 0.25em;
  width: 100%;
  color: #20a8d8;
  background-color: #f2f7fe;
  font-size: 16px;
}

.pure-material-progress-linear::-webkit-progress-bar {
  background-color: transparent;
}

/* Determinate */
.pure-material-progress-linear::-webkit-progress-value {
  background-color: currentColor;
  transition: all 0.2s;
}

.pure-material-progress-linear::-moz-progress-bar {
  background-color: currentColor;
  transition: all 0.2s;
}

.pure-material-progress-linear::-ms-fill {
  border: none;
  background-color: currentColor;
  transition: all 0.2s;
}

/* Indeterminate */
.pure-material-progress-linear:indeterminate {
  background-size: 200% 100%;
  background-image: linear-gradient(to right, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 71.5%, currentColor 71.5%, currentColor 84%, transparent 84%);
  animation: pure-material-progress-linear 2s infinite linear;
}

.pure-material-progress-linear:indeterminate::-moz-progress-bar {
  background-color: transparent;
}

.pure-material-progress-linear:indeterminate::-ms-fill {
  animation-name: none;
}

@keyframes pure-material-progress-linear {
  0% {
    background-size: 200% 100%;
    background-position: left -31.25% top 0%;
  }
  50% {
    background-size: 800% 100%;
    background-position: left -49% top 0%;
  }
  100% {
    background-size: 400% 100%;
    background-position: left -102% top 0%;
  }
}
.timesheet-scroll {
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
}

.timesheet-header {
  width: 100%;
  float: left;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
}
.timesheet-header .timesheet-header-content {
  position: relative;
  padding: 10px;
  width: 100%;
  float: left;
}
.timesheet-header .timesheet-header-content ul {
  position: relative;
  margin: 0;
  width: 100%;
  float: left;
  padding: 0;
  list-style-type: none;
}
.timesheet-header .timesheet-header-content ul li {
  position: relative;
  display: inline-block;
  padding: 10px 5px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
}
.timesheet-header .timesheet-header-content ul li i {
  padding-right: 5px;
}
.timesheet-header .timesheet-header-content ul li:hover {
  color: #20a8d8;
  cursor: pointer;
}
.timesheet-header .timesheet-header-content ul li.selected {
  color: #20a8d8;
}

.timesheet-dateweek-header {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin: 0 15px;
  height: auto;
  background: #FFFFFF;
}
.timesheet-dateweek-header.detailed-search {
  width: 100%;
  margin: 0;
  position: relative;
}
.timesheet-dateweek-header .date-next-prev-box {
  width: auto;
  position: relative;
  float: left;
}
.timesheet-dateweek-header .date-next-prev-box .date-btn {
  padding: 6px 12px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  text-align: center;
  justify-content: center;
  -webkit-align-content: center;
  float: left;
  border: 1px solid #cccccc;
  position: relative;
}
.timesheet-dateweek-header .date-next-prev-box .date-btn:hover {
  cursor: pointer;
  background: #e3e3e7;
}
.timesheet-dateweek-header .date-next-prev-box .date-btn.detailed-report {
  position: relative;
}
.timesheet-dateweek-header .date-next-prev-box .date-btn.detailed-report .k-animation-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}
.timesheet-dateweek-header .date-next-prev-box .date-btn:not(:first-child):not(:last-child) {
  border-right: 0;
  border-left: 0;
}
.timesheet-dateweek-header .date-label-text {
  float: left;
  width: auto;
  padding: 6px 12px;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 500;
}
.timesheet-dateweek-header .day-week-box {
  position: relative;
  -webkit-box-pack: end !important;
  justify-content: flex-end !important;
  border: none;
  display: -webkit-inline-box;
}
.timesheet-dateweek-header .day-week-switch {
  float: left;
  position: relative;
  width: auto;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cccccc;
}
.timesheet-dateweek-header .day-week-switch .switch-btn {
  padding: 6px 12px;
  border-left: 0;
  float: left;
  cursor: pointer;
  min-width: 60px;
  text-align: center;
  justify-content: center;
  -webkit-align-content: center;
  border-right: 1px solid #cccccc;
}
.timesheet-dateweek-header .day-week-switch .switch-btn:hover {
  background: #e3e3e7;
  cursor: pointer;
}
.timesheet-dateweek-header .day-week-switch .switch-btn.selected {
  color: #20a8d8;
}
.timesheet-dateweek-header .day-week-switch .switch-btn:last-child {
  border-right: none;
}
.timesheet-dateweek-header .day-week-right-div {
  float: left;
  position: relative;
  width: auto;
  float: left;
}
.timesheet-dateweek-header .day-week-right-div .right-action-div {
  padding: 6px 12px;
  position: relative;
  float: left;
  border: 1px solid #cccccc;
  margin-left: 7px;
  text-align: center;
  -webkit-align-content: center;
  justify-content: center;
  cursor: pointer;
}
.timesheet-dateweek-header .day-week-right-div .right-action-div:hover {
  cursor: pointer;
  background: #e3e3e7;
}
.timesheet-dateweek-header .day-week-right-div .right-action-div.selected {
  color: #20a8d8;
  cursor: pointer;
}
.timesheet-dateweek-header .day-week-right-div .right-action-div:last-child {
  margin-right: 0;
}

.timesheet-add-task {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding: 10px;
  margin: 0 15px;
  background: #f8f8f8;
  height: auto;
}
.timesheet-add-task .timesheet-project-btn {
  width: auto;
  position: relative;
  top: 3px;
  right: 0;
  color: #20a8d8;
  font-size: 16px;
  cursor: pointer;
  float: left;
}
.timesheet-add-task .timesheet-project-btn i {
  margin-right: 10px;
  text-decoration: none;
}
.timesheet-add-task .timesheet-project-btn i:hover {
  text-decoration: none;
}
.timesheet-add-task .timesheet-project-btn:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #000000;
}
.timesheet-add-task .timesheet-project-btn:hover i {
  text-decoration: none;
}
.timesheet-add-task .form-control {
  font-size: 14px;
  color: #000000;
}
.timesheet-add-task .timiesheet-entry-action {
  -webkit-box-pack: end !important;
  justify-content: flex-end !important;
  border: none;
}
.timesheet-add-task .timesheet-componet-divide-left {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 20px;
  min-height: 30px;
  border-left: 1px dotted #cccccc;
}
.timesheet-add-task .timesheet-componet-divide-left.hidden-input-date {
  position: relative;
}
.timesheet-add-task .timesheet-timepicker {
  width: 80px;
  border: none;
  background: 0 0;
  text-align: center;
  padding: 0;
}
.timesheet-add-task .timesheet-timepicker.hour {
  font-size: 18px;
}
.timesheet-add-task .timesheet-cursor {
  position: relative;
}
.timesheet-add-task .timesheet-cursor:hover {
  cursor: pointer;
}
.timesheet-add-task .timesheet-main-input {
  border: none;
}
.timesheet-add-task:hover .timesheet-main-input {
  border: 1px solid #8e8a86;
}
.timesheet-add-task:hover .timesheet-timepicker {
  border: 1px solid #8e8a86;
}
.timesheet-add-task:hover .timesheet-timepicker .k-input {
  border: 0px !important;
}
.timesheet-add-task .timesheet-timetracker-block {
  position: absolute;
  display: inline-block;
  margin-left: -10px;
}
.timesheet-add-task .timesheet-timetracker-switch {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 14px;
  height: 16px;
  cursor: pointer;
}
.timesheet-add-task .timesheet-timetracker-switch.selected {
  color: #20a8d8;
}
.timesheet-add-task:hover {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  transition: all 0.3s ease 0s;
}

.timesheet-add-pro-popup {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  float: left;
  min-width: 300px;
  max-width: 600px;
  width: 300px;
  padding: 10px 0 0 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #333;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border: none;
  display: none;
}
.timesheet-add-pro-popup .add-pro-header {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px;
  border-bottom: 1px solid #cccccc;
}
.timesheet-add-pro-popup .add-pro-header .project-search-input {
  font-size: 14px;
}
.timesheet-add-pro-popup .add-pro-dropdown-list {
  width: 100%;
  float: left;
  position: relative;
  max-height: 147px;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
}
.timesheet-add-pro-popup .add-pro-dropdown-list .add-pro-dropdown-item {
  width: 100%;
  position: relative;
  padding: 10px;
  font-size: 14px;
}
.timesheet-add-pro-popup .add-pro-dropdown-list .add-pro-dropdown-item:hover {
  background: #e3e3e7;
  cursor: pointer;
}
.timesheet-add-pro-popup .add-pro-dropdown-footer {
  width: 100%;
  float: left;
  position: relative;
  border-top: 1px solid #cccccc;
}
.timesheet-add-pro-popup .add-pro-dropdown-footer .create-new-project {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
  color: #20a8d8;
  cursor: pointer;
}
.timesheet-add-pro-popup .add-pro-dropdown-footer .create-new-project:hover {
  background: #e3e3e7;
  cursor: pointer;
}

.timesheet-admin-veiw {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  float: left;
  min-width: 300px;
  max-width: 600px;
  width: 300px;
  padding: 10px 0 0 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #333;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border: none;
  display: none;
}
.timesheet-admin-veiw .add-pro-header {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px;
  border-bottom: 1px solid #cccccc;
}
.timesheet-admin-veiw .add-pro-header .project-search-input {
  font-size: 14px;
}
.timesheet-admin-veiw .task-person-listview {
  position: relative;
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
}
.timesheet-admin-veiw .add-pro-dropdown-list {
  width: 100%;
  float: left;
  position: relative;
  max-height: 250px;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
}
.timesheet-admin-veiw .add-pro-dropdown-list .add-pro-dropdown-item {
  width: 100%;
  position: relative;
  padding: 10px;
  font-size: 14px;
  float: left;
}
.timesheet-admin-veiw .add-pro-dropdown-list .add-pro-dropdown-item .task-person-icon {
  width: 20px;
  height: 20px;
  float: left;
  background: #03A9F4;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  -webkit-align-content: center;
  justify-content: center;
  color: #FFFFFF;
  text-transform: uppercase;
}
.timesheet-admin-veiw .add-pro-dropdown-list .add-pro-dropdown-item .task-person-name {
  float: left;
  position: relative;
  width: calc(100% - 25px);
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
}
.timesheet-admin-veiw .add-pro-dropdown-list .add-pro-dropdown-item:hover {
  background: #e3e3e7;
  cursor: pointer;
}

.timesheet-project-area {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding: 0;
  margin: 0 15px;
  background: #FFFFFF;
  height: auto;
}
.timesheet-project-area .timesheet-proje-header {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px;
}
.timesheet-project-area .timesheet-proje-header .timesheet-date-area {
  width: calc(100% - 150px);
  position: relative;
  float: left;
  font-size: 16px;
  font-weight: 600;
}
.timesheet-project-area .timesheet-proje-header .total-hour-area {
  position: relative;
  text-align: right;
  float: left;
  width: 150px;
  font-size: 14px;
}
.timesheet-project-area .timesheet-proje-header .total-hour-area .hour {
  width: auto;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 700;
}
.timesheet-project-area .timesheet-proje-header .total-hour-area .edit-btn {
  padding: 0;
  font-size: 14px;
  cursor: pointer;
}
.timesheet-project-area .timesheet-proje-header .timesheet-bulkedit-area {
  width: 100%;
  position: relative;
  float: left;
}
.timesheet-project-area .timesheet-proje-header .timesheet-bulkedit-area .rowSelected {
  cursor: pointer;
  cursor: default;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.4);
}
.timesheet-project-area .timesheet-proje-header .timesheet-bulkedit-area .rowSelected.btn-enable {
  cursor: pointer;
  color: #000000;
}
.timesheet-project-area .timesheet-proje-header .timesheet-bulkedit-area .bulk-edit {
  cursor: pointer;
  cursor: default;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.4);
}
.timesheet-project-area .timesheet-proje-header .timesheet-bulkedit-area .bulk-edit.btn-enable {
  cursor: pointer;
  color: #20a8d8;
  pointer-events: auto;
}
.timesheet-project-area .timesheet-proje-header .timesheet-bulkedit-area .bulk-edit.btn-enable:hover {
  cursor: pointer;
  text-decoration: underline;
  pointer-events: auto;
}
.timesheet-project-area .timesheet-proje-header .timesheet-bulkedit-area .bulk-delete {
  cursor: pointer;
  cursor: default;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.4);
}
.timesheet-project-area .timesheet-proje-header .timesheet-bulkedit-area .bulk-delete.btn-enable {
  cursor: pointer;
  color: #f86c6b;
  pointer-events: auto;
}
.timesheet-project-area .timesheet-proje-header .timesheet-bulkedit-area .bulk-delete.btn-enable:hover {
  cursor: pointer !important;
  text-decoration: underline !important;
  pointer-events: auto !important;
}
.timesheet-project-area .timesheet-proje-body {
  position: relative;
  width: 100%;
  float: left;
  padding: 0;
  border-bottom: 1px solid #cccccc;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -os-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task {
  position: relative;
  float: left;
  width: 100%;
  background: #FFFFFF;
  height: auto;
  padding: 10px 0;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #cccccc;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .row {
  margin: 0;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-input-check-area {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-input-check-area.enable-row-checkbox .timesheet-check-area {
  width: 16px;
  position: relative;
  float: left;
  top: 5px;
  display: block;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-input-check-area.enable-row-checkbox .timesheet-input-area {
  width: calc(100% - 26px);
  position: relative;
  float: left;
  padding-left: 10px;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-input-check-area .timesheet-check-area {
  width: 16px;
  position: relative;
  float: left;
  top: 5px;
  display: none;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-input-check-area .timesheet-input-area {
  width: 100%;
  position: relative;
  float: left;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-project-btn {
  width: auto;
  position: relative;
  top: 3px;
  right: 0;
  color: #20a8d8;
  font-size: 16px;
  cursor: pointer;
  float: left;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-project-btn i {
  margin-right: 10px;
  text-decoration: none;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-project-btn i:hover {
  text-decoration: none;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-project-btn:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #000000;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-project-btn:hover i {
  text-decoration: none;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .form-control {
  font-size: 14px;
  color: #000000;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timiesheet-entry-action {
  -webkit-box-pack: end !important;
  justify-content: flex-end !important;
  border: none;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-componet-divide-left {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 20px;
  min-height: 30px;
  border-left: 1px dotted #cccccc;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-componet-divide-left.hidden-input-date {
  position: relative;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-timepicker {
  width: 89px;
  border: none;
  background: 0 0;
  text-align: center;
  padding: 0;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-timepicker.hour {
  font-size: 14px;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-cursor {
  position: relative;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-cursor:hover {
  cursor: pointer;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-main-input {
  border: none;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task:hover .timesheet-main-input {
  border: 1px solid #8e8a86;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task:hover .timesheet-timepicker {
  border: 1px solid #8e8a86;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-timetracker-block {
  position: absolute;
  display: inline-block;
  margin-left: -10px;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-timetracker-switch {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 14px;
  height: 16px;
  cursor: pointer;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task .timesheet-timetracker-switch.selected {
  color: #20a8d8;
}
.timesheet-project-area .timesheet-proje-body .timesheet-insert-task:hover {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  transition: all 0.3s ease 0s;
}
.timesheet-project-area.showmore_are {
  position: relative;
  text-align: center !important;
}
.timesheet-project-area.showmore_are .show-less-day {
  text-decoration: none;
  color: #20a8d8;
  cursor: pointer;
}
.timesheet-project-area.showmore_are .show-less-day:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #20a8d8;
}
.timesheet-project-area.showmore_are .show-more-days {
  text-decoration: none;
  color: #000000;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  padding: 6px 12px;
  border: 1px solid #cccccc;
}
.timesheet-project-area.showmore_are .show-more-days:hover {
  cursor: pointer;
  background: #e3e3e7;
}

.dropdown-menu.timesheet-discard {
  width: 242px;
  background: #FFFFFF;
  border: none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.dropdown-menu.timesheet-discard .discard-box {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.dropdown-menu.timesheet-discard .discard-box .discard-label {
  width: 100%;
  float: left;
  position: relative;
  line-height: 30px;
  text-align: center;
}
.dropdown-menu.timesheet-discard .discard-box .discard-btn {
  width: 100%;
  float: left;
  padding: 10px;
  text-align: center;
}
.dropdown-menu.timesheet-discard .discard-box .discard-btn .yes {
  cursor: pointer;
  color: #20a8d8;
}
.dropdown-menu.timesheet-discard .discard-box .discard-btn .yes:hover {
  cursor: pointer;
  text-decoration: underline;
}
.dropdown-menu.timesheet-discard .discard-box .discard-btn .no {
  cursor: pointer;
  color: #000000;
}
.dropdown-menu.timesheet-discard .discard-box .discard-btn .no:hover {
  cursor: pointer;
  text-decoration: underline;
}
.dropdown-menu.reports {
  background: #FFFFFF;
  border: none;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.dropdown-menu.reports ul {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
.dropdown-menu.reports ul li {
  position: relative;
  border: none;
  padding: 5px 6px;
  font-size: 12px;
  color: #000000;
}
.dropdown-menu.reports ul li.dropdown-item {
  text-align: left;
  padding: 5px 6px;
}
.dropdown-menu.reports ul li .dropdown-menuitem-label {
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.dropdown-menu.reports ul li .dropdown-menuitem-label i {
  width: 0;
  margin: 0;
  color: #000000;
}
.dropdown-menu.reports ul li:hover {
  color: #000000 !important;
}
.dropdown-menu.reports ul li.select {
  background: #e3e3e7 !important;
}

.timesheet-week-area {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}

.weekheader_hide .k-scheduler-table {
  cursor: default;
  pointer-events: none;
}
.weekheader_hide .k-scheduler-table tbody tr th.k-today {
  background: #f5f5f5;
}
.weekheader_hide .k-scheduler-header-all-day {
  cursor: default;
  pointer-events: none;
}
.weekheader_hide .k-scheduler-header-all-day tbody tr td {
  text-align: center;
}
.weekheader_hide .k-scheduler-header-all-day tbody tr td.k-today {
  color: #20a8d8;
}

.timesheet-details-report {
  width: 100%;
  float: left;
  padding: 10px;
  position: relative;
}

.total-hours {
  width: calc(100% - 170px);
  float: left;
  position: relative;
  font-size: 14px;
  color: #000000;
}
.total-hours .hour {
  font-size: 16px;
  font-weight: 700;
  padding: 0 10px;
  width: auto;
}

.timesheet-download {
  width: 170px;
  float: left;
  position: relative;
  text-align: right;
  object-position: right;
}
.timesheet-download span {
  width: auto;
  padding: 0 13px;
  border-left: 1px dotted #cccccc;
  cursor: pointer;
}
.timesheet-download span:first-child {
  border-left: none;
}

.timesheet-summary {
  width: 100%;
  flex-direction: column;
  float: left;
  border: 1px solid #cccccc;
}
.timesheet-summary ul {
  padding: 0 10px;
  margin: 0;
  position: relative;
  list-style-type: none;
  float: left;
  width: 100%;
}
.timesheet-summary ul li {
  width: 100%;
  float: left;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #cccccc;
}
.timesheet-summary ul li .taskname {
  width: 100%;
  position: relative;
  float: left;
  font-weight: 700;
  font-size: 13px;
}
.timesheet-summary ul li .taskname span {
  justify-content: flex-end;
  display: flex;
  float: right;
}
.timesheet-summary ul li .sumary-desc {
  float: left;
  width: 100%;
  position: relative;
}
.timesheet-summary ul li:last-child {
  border-bottom: none;
}
.timesheet-summary .byDate {
  position: relative;
}
.timesheet-summary .byDate ul {
  padding: 0 10px;
  margin: 0;
  position: relative;
  list-style-type: none;
  float: left;
  width: 100%;
}
.timesheet-summary .byDate ul li {
  width: 100%;
  float: left;
  font-size: 12px;
  padding: 17px;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
}
.timesheet-summary .byDate ul li .summryGrp-bydate {
  position: relative;
  width: 100%;
  float: left;
}
.timesheet-summary .byDate ul li .summryGrp-bydate .toggleAction {
  width: 17px;
  height: 17px;
  float: left;
  border: 1px solid #cccccc;
  text-align: center;
  justify-content: center;
  line-height: 13px;
}
.timesheet-summary .byDate ul li .summryGrp-bydate .toggleAction i {
  color: #999999 !important;
}
.timesheet-summary .byDate ul li .summryGrp-bydate .taskDate {
  width: calc(100% - 27px);
  float: left;
  position: relative;
  margin-left: 10px;
  font-size: 14px;
}
.timesheet-summary .byDate ul li .summryGrp-task {
  position: relative;
  width: 100%;
  float: left;
  padding-left: 27px;
  transition: max-height 0.3s ease-in-out;
  display: none;
}
.timesheet-summary .byDate ul li .summryGrp-task .taskname {
  width: 100%;
  position: relative;
  float: left;
  font-weight: 700;
  font-size: 13px;
}
.timesheet-summary .byDate ul li .summryGrp-task .taskname span {
  justify-content: flex-end;
  display: flex;
  float: right;
}
.timesheet-summary .byDate ul li .summryGrp-task .sumary-desc {
  float: left;
  width: 100%;
  position: relative;
}
.timesheet-summary .byDate ul li.open {
  position: relative;
}
.timesheet-summary .byDate ul li.open .summryGrp-task {
  max-height: 1500px;
  margin: 15px 0 5px 0;
  transition: max-height 0.3s ease-in-out;
  display: block;
}
.timesheet-summary .byDate ul li:last-child {
  border-bottom: none;
}

.TsTimerFont {
  font-size: 12px;
  font-family: Poppins-Regular, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.vendor-login-chekbox + .k-checkbox-label {
  min-height: 16px;
  line-height: 13px;
}
.vendor-login-chekbox + .k-checkbox-label:before {
  width: 15px;
  height: 15px;
  font-size: 11px;
  top: 0px;
}
.vendor-login-chekbox + .k-checkbox-label:after {
  width: 15px;
  height: 15px;
  text-indent: 2.6666666667px;
  top: 0px;
}
.vendor-login-chekbox.for-term + .k-checkbox-label {
  min-height: 16px;
  line-height: 13px;
  top: 5px;
}
.vendor-login-chekbox.for-term + .k-checkbox-label:before {
  width: 15px;
  height: 15px;
  font-size: 11px;
  top: 0px;
}
.vendor-login-chekbox.for-term + .k-checkbox-label:after {
  width: 15px;
  height: 15px;
  text-indent: 2.6666666667px;
  top: 0px;
}

.vendor-login-card {
  border: 0;
  box-shadow: 0 1px 1px 0 rgba(60, 75, 100, 0.14), 0 2px 1px -1px rgba(60, 75, 100, 0.12), 0 1px 3px 0 rgba(60, 75, 100, 0.2);
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -os-border-radius: 4px !important;
  border-radius: 4px !important;
}
.vendor-login-card .text-muted {
  color: #000000 !important;
}

.modal.popRgtModel {
  top: 0px;
  bottom: 28px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block !important;
  border-left: 1px solid #c8ced3;
  width: 740px;
  right: -740px;
  left: auto;
}
.modal.popRgtModel.in {
  right: 0 !important;
  overflow: visible;
}
.modal.popRgtModel .modal-dialog {
  background: #FFFFFF;
  height: 100%;
  margin: 0;
  overflow: hidden;
  max-width: 100vw;
}
.modal.popRgtModel .modal-content {
  border-color: #FFFFFF;
  height: 100%;
}
.modal.popRgtModel .modal-header {
  padding: 0.5rem 0.5rem;
  border-radius: 0px;
}

.PopLgModel.modal.popRgtModel {
  left: 100%;
  width: calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: -moz-calc(100% - 300px);
  overflow: hidden !important;
}
.PopLgModel.modal.popRgtModel.in {
  left: 300px;
  width: auto;
}

.PopSsModel.modal.popRgtModel {
  left: 100%;
  width: calc(100% - 700px);
  width: -webkit-calc(100% - 700px);
  width: -moz-calc(100% - 700px);
  overflow: hidden !important;
}
.PopSsModel.modal.popRgtModel.in {
  left: 900px;
  width: auto;
}

.modal-header {
  padding: 0.5rem !important;
}
.modal-header .modal-title {
  font-size: 16px !important;
}

.girdFilterby-showing {
  position: absolute;
  font-size: 12px;
  line-height: 0;
  width: 100%;
  clear: both;
  bottom: 13px;
}

.filter-wrap .gridFilter-popup {
  opacity: 1;
  pointer-events: all;
}
.filter-wrap .gridfilterPart {
  right: 320px !important;
  transition-duration: 0.2s;
  tranisition-timeing-function: cubic-bezier(0, 0, 0.2, 1);
}

.rfqAddNewRecord .rfqAdd-popup-area {
  opacity: 1;
  pointer-events: all;
  width: 100%;
  z-index: 3;
  position: fixed;
  top: 55px;
}

.gridFilter-toggle {
  position: absolute;
  top: calc(50% - 30px);
  z-index: 4;
}
.gridFilter-toggle .action {
  width: 20px;
  height: 50px;
  line-height: 50px;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -os-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  background: #20a8d8;
  color: #FFFFFF;
  cursor: pointer;
  text-align: center;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}
.gridFilter-toggle .action i {
  line-height: 50px;
}
.gridFilter-toggle .action:hover {
  cursor: pointer;
}

.gridGlobalFilter-ToggleIn {
  position: fixed;
  z-index: 55;
  top: calc(50% - 30px);
  right: 0;
}
.gridGlobalFilter-ToggleIn .action {
  width: 20px;
  height: 50px;
  line-height: 50px;
  -moz-border-radius: 10px 0px 0px 10px;
  -ms-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  -os-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  background: #20a8d8;
  color: #FFFFFF;
  cursor: pointer;
  text-align: center;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}
.gridGlobalFilter-ToggleIn .action i {
  line-height: 50px;
}

.gridfilterPart {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  transition: top 0.2s ease-out 0s;
  transition-duration: 0.2s;
}
.gridfilterPart.cust {
  top: 55px;
}

.rfqAdd-popup-area {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #FFFFFF;
  z-index: 1;
  float: right;
  box-shadow: -1px 3px 5px 1px #ddd;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all ease 250ms;
  pointer-events: none;
  opacity: 0;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
}

.gridFilter-popup {
  width: 320px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #FFFFFF;
  z-index: 1;
  float: right;
  box-shadow: -1px 3px 5px 1px #ddd;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all ease 250ms;
  pointer-events: none;
  opacity: 0;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  border-top: 1px solid #c8ced3;
}
.gridFilter-popup.crmProductGridPopup {
  height: calc(100vh - 184px);
  height: calc(var(--vh, 1vh) * 100 - 184px);
  position: relative;
}

.gridFilter-header {
  height: 45px;
  position: relative;
  padding: 0px 15px;
  line-height: 45px;
  display: flex;
  align-items: center;
}
.gridFilter-header .gridFilter-title {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  float: left;
  width: calc(100% - 80px);
}
.gridFilter-header .gridFilter-title.rfqFormAdd_title {
  width: calc(100% - 40px);
}
.gridFilter-header .gridFilter-range {
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  float: left;
  width: 40px;
  text-align: right;
  cursor: pointer;
}
.gridFilter-header .gridFilter-range:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #20a8d8;
}
.gridFilter-header .gridFilter-range.active {
  color: #20a8d8;
  cursor: pointer;
  text-decoration: underline;
}
.gridFilter-header .gridFilter-close {
  float: left;
  width: 40px;
  font-size: 14px;
  text-align: right;
  cursor: pointer;
}

.gridFilter-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 45px;
  margin: 10px 15px 0;
  background: #f9f9f9;
}
.gridFilter-search .form-control {
  background: transparent;
}
.gridFilter-search .dropdown-menu {
  width: 100%;
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.07);
  border: 1px solid #e9e9e9 !important;
}
.gridFilter-search .dropdown-menu .search_item {
  width: 100%;
  cursor: pointer;
  padding: 1px 15px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
}
.gridFilter-search .dropdown-menu .search_item span {
  margin-right: 8px;
  visibility: hidden;
}
.gridFilter-search .dropdown-menu .search_item.active {
  background: #f5f5f5;
  color: #ff4081;
}
.gridFilter-search .dropdown-menu .search_item.active span {
  visibility: visible;
}
.gridFilter-search .dropdown-menu .search_item.active:hover {
  background: #ebebeb;
}
.gridFilter-search .dropdown-menu .search_item:hover {
  background: #f5f5f5;
  cursor: pointer;
  color: #000000;
}

.gridFilter-section {
  padding: 0 15px 10px 30px;
  position: absolute;
  top: 97px;
  bottom: 65px;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  right: 0;
}
.gridFilter-section.forRangeFilter {
  top: 50px;
}
.gridFilter-section .form-group {
  margin-bottom: 0.5rem;
}

.gridFilter-ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.gridFilter-ul li {
  padding: 0;
  margin: 0;
  border: none;
}

.gridFilter-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 15px 0 15px;
  height: 50px;
  border-top: 1px solid #c8ced3;
  text-align: right;
}

.vendor-main {
  position: relative;
  background: #ebedef;
  padding: 30px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100 - 0px);
  overflow: scroll;
}
.vendor-main .vendor-Greeting {
  font-size: 16px;
  margin-bottom: 20px;
  background: #FFFFFF;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
}
.vendor-main .vendor-Greeting .wish-Vendor {
  font-weight: 600;
}
.vendor-main .vendor-Greeting .wish-Vendor .greeting-name {
  font-weight: 600; /*-webkit-animation-name: Greeting;-webkit-animation-duration: 1s;animation-name: Greeting;animation-duration: 1s;animation-iteration-count: 1;*/
  font-size: 18px;
}
.vendor-main .vendor-Greeting span {
  font-weight: 600;
}
.vendor-main .vendor-Greeting img {
  width: 124px;
}
.vendor-main .vendor-card {
  position: relative;
}
.vendor-main .vendor-card:hover {
  box-shadow: 0px 0px 15px 1px #777;
}
.vendor-main .vendor-card .card-body {
  color: #FFFFFF;
}
.vendor-main .vendor-card .card-body .corner-design {
  height: 48px;
  width: 48px;
  background: #f86c6b;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 100%;
}
.vendor-main .vendor-card .card-body .purchase-title {
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 16px;
  margin-bottom: 20px;
}
.vendor-main .vendor-card .card-body .purchase-title .purchase-count {
  position: relative;
  font-size: 1.3125rem;
  top: -6px;
}
.vendor-main .PR-charts {
  margin-bottom: 30px;
  background: #FFFFFF;
}
.vendor-main .PR-charts.invoice_paymentChart {
  height: 360px;
}
.vendor-main .PR-charts .PRchart {
  padding: 1.25rem;
}
.vendor-main .pr-details {
  background: #FFFFFF;
}
.vendor-main .pr-details .po-details-ul {
  padding: 0;
  list-style-type: none;
}
.vendor-main .pr-details .po-details-ul li {
  padding: 10px 20px;
  margin-bottom: 10px;
}
.vendor-main .pr-details .po-details-ul li .po-num {
  font-size: 16px;
  font-weight: 600;
  color: #2196F3;
}
.vendor-main .pr-details .po-details-ul li .po-date {
  font-weight: 600;
}
.vendor-main .pr-details .po-details-ul li .po-finance-details {
  font-size: 12px;
  margin-top: 5px;
}
.vendor-main .pr-details .po-details-ul li .po-finance-details p {
  margin: 0;
}
.vendor-main .avg_payment_length {
  background: #FFFFFF;
}
.vendor-main .avg_payment_length .pament-length {
  padding: 0 30px;
  text-align: center;
}
.vendor-main .avg_payment_length .pament-length .payment-days {
  font-size: 64px;
  color: #03a9f4;
  margin-right: 10px;
}
.vendor-main .avg_payment_length .pament-length .avg_payment_label {
  position: relative;
  top: -14px;
}
.vendor-main .vendor_announcement_main {
  background: #FFFFFF;
  margin-bottom: 1rem;
  height: 360px;
}
.vendor-main .vendor_announcement_main .announcement_body {
  padding: 0 15px;
  width: 100%;
  display: inline-block;
  height: 308px;
  overflow: auto;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview {
  margin-top: 16px;
  height: auto;
  overflow: unset;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-head {
  position: relative;
  width: 100%;
  height: 36px;
  line-height: 36px;
  color: #64006e;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-head .announce-title {
  width: 33.33%;
  float: left;
  padding-left: 10px;
  font-weight: 600;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-details {
  position: relative;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-details .announce-details-row {
  width: 100%;
  height: 80px;
  display: inline-block;
  float: left;
  cursor: pointer;
  /*&:nth-child(odd) {background: #f1f1f1;}
  &:nth-child(even) {background: #fbfbfb;}*/
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-details .announce-details-row:hover {
  background-color: #f4f5fa;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-details .announce-details-row .announce-date {
  font-size: 12px;
  padding: 5px 0 0 5px;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-details .announce-details-row .List_left {
  width: calc(100% - 30px);
  float: left;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-details .announce-details-row .List_left .announce-details-col {
  float: left;
  padding: 5px 0 5px 5px;
  font-size: 14px;
  font-weight: 600;
  height: 47px;
  overflow: hidden;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-details .announce-details-row .nextPage {
  width: 30px;
  float: left;
  text-align: center;
  line-height: 80px;
}
.vendor-main .vendor_announcement_main .announcement_body .announcement-listview .announce-details .announce-details-row .nextPage i {
  font-size: 20px;
  line-height: 80px;
}

.Vendpurchase_req {
  width: 100%;
  position: relative;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main {
  background: #FFFFFF;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_topBAR {
  height: 55px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_topBAR .vendPReq_topLeft {
  width: 100%;
  padding: 0 15px;
  float: left;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_topBAR .vendPReq_topLeft .ListunselectOpt {
  width: 100%;
  display: flex;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_topBAR .vendPReq_topLeft .ListunselectOpt .vendPReq_topbar_opt {
  height: 55px;
  margin: 0;
  line-height: 55px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_topBAR .vendPReq_topLeft .ListunselectOpt .vendPReq_topbar_opt.ListunselectOptLeft {
  width: 100%;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListMain {
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  overflow: hidden;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListMain .k-grid .k-grid-header {
  padding: 0 !important;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListMain .k-grid .k-grid-content {
  height: calc(100vh - 217px) !important;
  height: calc(var(--vh, 1vh) * 100 - 217px) !important;
  overflow: scroll;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol {
  position: relative;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  float: left;
  width: 215px;
  border-right: 5px solid #fff;
  /*.vendPResListSearch{background: #ddd;width: 100%;display: inline-block;box-sizing: border-box;float:left;
          .input_search{width:100%;padding:4px 10px; height:38px; line-height:38px;
                        .form-control{width: calc(100% - 35px);float: left;}
                        .search_icon{display:inline-block;float:left;
                                     .input-group-text{border-radius:0;}
                        }
          }
      }*/
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPResListHeading {
  position: relative;
  background: #696d77;
  display: inline-block;
  width: 100%;
  float: left;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPResListHeading .head_bar {
  width: 100%;
  padding: 4px 10px;
  height: 38px;
  line-height: 38px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPResListHeading .head_bar .text {
  width: calc(100% - 35px);
  display: inline-block;
  box-sizing: border-box;
  float: left;
  text-align: center;
  line-height: 32px;
  font-weight: 600;
  color: #fff;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPResListHeading .head_bar .text p {
  margin: 0;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPResListHeading .head_bar .form-control {
  width: calc(100% - 35px);
  float: left;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPResListHeading .head_bar .search_icon {
  display: inline-block;
  float: left;
  cursor: pointer;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPResListHeading .head_bar .search_icon .input-group-text {
  border-radius: 0;
  margin-left: -1px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPResListHeading .head_bar .search_icon .input-group-text.withoutClick {
  color: #f1f1f3;
  background: transparent;
  border: none;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPReqListUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  overflow: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPReqListUL::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPReqListUL::-webkit-scrollbar-track {
  background: #fff;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPReqListUL::-webkit-scrollbar-thumb {
  background: #617e8b;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPReqListUL::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPReqListUL .vendPReqListLI {
  color: #444;
  height: 35px;
  line-height: 35px;
  background: #FFFFFF;
  padding: 0 12px;
  border-bottom: 1px solid #e0e0e0;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPReqListUL .vendPReqListLI:last-child {
  border: none;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPReqListUL .vendPReqListLI:hover {
  background-color: #e8effe;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .vendPReqListCol .vendPReqListUL .vendPReqListLI.unread {
  color: #000;
  font-weight: 600;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain {
  background: #FFFFFF;
  padding: 0;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  width: calc(100% - 220px);
  float: left;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_header .purchase_details .purchase_details_heading {
  height: 38px;
  line-height: 38px;
  background: #696d77;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_header .purchase_details .purchase_details_heading .details_editBTN {
  float: left;
  width: 38px;
  height: 38px;
  text-align: center;
  color: #FFFFFF;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_header .purchase_details .purchase_details_heading .details_editBTN .fa {
  font-size: 22px;
  line-height: 38px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_header .purchase_details .purchase_details_heading .purchase_RFQNumber {
  color: #FFFFFF;
  font-size: 18px;
  padding: 0 10px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_header .purchase_details .purchase-widget-content {
  padding: 10px 15px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_header .purchase_details .purchase-widget-content .purchaseEntryView .purchaseEntryrow .form-group {
  margin-bottom: 2px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_header .purchase_details .purchase-widget-content .purchaseEntryView .purchaseEntryrow .form-group label {
  margin-bottom: 2px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_grid {
  margin: 10px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_grid .k-grid {
  margin-top: 10px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_grid .k-grid .k-grid-content {
  height: 240px !important;
  /*width*/
  /*Track*/
  /*Handel*/
  /*handel hovr*/
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_grid .k-grid .k-grid-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 0px !important;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_grid .k-grid .k-grid-content::-webkit-scrollbar-track {
  background: #f1f1f1;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_grid .k-grid .k-grid-content::-webkit-scrollbar-thumb {
  background: #888;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_grid .k-grid .k-grid-content::-webkit-scrollbar-thumb:hover {
  background: #555;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_grid .k-grid .k-grid-pager {
  padding: 5px 15px !important;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_grid .PRTotalTab {
  margin: 10px 0px;
  height: 270px;
  overflow: scroll;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .vendPReq_colView .purchase_detailsMain .purchase_footerBTN {
  margin: 5px 0;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination {
  width: 100%;
  text-align: center;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul {
  width: auto;
  border: none;
  /* Track */
  /* Handle */
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul.search-by-alpha {
  margin: 0;
  padding: 0;
  overflow: auto;
  white-space: nowrap;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul.search-by-alpha li {
  border-radius: 2px;
  background: #ddecf9;
  display: inline-block;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  border: none;
  margin-right: 4px;
  font-weight: 600;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li.prev-page {
  background: none !important;
  color: #4285f4;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li.prev-page a {
  color: #4285f4;
  font-size: 18px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li.next-page {
  background: none !important;
  color: #4285f4;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li.next-page a {
  color: #4285f4;
  font-size: 18px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li.active {
  background: #4285f4;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li.active a {
  color: #FFFFFF;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li:active {
  background: #4285f4;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li:active a {
  color: #FFFFFF;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li:hover {
  background: #ddd;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li a {
  padding: 0;
  color: #4285f4;
  text-align: center;
  width: 100%;
  font-size: 12px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul li a:hover {
  text-decoration: none;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul::-webkit-scrollbar {
  height: 6px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #20a8d8;
  border-radius: 3px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul::-webkit-scrollbar-thumb {
  background: #4682b4;
  border-radius: 10px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .userlist-pagination ul::-webkit-scrollbar-thumb:hover {
  background: #20a8d8;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .k-pager-wrap .k-link {
  width: 28px;
  height: 28px;
  margin-right: 3px;
}
.Vendpurchase_req .VendPReq-list-section .Vendpurchase_req-main .k-pager-wrap .k-state-selected {
  width: 28px;
  height: 28px;
  margin-right: 3px;
}

/*.requisition-tabs{width:100%;float:left;position:relative;margin:0;padding:0;
                  ul{padding:0;margin:0;list-style-type:none;width:100%;float:left;border-bottom:1px solid lighten($bg-primary,10%);
                     li{width:auto;font-weight:600;color:rgba($font-base-color,.8);padding:4px 16px;float:left;cursor:pointer;
                        &.active{border:1px solid lighten($bg-primary,10%);border-top:3px solid lighten($bg-primary,10%);background:lavender;cursor:pointer;color:$font-base-color; position: relative;top: 1px;border-bottom:none;
                                 &:hover{cursor:pointer;color:$font-base-color;}
                        }
                        &:hover{cursor:pointer;color:$font-base-color;}
                     }
                  }
    }*/
.profile_pagemain {
  position: relative;
}
.profile_pagemain .ProfileDetails .profile_Head .profileTop {
  width: 100%;
  padding: 10px;
}
.profile_pagemain .ProfileDetails .profile_Head .profileTop .Vendor_Name {
  padding: 10px 5px;
  background: #f1f1f1;
  border-left: 6px solid #03a9f4;
  width: 100%;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab {
  padding: 0px;
  margin-top: 16px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab::-webkit-scrollbar {
  width: 5px;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab::-webkit-scrollbar-thumb {
  background: #888;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget {
  font-size: 13px;
  background: #FFFFFF;
  margin: 10px;
  border-radius: 8px 8px 0 0;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .vendAct_Heading {
  font-size: 14px;
  font-weight: 600;
  padding: 8px 15px;
  color: #000;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .vendAct_Heading.height40 {
  height: 40px;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL {
  list-style-type: none;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li {
  margin-bottom: 5px;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li .vendSumTitle {
  width: 140px;
  display: inline-block;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li .vendSumDetail {
  font-weight: 500;
  float: right;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons {
  display: inline-block;
  -webkit-animation-delay: 1s;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons {
  padding: 5px;
  font-size: 14px;
  width: 14px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  color: white;
  box-sizing: content-box;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons:hover {
  opacity: 0.7;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons.fa-facebook {
  background: #3B5998;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons.fa-twitter {
  background: #55ACEE;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons.fa-google {
  background: #dd4b39;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .VenSumUL li .vendSumDetail .VenSumIcons .social_icons.fa-linkedin {
  background: #007bb5;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .vendActEventform {
  display: flex;
  margin-bottom: 10px;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .vendActEventform label {
  width: 150px;
  float: left;
  line-height: 30px;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .vendActEventform .k-edit-field {
  width: calc(100% - 162px);
  float: left;
  padding: 0 5px;
  position: relative;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .vendActEventform .form-control {
  width: calc(100% - 162px);
  float: left;
  padding: 0 5px;
  position: relative;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab .widget .vendActEventform .form-control.vaSMform {
  width: 200px !important;
}
.profile_pagemain .ProfileDetails .profile_Body .Vend_ActTab.profile-bodyScroll {
  position: relative;
  height: calc(var(--vh, 1vh) * 100 - 170px);
  height: calc(100vh - 170px);
  overflow: auto;
  overflow-x: hidden;
}

.announcement-listview {
  position: relative;
  height: calc(100vh - 434px);
  height: calc(var(--vh, 1vh) * 100 - 434px);
  overflow: auto;
  overflow-x: hidden;
}
.announcement-listview .announce-head {
  position: relative;
  width: 100%;
  height: 36px;
  line-height: 36px;
  color: #64006e;
}
.announcement-listview .announce-head .announce-title {
  width: 33.33%;
  float: left;
  padding-left: 10px;
  font-weight: 600;
}
.announcement-listview .announce-details {
  position: relative;
}
.announcement-listview .announce-details .announce-details-row {
  width: 100%;
  height: 80px;
  display: inline-block;
  float: left;
  cursor: pointer;
  /*&:nth-child(odd) {background: #f1f1f1;}
  &:nth-child(even) {background: #fbfbfb;}*/
}
.announcement-listview .announce-details .announce-details-row:hover {
  background-color: #f4f5fa;
}
.announcement-listview .announce-details .announce-details-row .announce-date {
  font-size: 12px;
  padding: 5px 0 0 5px;
}
.announcement-listview .announce-details .announce-details-row .List_left {
  width: calc(100% - 30px);
  float: left;
}
.announcement-listview .announce-details .announce-details-row .List_left .announce-details-col {
  float: left;
  padding: 5px 0 5px 5px;
  font-size: 14px;
  font-weight: 600;
  height: 47px;
  overflow: hidden;
}
.announcement-listview .announce-details .announce-details-row .nextPage {
  width: 30px;
  float: left;
  text-align: center;
  line-height: 80px;
}
.announcement-listview .announce-details .announce-details-row .nextPage i {
  font-size: 20px;
  line-height: 80px;
}
.announcement-listview .rfqStatus-content {
  position: relative;
  width: 100%;
  float: left;
}
.announcement-listview .rfqStatus-content .rfqStatus-list {
  position: relative;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  width: 100%;
  padding: 2px 0;
}
.announcement-listview .rfqStatus-content .rfqStatus-list .rfq-status-text {
  float: left;
  position: relative;
  width: calc(100% - 60px);
}
.announcement-listview .rfqStatus-content .rfqStatus-list .rfq-status-text .rfqBullet {
  width: 9px;
  height: 9px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #deb806;
  margin-right: 4px;
  position: relative;
  float: left;
  margin-top: 4px;
}
.announcement-listview .rfqStatus-content .rfqStatus-list .rfq-status-text .rfqBullet.sub {
  background: #77a400;
}
.announcement-listview .rfqStatus-content .rfqStatus-list .rfq-status-text .rfqBullet.comp {
  background: #006c40;
}
.announcement-listview .rfqStatus-content .rfqStatus-list .rfq-count {
  justify-content: flex-end;
  margin-right: auto;
  text-align: right;
  align-self: center;
  float: left;
  width: 60px;
  font-size: 13px;
}

.Vend_announcementLists {
  position: relative;
  display: inline-block;
  width: 100%;
}
.Vend_announcementLists .title {
  margin: 0;
  padding: 0 0 0 15px;
  height: 55px;
  border-bottom: 1px solid #777;
  font-size: 16px;
  font-weight: 600;
  line-height: 55px;
}
.Vend_announcementLists .title .right_content {
  float: right;
}
.Vend_announcementLists .title .right_content .mark_allRead {
  font-size: 12px;
  font-weight: 400;
  color: #385898;
}
.Vend_announcementLists .title .right_content .mark_allRead:hover {
  text-decoration: underline;
  cursor: pointer;
}
.Vend_announcementLists .all_lists {
  padding: 0 10%;
  margin-top: 20px;
}
.Vend_announcementLists .all_lists.db-all-list {
  height: calc(100vh - 130px);
  height: calc(var(--vh, 1vh) * 100 - 130px);
  position: relative;
  overflow: scroll;
  overflow-x: hidden;
}
.Vend_announcementLists .all_lists .announce-details-row {
  width: 100%;
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
  /*&:nth-child(odd) {background: #f1f1f1;}
  &:nth-child(even) {background: #fbfbfb;}*/
}
.Vend_announcementLists .all_lists .announce-details-row.un_read {
  background: #f0f8ff;
}
.Vend_announcementLists .all_lists .announce-details-row:hover {
  background-color: #f4f5fa;
}
.Vend_announcementLists .all_lists .announce-details-row .announce-date {
  font-size: 12px;
  padding: 5px 0 0 5px;
}
.Vend_announcementLists .all_lists .announce-details-row .List_left {
  width: calc(100% - 30px);
  float: left;
}
.Vend_announcementLists .all_lists .announce-details-row .List_left .announce-details-col {
  width: 100%;
  float: left;
  padding: 0 0 5px 5px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Vend_announcementLists .all_lists .announce-details-row .nextPage {
  width: 30px;
  float: left;
  text-align: center;
  line-height: 49px;
}
.Vend_announcementLists .all_lists .announce-details-row .nextPage i {
  font-size: 20px;
  line-height: 49px;
}

.Vendannouncement_Details .header {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  font-weight: 600;
  padding-left: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.Vendannouncement_Details .header .right_content {
  float: right;
}
.Vendannouncement_Details .header .right_content .rightHeaderopt {
  font-size: 11px;
  color: #4ba9f5;
  position: relative;
  cursor: pointer;
}
.Vendannouncement_Details .header .right_content .rightHeaderopt:hover {
  text-decoration: underline;
}
.Vendannouncement_Details .vp_announcement_body {
  height: calc(100vh - 185px);
  height: calc(var(--vh, 1vh) * 100 - 185px);
  position: relative;
  overflow: scroll;
  overflow-x: hidden;
}
.Vendannouncement_Details .vp_announcement_body .body_header {
  padding: 15px;
  background: #f1f1f1;
}
.Vendannouncement_Details .vp_announcement_body .body_header .header_time {
  width: 100%;
  display: inline-block;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}
.Vendannouncement_Details .vp_announcement_body .body_header .header_time .header_time_left {
  float: left;
}
.Vendannouncement_Details .vp_announcement_body .body_header .header_time .header_time_right {
  float: right;
  color: brown;
}
.Vendannouncement_Details .vp_announcement_body .body_header .header_cointain {
  font-size: 28px;
  color: #777;
}
.Vendannouncement_Details .vp_announcement_body .body_header .header_subcointain {
  font-size: 16px;
  color: #777;
}
.Vendannouncement_Details .vp_announcement_body .body_containt {
  padding: 15px;
}
.Vendannouncement_Details .vp_announcement_body .body_containt p {
  line-height: 28px;
}
.Vendannouncement_Details .vp_announcement_body .form-control {
  font-size: 13px;
}
.Vendannouncement_Details .vp_announcement_footer {
  padding: 15px;
}

.user_pagemain {
  position: relative;
}
.user_pagemain .userList .userlist_Head {
  height: 55px;
  line-height: 55px;
  margin: 0;
}
.user_pagemain .userList .userlist_Head span {
  font-size: 14px;
  font-weight: 600;
  padding-left: 10px;
}
.AdduserTitle {
  width: 100%;
  float: left;
  background: #f1f1f1;
  border-left: 6px solid #20a8d8;
  padding: 10px;
}

.backto_usr {
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  float: right !important;
  cursor: pointer;
}
.backto_usr:hover {
  cursor: pointer;
  color: #20a8d8;
}

.site-mode.online, .dropdown-item .site-mode.online {
  display: block;
  -o-box-shadow: 0 0 0 rgba(77, 189, 116, 0.4);
  box-shadow: 0 0 0 rgba(77, 189, 116, 0.4);
  animation: online 2s infinite;
}

@-webkit-keyframes online {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
  }
}
@keyframes online {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0.4);
    box-shadow: 0 0 0 0 grba(#4dbd74, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
    box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
    box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
  }
}
.site-mode.offline, .dropdown-item .site-mode.offline {
  display: block;
  -o-box-shadow: 0 0 0 rgba(255, 193, 7, 0.4);
  box-shadow: 0 0 0 rgba(255, 193, 7, 0.4);
  animation: online 2s infinite;
}

@-webkit-keyframes online {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}
@keyframes online {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
    box-shadow: 0 0 0 0 grba(#ffc107, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
    box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes Greeting {
  from {
    font-size: 6px;
  }
  to {
    font-size: 18px;
  }
}
/* Standard syntax */
@keyframes Greeting {
  from {
    font-size: 6px;
  }
  to {
    font-size: 18px;
  }
}
.gradient-border {
  --borderWidth: 3px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#dotwaveAnim {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#dotwaveAnim .dotAnim {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 0px;
  background: #FFFFFF;
  animation: dotAnimwave 1.3s linear infinite;
}
#dotwaveAnim .dotAnim:nth-child(2) {
  animation-delay: -1.1s;
}
#dotwaveAnim .dotAnim:nth-child(3) {
  animation-delay: -0.9s;
}

@keyframes dotAnimwave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-10px);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes onCall {
  0% {
    background-color: #4CAF50;
  }
  50% {
    background-color: #8BC34A;
  }
  100% {
    background-color: #4CAF50;
  }
}
/* Standard syntax */
@keyframes onCall {
  0% {
    background-color: #4CAF50;
  }
  50% {
    background-color: #8BC34A;
  }
  100% {
    background-color: #4CAF50;
  }
}
@keyframes audioRecordPulse {
  0% {
    box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, 0.3);
  }
  65% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0.3);
  }
  90% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0);
  }
}
.waveAnim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00BCD4;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  animation: sonarWave 1s linear infinite;
  -webkit-animation: sonarWave 1s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes smallWave {
  from {
    opacity: 0.5;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes textblink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes typingwave {
  0%, 60%, 100% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
}
@keyframes newCalluser {
  0% {
    left: -285px;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0px;
  }
}
/*@keyframes raiseHandAnim {
  0% { opacity:0;}
  50% { opacity:0.5;}
  100% { opacity:1;}
}*/
@keyframes speaking-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 134, 191, 0), 0 0 0 0 rgba(84, 192, 231, 0);
  }
  15% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0.25em rgba(84, 192, 231, 0.75);
  }
  25% {
    box-shadow: 0 0 0 0.25em #0086bf, 0 0 0.125em 0.25em rgba(84, 192, 231, 0);
  }
  35% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
  50% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
  70% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
}
.crmAdminMain {
  position: relative;
  font-family: Arial, sans-serif !important;
}
.crmAdminMain .crmAdminTop .goToAdmin {
  cursor: pointer;
}
.crmAdminMain .crmAdminBody, .crmAdminMain .crmCustomBody {
  margin: 20px;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 1px 16px 1px #c8c8c8;
  border-radius: 10px;
  height: calc(var(--vh, 1vh) * 100 - 130px);
  overflow-y: scroll;
  overflow-x: hidden;
}
.crmAdminMain .crmAdminBody .crmHeader, .crmAdminMain .crmCustomBody .crmHeader {
  margin-bottom: 15px;
}
.crmAdminMain .crmAdminBody .crmHeader .crmHeader-label, .crmAdminMain .crmCustomBody .crmHeader .crmHeader-label {
  font-size: 14px;
  font-weight: 600;
  display: block;
}
.crmAdminMain .crmAdminBody .crmHeader .crmHeader-des, .crmAdminMain .crmCustomBody .crmHeader .crmHeader-des {
  font-size: 14px;
}
.crmAdminMain .crmAdminBody .crm-list-section, .crmAdminMain .crmCustomBody .crm-list-section {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  cursor: pointer;
}
.crmAdminMain .crmAdminBody .crm-list-section .list-icon, .crmAdminMain .crmCustomBody .crm-list-section .list-icon {
  width: 40px;
  height: 40px;
  display: inline;
  text-align: center;
  line-height: 40px;
  float: left;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.crmAdminMain .crmAdminBody .crm-list-section .list-details, .crmAdminMain .crmCustomBody .crm-list-section .list-details {
  float: left;
  width: calc(100% - 50px);
  margin-left: 50px;
}
.crmAdminMain .crmAdminBody .crm-list-section .list-details .crmList-heading, .crmAdminMain .crmCustomBody .crm-list-section .list-details .crmList-heading {
  font-size: 13px;
  font-weight: 600;
}
.crmAdminMain .crmAdminBody .crm-list-section .list-details .crmList-details, .crmAdminMain .crmCustomBody .crm-list-section .list-details .crmList-details {
  font-size: 13px;
  margin: 0;
}
.crmAdminMain .crmAdminBody.customLeadMain, .crmAdminMain .crmCustomBody.customLeadMain {
  box-shadow: none;
  background: transparent;
}
.crmAdminMain .crmAdminBody.customLeadMain .crmHelpBTN, .crmAdminMain .crmCustomBody.customLeadMain .crmHelpBTN {
  float: right;
}
.crmAdminMain .crmLeadBody {
  position: relative;
  overflow: auto;
  height: calc(100vh - 100px);
  display: inline-block;
}
.crmAdminMain .crmLeadBody .CRMLeadlistLeft {
  margin: 20px;
  background: #fff;
  box-shadow: 0px 1px 16px 1px #c8c8c8;
  border-radius: 10px;
  width: calc(100% - 200px);
  float: left;
}
.crmAdminMain .crmLeadBody .CRMLeadlistLeft .CRMListMain {
  width: 100%;
  margin: auto;
}
.crmAdminMain .crmLeadBody .CRMLeadlistLeft .CRMListMain .k-grid .k-grid-content {
  height: auto !important;
}
.crmAdminMain .crmLeadBody .CRMLeadRight {
  margin: 20px;
  float: left;
}
.crmAdminMain .crmLeadBody .CRMLeadRight button {
  border-color: #000;
  background: #fff;
  color: #000;
}
.crmAdminMain .crmLeadEditBody {
  position: relative;
  width: 100%;
  height: calc(100vh - 120px);
  height: calc(var(--vh, 1vh) * 100 - 120px);
  display: inline-block;
}
.crmAdminMain .crmLeadEditBody .crmCustomWarning {
  background: #ffeed6;
  padding: 5px 10px;
  margin: 20px;
  margin-bottom: 0px;
  color: #c68c36;
  display: inline-block;
  font-size: 13px;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft {
  margin: 20px;
  width: calc(100% - 200px);
  float: left;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property {
  padding: 20px;
  background: #fff;
  box-shadow: 0px 1px 16px 1px #c8c8c8;
  border-radius: 10px;
  max-width: 90%;
  width: 400px;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property .properties-mainLabel {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property .crm-frmgrp {
  width: 100%;
  display: inline-block;
  margin: 0;
  margin-bottom: 5px;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property .crm-frmgrp .crm-label {
  width: 120px;
  float: left;
  font-size: 13px;
  font-weight: 600;
  color: #444;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property .crm-frmgrp .crm-frmcon {
  width: calc(100% - 130px) !important;
  float: left;
  margin-left: 10px;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property .crm-frmgrp .crm-frmcon.crm-checkbox {
  height: 20px;
  width: 20px;
  transform: translateY(50%);
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property.CRMSelection-property {
  width: 100%;
  transform: none;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property.CRMSelection-property .crm-frmgrp .crm-label {
  width: 100%;
  float: left;
  font-size: 13px;
  font-weight: 600;
  color: #444;
  margin-bottom: 2px;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property.CRMSelection-property .crm-frmgrp .crm-frmcon {
  width: 100% !important;
  float: left;
  margin-left: 0px;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property.CRMSelection-property .crm-frmgrp .LeadSelections {
  width: 100% !important;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property.CRMSelection-property .select-btn {
  background: transparent;
  color: #20a8d8;
  margin-top: 5px;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropRight {
  margin: 20px;
  float: left;
  width: 120px;
}
.crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropRight button {
  border-color: #000;
  background: #fff;
  color: #000;
  margin-bottom: 5px;
}
.crmAdminMain .k-grid .k-grid-header .k-grid-header-wrap table thead tr th {
  display: table-cell !important;
  font-family: Arial, sans-serif !important;
}
.crmAdminMain .k-grid .k-grid-content {
  height: auto !important;
}
.crmAdminMain .k-grid .k-grid-content table {
  width: 100% !important;
}
.crmAdminMain .k-grid .k-grid-content table tbody tr td {
  font-family: Arial, sans-serif !important;
}

/*Popup form Dynamic Member List START*/
.dynamicMemberList .modal-dialog {
  width: 100%;
  height: 100vh;
  margin: 0;
  max-width: 100%;
}
.dynamicMemberList .modal-dialog .modal-content {
  max-height: 100vh;
  height: 100vh;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .crm-btn {
  background: #dfdfdf;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list {
  width: 100%;
  float: left;
  position: relative;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content {
  width: max-content;
  float: left;
  padding: 6px 15px 6px 15px;
  margin: 10px 38px 10px 65px;
  border: 1px solid #aaa;
  border-radius: 3px;
  position: relative;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content .title {
  width: auto;
  position: relative;
  float: left;
  font-size: 13px;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content .title i {
  padding-right: 6px;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content .title .fa-angle-down {
  font-size: 20px;
  padding: 0 0 0 10px;
  position: relative;
  top: 2px;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content:hover {
  color: #000000;
  font-weight: 600;
  background: rgba(32, 168, 216, 0.055);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.45s;
  opacity: 1;
  cursor: pointer;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content.find_crm {
  border: none;
  width: auto;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content.find_crm:hover {
  box-shadow: none;
  background: none;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content.find_crm .crm_checkbox {
  float: left;
  margin-right: 20px;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content.find_crm .form-control {
  width: auto;
  max-width: 300px;
  min-width: 130px;
  float: left;
  margin-right: 20px;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list .adm-default-user-content.find_crm .form-control .k-dropdown-wrap .k-widget.form-control .k-input {
  padding: 0 !important;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list.open {
  position: relative;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list.open .adm-default-user-content {
  background: rgba(32, 168, 216, 0.055);
  border-left: 3px solid #000000;
  padding: 10px 10px 10px 30px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  font-weight: 700;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list.open .adm-default-user-content:before {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list.open .adm-role-header {
  background: rgba(32, 168, 216, 0.055);
  border-left: 3px solid #000000;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list.open .default-user-content-list-item {
  max-height: 100%;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list:before {
  bottom: auto;
  right: auto;
  content: "";
  height: 1px;
  width: 40px;
  margin-top: 20px;
  position: absolute;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  background: #20a8d8;
  left: 19px;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list:after {
  border-left: 1px solid #20a8d8;
  bottom: 0;
  content: "";
  left: 19px;
  position: absolute;
  top: 0;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .crmdynamicListTable .crmdynamicList .adm-role-details-label .adm-default-user-list:last-child:after {
  bottom: 50%;
}
.dynamicMemberList .modal-dialog .modal-content .modal-body .popup-btns {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

/*Popup form Dynamic Member List END*/
/*---------------Common styles------------------*/
.crmFieldCap {
  color: #34b233;
  cursor: pointer;
}

/*--------------- Mobile view------------------*/
@media (max-width: 768px) {
  .crmAdminMain .crmLeadBody {
    position: relative;
  }
  .crmAdminMain .crmLeadBody .CRMLeadlistLeft {
    width: 100%;
    padding: 5px;
    margin: 0;
    box-shadow: none;
    background: transparent;
  }
  .crmAdminMain .crmLeadBody .CRMLeadlistLeft .CRMListMain .k-grid .k-grid-header .k-grid-header-wrap table {
    width: 100% !important;
  }
  .crmAdminMain .crmLeadBody .CRMLeadlistLeft .CRMListMain .k-grid .k-grid-header .k-grid-header-wrap table thead tr th {
    display: table-cell !important;
  }
  .crmAdminMain .crmLeadBody .CRMLeadlistLeft .CRMListMain .k-grid .k-grid-content {
    height: auto !important;
  }
  .crmAdminMain .crmLeadBody .CRMLeadlistLeft .CRMListMain .k-grid .k-grid-content table {
    width: 100% !important;
  }
  .crmAdminMain .crmLeadBody .CRMLeadlistLeft .CRMListMain .k-grid .k-grid-content table tbody tr td {
    display: table-cell !important;
  }
  .crmAdminMain .crmLeadBody .CRMLeadRight {
    margin: 0px;
    margin-left: 20px;
    float: left;
  }
  .crmAdminMain .crmLeadBody .CRMLeadRight button {
    border-color: #000;
    background: #fff;
    color: #000;
  }
  .crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft {
    margin: 0px;
    width: 100%;
  }
  .crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropLeft .proerties-detail .CRMmodify-property {
    transform: none;
    margin: 10px 5% 0 5%;
  }
  .crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropRight {
    margin: 0px;
    float: left;
    width: 100%;
    padding: 20px;
    margin-right: 5px;
  }
  .crmAdminMain .crmLeadEditBody .CRMPropertiesMain .CRMLeadPropRight button {
    border-color: #000;
    background: #fff;
    color: #000;
    margin-bottom: 5px;
  }
}
.webforms-name {
  position: relative;
  float: left;
  width: 100%;
}
.webforms-name .nodatas {
  width: 100%;
  height: calc(100vh - 290px);
  text-align: center;
  place-content: center;
  place-items: center;
  display: grid;
}
.webforms-name .nodatas img {
  border: none;
}
.webforms-name .header {
  position: relative;
  float: left;
  background: #f2f6f8;
  width: 100%;
}
.webforms-name .header .th {
  position: relative;
  float: left;
  padding: 10px;
  font-weight: 600;
  font-size: 14px;
}
.webforms-name .header .th:nth-child(1) {
  width: calc(100% - 550px);
}
.webforms-name .header .th:nth-child(2) {
  width: 150px;
}
.webforms-name .header .th:nth-child(3) {
  width: 250px;
}
.webforms-name .header .th:nth-child(4) {
  width: 150px;
}
.webforms-name .webform-content-row {
  position: relative;
  float: left;
  width: 100%;
}
.webforms-name .webform-content-row .webform-list {
  position: relative;
  width: 100%;
  float: left;
  border-bottom: 1px solid #dfdfdf;
  font-size: 13px;
  /*&:nth-of-type(even){background:#f8fafb;}*/
}
.webforms-name .webform-content-row .webform-list .webform-text {
  width: auto;
  padding: 5px 10px;
  float: left;
}
.webforms-name .webform-content-row .webform-list .webform-text:nth-child(1) {
  width: calc(100% - 550px);
  color: #20a8d8;
  cursor: pointer;
}
.webforms-name .webform-content-row .webform-list .webform-text:nth-child(1) span i {
  color: #999999;
}
.webforms-name .webform-content-row .webform-list .webform-text:nth-child(1) span i:hover {
  color: #f86c6b;
  cursor: pointer;
}
.webforms-name .webform-content-row .webform-list .webform-text:nth-child(1) span + span:hover {
  text-decoration: underline;
}
.webforms-name .webform-content-row .webform-list .webform-text:nth-child(1):hover {
  color: #1985ac;
}
.webforms-name .webform-content-row .webform-list .webform-text:nth-child(2) {
  width: 150px;
}
.webforms-name .webform-content-row .webform-list .webform-text:nth-child(3) {
  width: 250px;
}
.webforms-name .webform-content-row .webform-list .webform-text:nth-child(4) {
  width: 150px;
}
.webforms-name .webform-content-row .webform-list:hover {
  background: #eaedf1;
}
.webforms-name .webform-content-row .webform-list:nth-child(even) {
  background: #f8fafb;
}

.crm-no-pointerEvent {
  pointer-events: none;
  cursor: none;
}

.enterLeadComment-hd {
  width: 100%;
  position: relative;
  float: left;
  font-size: 13px;
  padding: 10px 10px;
  background: #eaedf1;
  color: #000000;
  margin-bottom: 10px;
}
.enterLeadComment-hd.callbakbox {
  background: #fcf8e3;
}

.crm-lead-heading {
  width: 100%;
  float: left;
  position: relative;
}

.crm-lead-footr-btn {
  width: 100%;
  float: left;
  position: relative;
}

.crm-lead-body-content {
  width: 100%;
  float: left;
  position: relative;
}
.crm-lead-body-content.crm-body-content-scroll {
  height: calc(100vh - 237px);
  height: calc(var(--vh, 1vh) * 100 - 237px);
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
.crm-lead-body-content.crm-body-contentView-scroll {
  height: calc(100vh - 277px);
  height: calc(var(--vh, 1vh) * 100 - 277px);
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
.crm-lead-body-content.crm-body-campaing-scroll {
  height: calc(100vh - 163px);
  height: calc(var(--vh, 1vh) * 100 - 163px);
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
.crm-lead-body-content.crm-body-custCase-scroll {
  height: calc(100vh - 188px);
  height: calc(var(--vh, 1vh) * 100 - 188px);
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
.crm-lead-body-content .k-grid tbody td {
  font-size: 12px;
}
.crm-lead-body-content.crm-body-ProductView-scroll {
  height: calc(100vh - 183px);
  height: calc(var(--vh, 1vh) * 100 - 183px);
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
.crm-lead-body-content.crm-caseMng-Category-Scroll {
  height: calc(100vh - 158px);
  height: calc(var(--vh, 1vh) * 100 - 153px);
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
.crm-lead-body-content .ord-shipment-dtl {
  position: relative;
  float: left;
  width: 100%;
}
.crm-lead-body-content .ord-shipment-dtl span {
  cursor: pointer;
}
.crm-lead-body-content .ord-shipment-dtl span:hover {
  cursor: pointer;
  color: #20a8d8;
}
.crm-lead-body-content .ord-shipment-dtl:hover {
  cursor: pointer;
  color: #20a8d8;
}
.crm-lead-body-content.crm-body-withoutErp-order-scroll {
  height: calc(100vh - 301px);
  height: calc(var(--vh, 1vh) * 100 - 301px);
  position: relative;
  overflow: hidden;
  overflow-x: hidden;
}
.crm-lead-body-content.crm-body-withoutErp-order-scroll.opp-order-scroll {
  height: calc(100vh - 234px);
  height: calc(var(--vh, 1vh) * 100 - 234px);
  position: relative;
  overflow: hidden;
  overflow-x: hidden;
}
.crm-lead-body-content.crm-body-withoutErp-order-scroll.opp-order-scroll .crm-orderEntry-tabs-contents {
  height: calc(100vh - 281px) !important;
  height: calc(var(--vh, 1vh) * 100 - 281px) !important;
}
.crm-lead-body-content.crm-body-withoutErp-order-scroll.crm-scrollDivFor-OnlyApproval-Status {
  height: calc(100vh - 339px);
  height: calc(var(--vh, 1vh) * 100 - 339px);
  position: relative;
  overflow: hidden;
  overflow-x: hidden;
}
.crm-lead-body-content.crm-body-withoutErp-order-scroll.crm-scrollDivFor-OnlyApproval-Status .crm-orderEntry-tabs-contents {
  height: calc(100vh - 380px) !important;
  height: calc(var(--vh, 1vh) * 100 - 380px) !important;
}
.crm-lead-body-content.crm-body-withoutErp-order-scroll.crm-scrollDivFor-OnlyApproval-Status.for-orrEnt-view {
  height: calc(100vh - 253px) !important;
  height: calc(var(--vh, 1vh) * 100 - 253px) !important;
}
.crm-lead-body-content.crm-body-withoutErp-order-scroll.crm-scrollDivFor-OnlyApproval-Status.for-orrEnt-view .crm-orderEntry-tabs-contents {
  height: calc(100vh - 187px) !important;
  height: calc(var(--vh, 1vh) * 100 - 287px) !important;
}
.crm-lead-body-content .crm-withoutErp-order-add {
  position: relative;
  width: 100%;
  float: left;
  transition: max-height 0.3s ease-in-out;
  display: none;
}
.crm-lead-body-content .open .crm-withoutErp-order-add {
  position: relative;
  max-height: 1500px;
  float: left;
  transition: max-height 0.3s ease-in-out;
  display: block;
}

.crmPrintOrderView {
  height: calc(100vh - 160px) !important;
  height: calc(var(--vh, 1vh) * 100 - 160px) !important;
  position: relative;
}

.crm-lead-entry-details {
  width: 100%;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -os-border-radius: 10px;
  border-radius: 10px;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  float: left;
  position: relative;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 8px 1px #c8c8c8;
  background: #FFFFFF;
}
.crm-lead-entry-details.without-erp-orderEntry {
  border-radius: 0px !important;
  border-top: 0px;
  margin-top: 0px !important;
  min-height: 318px;
}
.crm-lead-entry-details .form-group label {
  font-size: 12px;
}
.crm-lead-entry-details.callback-widget-height {
  min-height: 462px;
}
.crm-lead-entry-details.approval-widget-height {
  min-height: 350px;
}
.crm-lead-entry-details .crm-datamanagement {
  padding: 5px;
  position: relative;
  width: 100%;
}
.crm-lead-entry-details .crm-datamanagement .crmHeader {
  margin-bottom: 15px;
}
.crm-lead-entry-details .crm-datamanagement .crmHeader .crmHeader-label {
  font-size: 14px;
  font-weight: 600;
  display: block;
}
.crm-lead-entry-details .crm-datamanagement .crmHeader .crmHeader-des {
  font-size: 14px;
}
.crm-lead-entry-details .crm-datamanagement .crm-list-section {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  cursor: pointer;
}
.crm-lead-entry-details .crm-datamanagement .crm-list-section .list-icon {
  width: 40px;
  height: 40px;
  display: inline;
  text-align: center;
  line-height: 40px;
  float: left;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.crm-lead-entry-details .crm-datamanagement .crm-list-section .list-details {
  float: left;
  width: calc(100% - 50px);
  margin-left: 50px;
}
.crm-lead-entry-details .crm-datamanagement .crm-list-section .list-details .crmList-heading {
  font-size: 13px;
  font-weight: 600;
}
.crm-lead-entry-details .crm-datamanagement .crm-list-section .list-details .crmList-details {
  font-size: 13px;
  margin: 0;
}
.crm-lead-entry-details .crm-without-order-total-box {
  width: 100%;
  float: left;
  position: relative;
}
.crm-lead-entry-details .crm-without-order-total-box .total-list {
  width: 100%;
  float: left;
  position: relative;
}
.crm-lead-entry-details .crm-without-order-total-box .total-list .text {
  width: calc(100% - 150px);
  position: relative;
  float: left;
}
.crm-lead-entry-details .crm-without-order-total-box .total-list .text .text-name {
  width: calc(100% - 110px);
  float: left;
  position: relative;
}
.crm-lead-entry-details .crm-without-order-total-box .total-list .text .text-box-percentage {
  width: 80px;
  float: left;
  position: relative;
}
.crm-lead-entry-details .crm-without-order-total-box .total-list .text .text-percentage {
  width: 30px;
  float: left;
  position: relative;
  justify-content: center;
  text-align: center;
}
.crm-lead-entry-details .crm-without-order-total-box .total-list .amount-area {
  width: 150px;
  float: left;
  position: relative;
  text-align: right;
}

.crm-lead-entry-click-hd {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  /*&:hover{color:$bg-primary;cursor:pointer;}*/
}
.crm-lead-entry-click-hd .togelAction {
  width: 17px;
  height: 17px;
  line-height: 13px;
  border: 1px solid #cccccc;
  text-align: center;
  justify-content: center;
  margin-right: 8px;
  float: left;
}
.crm-lead-entry-click-hd .togelAction i {
  color: #999999 !important;
}
.crm-lead-entry-click-hd .edit-action {
  position: relative;
  cursor: pointer;
}
.crm-lead-entry-click-hd .edit-action:hover {
  color: #20a8d8;
  cursor: pointer;
}

.crm-order-entry-moneySection {
  width: 100%;
  position: relative;
  float: left;
}
.crm-order-entry-moneySection .order-moneySection-box {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.crm-order-entry-moneySection .order-moneySection-box .money-hd {
  position: relative;
  float: left;
  text-align: right;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
}
.crm-order-entry-moneySection .order-moneySection-box .text {
  float: left;
  position: relative;
  width: 100%;
  font-size: 12px;
}
.crm-order-entry-moneySection .order-moneySection-box .text span {
  text-align: right;
  font-weight: 700;
  float: right;
}

.crm-without-order-sum {
  width: 100%;
  float: left;
  position: relative;
}
.crm-without-order-sum .text {
  float: left;
  position: relative;
  width: calc(100% - 200px);
  text-align: right;
  padding-top: 7px;
  font-size: 12px;
  font-weight: 700;
  padding-right: 15px;
}
.crm-without-order-sum .sum-form {
  width: 140px;
  float: left;
  position: relative;
}
.crm-without-order-sum .sum-usd {
  width: 50px;
  float: left;
  position: relative;
  margin-left: 10px;
}

.leadGrid-text-link {
  color: #000000;
  cursor: pointer;
}
.leadGrid-text-link:hover {
  color: #20a8d8;
  cursor: pointer;
}

.grid-map-color {
  color: #000000;
  cursor: pointer;
}
.grid-map-color:hover {
  color: #999999;
  cursor: pointer;
}

.k-datetimepicker.crm-datandtime {
  position: relative;
}
.k-datetimepicker.crm-datandtime .k-link {
  padding: 0;
}
.k-datetimepicker.crm-campaingdate {
  position: relative;
}
.k-datetimepicker.crm-campaingdate .k-picker-wrap .k-select {
  background: transparent !important;
  border: none !important;
}
.k-datetimepicker.crm-campaingdate .k-picker-wrap .k-select .k-link {
  padding: 0 4px !important;
}

.k-datepicker.crm-campaingdate {
  position: relative;
}
.k-datepicker.crm-campaingdate .k-picker-wrap .k-select {
  background: transparent !important;
  border: none !important;
}

.crm-lead-dtl-view {
  width: 100%;
  float: left;
  position: relative;
}
.crm-lead-dtl-view .crm-lead-dtl-list {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 10px;
}
.crm-lead-dtl-view .crm-lead-dtl-list .lead-dtl-hd {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 600;
}
.crm-lead-dtl-view .crm-lead-dtl-list .lead-dtl-hd .font-normal {
  font-weight: normal !important;
}
.crm-lead-dtl-view .crm-lead-dtl-list .lead-dtl-text {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: normal;
}

.lead-copp-hd-dtls {
  width: 100%;
  position: relative;
  float: left;
}
.lead-copp-hd-dtls .lead-name-hd {
  width: 140px;
  float: left;
  position: relative;
  font-weight: 600;
  font-size: 12px;
}
.lead-copp-hd-dtls .lead-name-text {
  width: calc(100% - 150px);
  position: relative;
  float: left;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crm-email-upload-files {
  width: 100%;
  float: left;
  position: relative;
}
.crm-email-upload-files .crm-emil-uplad-file {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 5px;
}
.crm-email-upload-files .crm-emil-uplad-file .file-name {
  width: calc(100% - 30px);
  float: left;
  position: relative;
}
.crm-email-upload-files .crm-emil-uplad-file .file-delete {
  width: 30px;
  float: left;
  position: relative;
  text-align: right;
}
.crm-email-upload-files .crm-emil-uplad-file .file-delete:hover {
  color: #20a8d8;
  cursor: pointer;
}

.approve-sub-comment {
  width: 100%;
  float: left;
  position: relative;
}
.approve-sub-comment .approvePerson {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.approve-sub-comment .approvePerson .imgcircle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.approve-sub-comment .approvePerson-text {
  width: calc(100% - 50px);
  margin-left: 10px;
  float: left;
  position: relative;
}
.approve-sub-comment .approvePerson-text .title {
  width: 100%;
  position: relative;
  float: left;
  cursor: pointer;
  color: #20a8d8;
}
.approve-sub-comment .approvePerson-text .title:hover {
  cursor: pointer;
  text-decoration: underline;
}
.approve-sub-comment .approvePerson-text .text-desc {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
}

.crmStatus-Completed {
  position: relative;
  text-align: center;
  float: left;
  width: auto;
}
.crmStatus-Completed .text {
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 9px;
  color: #FFFFFF;
  float: left;
  min-width: 10px;
  float: left;
  font-weight: normal;
}
.crmStatus-Completed .text.Cancel {
  background: #f86c6b;
}

/*Made changes for custstatus color status*/
.crmStatus-Completed .text.Pending {
        background: #ffc107;
}
.crmStatus-Completed .text.inprogress {
        background: #20a8d8;
 }
.crmStatus-Completed .text.confirm {
        background: #63c2de;
}
.crmStatus-Completed .text.posted {
        background: #FFFF00;
        color: #000000;
}
.crmStatus-Completed .text.Pend {
        background: #ff69b4;
}
.crmStatus-Completed .text.progress {
        background: #00BFFF;
}
.crmStatus-Completed .text.confirmed {
        background: #2063de;
}
.crmStatus-Completed .text.post {
        background: #20d820;
        color: #000000;
}
.crmStatus-Completed .text.bgGray {
  background: #e6e6e6;
  color: #000000;
}
.crmStatus-Completed .text.done {
  background: #4dbd74;
}
.crmStatus-Completed .text.no-bg {
  background: transparent;
  color: #000000;
  padding: 0;
  text-align: left;
}
.crmStatus-Completed .text.rfq-stock {
  background: #e7a1a1;
}
.crmStatus-Completed .text.rfq-posted {
  background: #495057;
}
.crmStatus-Completed .text.req-posted {
  background: #20a8d8;
}
.crmStatus-Completed .text.req-requested {
  background: #a2b772;
}
.crmStatus-Completed .text.rfq-generated {
  background: #FFFF00;
  color: #000000;
}
.crmStatus-Completed .text.po-created {
  background: #fab007;
}
.crmStatus-Completed .text.rfq-review {
  background: #9ccff1;
  color: #000000;
}
.crmStatus-Completed .text.req-approved {
  background: #36b24d;
}
.crmStatus-Completed .text.req-rejected {
  background: #df3230;
}
.crmStatus-Completed .text.pointer {
  cursor: pointer;
}
.crmStatus-Completed .text.pointer:hover {
  cursor: pointer;
  text-decoration: underline;
}

.slectRupee {
  position: relative;
}
.slectRupee .dropdown-menu {
  width: 100%;
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.07);
  border: 1px solid #e9e9e9 !important;
}
.slectRupee .dropdown-menu .search_item {
  width: 100%;
  cursor: pointer;
  padding: 1px 15px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
}
.slectRupee .dropdown-menu .search_item span {
  margin-right: 8px;
  visibility: hidden;
}
.slectRupee .dropdown-menu .search_item.active {
  background: #f5f5f5;
  color: #ff4081;
}
.slectRupee .dropdown-menu .search_item.active span {
  visibility: visible;
}
.slectRupee .dropdown-menu .search_item.active:hover {
  background: #ebebeb;
}
.slectRupee .dropdown-menu .search_item:hover {
  background: #f5f5f5;
  cursor: pointer;
  color: #000000;
}

.opportunity-grid-span-width {
  width: 105px;
  float: left;
}
.opportunity-grid-span-width span {
  padding-right: 10px;
}

.crm-comp-listview-popup {
  position: relative;
  width: 100%;
  float: left;
}
.crm-comp-listview-popup .crm-comp-listview-hd {
  width: 100%;
  position: relative;
  float: left;
  font-size: 14px;
  border-bottom: 2px solid #c8ced3;
  padding: 0 0 10px 0px;
  font-weight: 600;
}
.crm-comp-listview-popup .crm-comp-listview-hd .hd-comp-name {
  width: calc(100% - 160px);
  float: left;
}
.crm-comp-listview-popup .crm-comp-listview-hd .hd-comp-type {
  width: 90px;
  position: relative;
  float: left;
}
.crm-comp-listview-popup .crm-comp-listview-hd .hd-comp-status {
  width: 70px;
  position: relative;
  float: left;
}
.crm-comp-listview-popup .crm-comp-listview-dtl {
  width: 100%;
  position: relative;
  float: left;
}
.crm-comp-listview-popup .crm-comp-listview-dtl .crm-comp-listview-li {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  padding: 7px;
  cursor: pointer;
}
.crm-comp-listview-popup .crm-comp-listview-dtl .crm-comp-listview-li .crm-comp-name {
  position: relative;
  width: calc(100% - 160px);
  float: left;
}
.crm-comp-listview-popup .crm-comp-listview-dtl .crm-comp-listview-li .crm-comp-type {
  position: relative;
  float: left;
  width: 90px;
}
.crm-comp-listview-popup .crm-comp-listview-dtl .crm-comp-listview-li .crm-comp-status {
  position: relative;
  float: left;
  width: 70px;
}
.crm-comp-listview-popup .crm-comp-listview-dtl .crm-comp-listview-li:nth-child(even) {
  background: #eaedf1;
}
.crm-comp-listview-popup .crm-comp-listview-dtl .crm-comp-listview-li:hover {
  background: #b1ddf3;
  font-weight: 600;
}

.global-add-widget {
  background: #20a8d8;
  color: #FFFFFF;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 22px;
  cursor: pointer;
  border-radius: 100%;
}

.bodymain {
  width: 100%;
  float: left;
  position: relative;
}

.grid-stack-item-content {
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #c8ced3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  overflow-y: unset !important;
  overflow-x: unset !important;
  overflow-y: unset !important;
}

.grid-stack {
  background: transparent;
}
.grid-stack.grid-stack-4 .grid-stack-item[data-gs-width="2"] {
  width: 50%;
}
.grid-stack.grid-stack-4 .grid-stack-item[data-gs-x="2"] {
  left: 50%;
}

.crm-widget {
  width: 100%;
  float: left;
  position: relative;
  height: auto;
  background: #FFFFFF;
}
.crm-widget.border-radius {
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
}
.crm-widget .crm-widget-title {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 10px;
  cursor: move;
}
.crm-widget .crm-widget-title .title {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}
.crm-widget .crm-widget-title .add-task {
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
  color: #000000;
}
.crm-widget .crm-widget-title .add-task i {
  padding-right: 5px;
}
.crm-widget .crm-widget-title .add-task i.font-large {
  font-size: 20px;
}
.crm-widget .crm-widget-title .add-task span:hover {
  color: #20a8d8;
}
.crm-widget .crm-widget-content {
  padding: 15px;
  position: relative;
  clear: both;
}
.crm-widget .crm-widget-content.crm-dashboard-content {
  height: 312px;
  overflow: auto;
  overflow-x: hidden;
}

.crm-widget-inner-list {
  position: relative;
  width: 100%;
  float: left;
}
.crm-widget-inner-list ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  border: none;
}
.crm-widget-inner-list ul li {
  width: 100%;
  float: left;
  position: relative;
  list-style-type: none;
  border-bottom: 1px solid #c8ced3;
  line-height: 1.5;
  padding: 10px 0 10px 0;
}
.crm-widget-inner-list ul li .list-content {
  width: 100%;
  float: left;
  position: relative;
}
.crm-widget-inner-list ul li .list-content .icon-area {
  width: 18px;
  font-size: 13px;
  font-weight: 600;
  float: left;
}
.crm-widget-inner-list ul li .list-content .list-heading {
  font-size: 13px;
  font-weight: 600;
  width: calc(100% - 38px);
  float: left;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px;
}
.crm-widget-inner-list ul li .list-content .list-edit {
  width: 10px;
  float: left;
  position: relative;
  cursor: pointer;
}
.crm-widget-inner-list ul li .list-content .list-desc {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
}
.crm-widget-inner-list ul li .list-content .my-call-list {
  width: calc(100% - 10px);
  font-size: 13px;
  font-weight: 600;
  float: left;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-widget-inner-list ul li:last-child {
  border-bottom: none;
}
.crm-widget-inner-list ul li:first-child {
  padding-top: 0;
}

.label-high {
  padding: 2px 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  color: #FFFFFF;
  background: #e4a133;
}

.crm-creat-newlead-icon {
  width: auto;
  clear: both;
}

.crmPopupReportGrid {
  position: relative;
}
.crmPopupReportGrid .k-pager-wrap {
  padding: 3px 10px !important;
}

.selectReport {
  padding: 3px 10px;
  background: #ccc;
}

.crmAddRefreshBtn {
  width: auto;
  padding: 5px 6px;
  list-style-type: none;
  float: left;
}
.crmAddRefreshBtn li {
  width: 100%;
  display: list-item;
  list-style-type: none;
  font-size: 13px;
  margin-bottom: 12px;
  float: left;
}
.crmAddRefreshBtn li span {
  width: auto;
  position: relative;
  border: 1px solid #c8ced3;
  padding: 5px 6px;
  float: left;
}
.crmAddRefreshBtn li span:hover {
  background: #eaedf1;
  color: #20a8d8;
  cursor: pointer;
}

.crm-sync {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}
.crm-sync .list-icon {
  width: 40px;
  height: 40px;
  display: inline;
  text-align: center;
  line-height: 40px;
  float: left;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.crm-sync .list-details {
  float: left;
  width: calc(100% - 50px);
  margin-left: 50px;
}
.crm-sync .list-details .crmList-heading {
  font-size: 16px;
  font-weight: 600;
}
.crm-sync .list-details .crmList-details {
  font-size: 13px;
  margin: 0;
}

.form-group {
  position: relative;
}
.form-group.crm-sync-input-text {
  position: relative;
  margin-top: -6px;
}
.form-group.crm-sync-input-text label {
  font-weight: bold !important;
}
.form-group .form-control.crmreadonly {
  pointer-events: none;
}

.crmAdminSync-gc-desc {
  font-size: 12px;
  font-weight: normal;
}

.crmAdminSync-loading {
  position: relative;
  padding: 10px;
  padding-top: 18px;
  width: 100%;
  text-align: center;
}
.crmAdminSync-loading .typing_indication {
  font-size: 24px;
  color: #303131;
  left: 26px;
}
.crmAdminSync-loading .typing_indication .typingwave {
  position: relative;
  text-align: center;
}
.crmAdminSync-loading .typing_indication .typingwave .typingdot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 0px;
  background: #303131;
  animation: typingwave 1.3s linear infinite;
}
.crmAdminSync-loading .typing_indication .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.crmAdminSync-loading .typing_indication .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}

.crm-sync-tabs {
  width: 100%;
  position: relative;
  float: left;
}
.crm-sync-tabs ul {
  position: relative;
  list-style-type: none;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #cccccc;
}
.crm-sync-tabs ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  padding: 5px 0 5px 0;
  cursor: pointer;
  font-size: 14px;
  color: #000000;
  margin-right: 15px;
  font-weight: 600;
}
.crm-sync-tabs ul li.active {
  border-bottom: 3px solid #20a8d8;
  color: #20a8d8;
}
.crm-sync-tabs ul li:hover {
  color: #20a8d8;
}

.crm-sync-tabs-contents {
  width: 100%;
  float: left;
  position: relative;
  height: calc(100vh - 200px);
  height: calc(var(--vh, 1vh) * 100 - 200px) !important;
  overflow: auto;
  overflow-x: hidden;
}

.crm-orderEntry-tabs-contents {
  width: 100%;
  float: left;
  position: relative;
  height: calc(100vh - 353px);
  height: calc(var(--vh, 1vh) * 100 - 353px) !important;
  overflow: auto;
  overflow-x: hidden;
}

.crm-sync-top-div-remove-scroll {
  position: relative;
  overflow: hidden !important;
}

.crmSyncTabGrids {
  position: relative;
}
.crmSyncTabGrids .k-grid-content {
  overflow: scroll;
  height: calc(100vh - 258px);
  height: calc(var(--vh, 1vh) * 100 - 258px) !important;
}
.crmSyncTabGrids .k-filter-row th, .crmSyncTabGrids .k-grid-header th.k-header {
  padding: 5px 5px;
  color: #000000;
  font-weight: 400;
  background: #f2f6f8;
  font-size: 13px;
  font-family: Arial, sans-serif !important;
}

@media (max-width: 991.98px) {
  .crm-lead-body-content {
    position: relative;
  }
  .crm-lead-body-content.crm-body-contentView-scroll {
    height: calc(100vh - 297px);
    height: calc(var(--vh, 1vh) * 100 - 297px);
    position: relative;
    overflow: auto;
    overflow-x: hidden;
  }
  .crm-lead-body-content.crm-body-contentView-scroll.crmPrintOrderView {
    height: calc(100vh - 160px);
    height: calc(var(--vh, 1vh) * 100 - 160px) !important;
  }
}
.crmProductGridList {
  position: relative;
}
.crmProductGridList .k-grid-content {
  height: calc(100vh - 223px) !important;
  height: calc(var(--vh, 1vh) * 100 - 274px) !important;
  overflow: scroll;
}

.crmProductGridList.UOM {
  position: relative;
}
.crmProductGridList.UOM .k-grid-content {
  height: calc(100vh - 350px) !important;
  height: calc(var(--vh, 1vh) * 100 - 350px) !important;
  overflow: scroll;
}

.crmAdminTaxGroupGrid {
  position: relative;
}
.crmAdminTaxGroupGrid .k-grid-content {
  height: calc(100vh - 283px) !important;
  height: calc(var(--vh, 1vh) * 100 - 283px) !important;
  overflow: scroll;
}

.crmwithoutOrderGrid {
  position: relative;
}
.crmwithoutOrderGrid .k-grid-content {
  height: 230px !important;
  overflow: scroll;
}

.iconshow {
  cursor: pointer;
}
.iconshow:hover {
  cursor: pointer;
  color: #20a8d8 !important;
}

.orderEntry-cust-btn {
  min-width: 30px;
  position: relative;
  border: 1px solid #8e8a86;
  background-color: #f1f1f3;
  cursor: pointer;
  justify-content: center;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -webkit-border-radius: 1px;
  -os-border-radius: 1px;
  border-radius: 1px;
  padding: 4px 8px;
}
.orderEntry-cust-btn:hover {
  background-color: #e3e3e7;
  color: #000000;
  cursor: pointer;
  outline: none;
  outline-color: none;
}

.crm-product-img-box {
  width: 100%;
  position: relative;
  height: 200px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -os-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #c8ced3;
  display: table;
  table-layout: fixed;
  text-align: center;
  justify-content: center;
}
.crm-product-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -os-border-radius: 10px;
  border-radius: 10px;
}

.crmApprovalGridList {
  position: relative;
}
.crmApprovalGridList .k-grid-content {
  height: calc(100vh - 267px) !important;
  height: calc(var(--vh, 1vh) * 100 - 267px) !important;
  overflow: scroll;
}

.crmProcessDefiGridList {
  position: relative;
}
.crmProcessDefiGridList .k-grid-content {
  height: auto !important;
}

.crmTopHd {
  min-height: 78px;
}

.crmAdmin-approval-btn {
  position: relative;
  float: left;
  width: calc(100% - 217px);
  margin-left: 217px;
}

.crmAdmin-approval-bodyscroll {
  padding: 15px;
  position: relative;
  float: left;
  overflow: auto;
  height: calc(100vh - 104px);
  height: calc(var(--vh, 1vh) * 100 - 133px);
  width: 100%;
}

.crmApproval-form-bg {
  background: #d9d9d9;
  padding: 10px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  -os-border-radius: 5px;
  border-radius: 5px;
}
.crmApproval-form-bg .approval-btn {
  text-decoration: underline;
  width: auto;
  float: left;
}
.crmApproval-form-bg .approval-btn:hover {
  color: #20a8d8;
  cursor: pointer;
}

.globl-browse-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #ccc;
  border-radius: 4px;
  height: 100px;
  text-align: center;
  flex-direction: column;
  background: #effbfa;
}
.globl-browse-box .brws-img {
  font-size: 36px;
}

.social-post-CTA-img {
  width: 100%;
  height: 203px;
  position: relative;
  border: 1px solid #c8ced3;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
}
.social-post-CTA-img img {
  width: 100%;
  height: 100%;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
}

.ctaEditText {
  position: relative;
}
.ctaEditText .k-editable-area {
  position: relative;
  height: 70px;
}

.crmLead-approval-tabs {
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.crmLead-approval-tabs li {
  display: inline-block;
  position: relative;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-right: 2px; /*width:calc(16.66667% - 2px);*/
}
.crmLead-approval-tabs li .arrow-pointer {
  height: 30px;
  background: #cccccc;
  position: relative;
  padding: 5px 0;
}
.crmLead-approval-tabs li .arrow-pointer:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 15px solid #f6f6f6;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.crmLead-approval-tabs li .arrow-pointer:before {
  content: "";
  position: absolute;
  right: -15px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 15px solid #cccccc;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  z-index: 1;
}
.crmLead-approval-tabs li .arrow-pointer .draptIcons {
  display: none;
}
.crmLead-approval-tabs li .arrow-pointer .text {
  display: block;
}
.crmLead-approval-tabs li .arrow-pointer:hover {
  cursor: pointer;
  text-decoration: underline;
}
.crmLead-approval-tabs li:first-child {
  border: 0;
}
.crmLead-approval-tabs li:first-child .arrow-pointer {
  -moz-border-radius: 15px 0px 0px 15px;
  -ms-border-radius: 15px 0px 0px 15px;
  -webkit-border-radius: 15px 0px 0px 15px;
  -os-border-radius: 15px 0px 0px 15px;
  border-radius: 15px 0px 0px 15px;
}
.crmLead-approval-tabs li:first-child .arrow-pointer:after {
  border: 0;
}
.crmLead-approval-tabs li:last-child {
  border: 0;
}
.crmLead-approval-tabs li:last-child .arrow-pointer {
  -moz-border-radius: 0px 15px 15px 0;
  -ms-border-radius: 0px 15px 15px 0;
  -webkit-border-radius: 0px 15px 15px 0;
  -os-border-radius: 0px 15px 15px 0;
  border-radius: 0px 15px 15px 0;
}
.crmLead-approval-tabs li:last-child .arrow-pointer:before {
  border: 0;
}
.crmLead-approval-tabs li.complete {
  position: relative;
}
.crmLead-approval-tabs li.complete .arrow-pointer {
  background: #4dbd74;
  color: #FFFFFF;
}
.crmLead-approval-tabs li.complete .arrow-pointer:before {
  border-left: 15px solid #4dbd74;
}
.crmLead-approval-tabs li.complete .arrow-pointer .text {
  display: none;
}
.crmLead-approval-tabs li.complete .arrow-pointer .draptIcons {
  display: block;
}
.crmLead-approval-tabs li.complete:hover {
  text-decoration: underline;
  color: #FFFFFF;
  cursor: pointer;
}
.crmLead-approval-tabs li.complete:hover .arrow-pointer:before {
  border-left: 15px solid #4dbd74;
}
.crmLead-approval-tabs li.complete:hover .arrow-pointer .text {
  display: block;
}
.crmLead-approval-tabs li.complete:hover .arrow-pointer .draptIcons {
  display: none;
}
.crmLead-approval-tabs li.current-Tab {
  position: relative;
}
.crmLead-approval-tabs li.current-Tab .arrow-pointer {
  background: #1985ac;
  color: #FFFFFF;
}
.crmLead-approval-tabs li.current-Tab .arrow-pointer:before {
  border-left: 15px solid #1985ac;
}
.crmLead-approval-tabs li.current-Tab:hover {
  text-decoration: underline;
  color: #FFFFFF;
  cursor: pointer;
}
.crmLead-approval-tabs li:last-child {
  margin-right: 0;
}

/*for lead approval multiple tabs width count*/
.crmLead-approval-tabs li:first-child:nth-last-child(1),
.crmLead-approval-tabs li:first-child:nth-last-child(1) ~ li {
  /*one item*/
  width: calc(100% - 2px);
}

/*two items*/
.crmLead-approval-tabs li:first-child:nth-last-child(2),
.crmLead-approval-tabs li:first-child:nth-last-child(2) ~ li {
  /*one item*/
  width: calc(50% - 2px);
}

/*three items*/
.crmLead-approval-tabs li:first-child:nth-last-child(3),
.crmLead-approval-tabs li:first-child:nth-last-child(3) ~ li {
  /*one item*/
  width: calc(33.33333% - 2px);
}

/*four items*/
.crmLead-approval-tabs li:first-child:nth-last-child(4),
.crmLead-approval-tabs li:first-child:nth-last-child(4) ~ li {
  /*one item*/
  width: calc(25% - 2px);
}

/*five items*/
.crmLead-approval-tabs li:first-child:nth-last-child(5),
.crmLead-approval-tabs li:first-child:nth-last-child(5) ~ li {
  /*one item*/
  width: calc(20% - 2px);
}

/*six items*/
.crmLead-approval-tabs li:first-child:nth-last-child(6),
.crmLead-approval-tabs li:first-child:nth-last-child(6) ~ li {
  /*one item*/
  width: calc(16.66667% - 2px);
}

/*seven items*/
.crmLead-approval-tabs li:first-child:nth-last-child(7),
.crmLead-approval-tabs li:first-child:nth-last-child(7) ~ li {
  /*one item*/
  width: calc(14.28571% - 2px);
}

/*eight items*/
.crmLead-approval-tabs li:first-child:nth-last-child(8),
.crmLead-approval-tabs li:first-child:nth-last-child(8) ~ li {
  /*one item*/
  width: calc(12.5% - 2px);
}

/*nine items*/
.crmLead-approval-tabs li:first-child:nth-last-child(9),
.crmLead-approval-tabs li:first-child:nth-last-child(9) ~ li {
  /*one item*/
  width: calc(11.11111% - 2px);
}

/*Ten items*/
.crmLead-approval-tabs li:first-child:nth-last-child(10),
.crmLead-approval-tabs li:first-child:nth-last-child(10) ~ li {
  /*one item*/
  width: calc(10% - 2px);
}

/*Eleven items*/
.crmLead-approval-tabs li:first-child:nth-last-child(11),
.crmLead-approval-tabs li:first-child:nth-last-child(11) ~ li {
  /*one item*/
  width: calc(9.090909% - 2px);
}

.crm-mark-status-complete {
  width: 100%;
  position: relative;
  background: #1985ac;
  float: left;
  padding: 5px 16px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -webkit-border-radius: 15px;
  -os-border-radius: 15px;
  border-radius: 15px;
  color: #FFFFFF;
  text-align: center;
}

.btn-primary {
  position: relative;
}
.btn-primary.recall-btn {
  font-size: 12px;
  min-width: auto !important;
}

.alphabet-sort {
  position: relative;
  width: 100%;
}
.alphabet-sort ul {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  top: -8px;
}
.alphabet-sort ul li {
  list-style: none;
  display: inline-block;
  padding: 0 9px;
  cursor: pointer;
  color: #20a8d8;
}
.alphabet-sort ul li:hover {
  cursor: pointer;
  background: #eaedf1;
}
.alphabet-sort ul li.alphabet-active {
  background: #eaedf1;
  font-weight: bold;
}

.crm-campaign-marketing {
  position: relative;
  width: 100%;
  float: left;
}
.crm-campaign-marketing .crm-campaign-marketing-list {
  position: relative;
  padding: 10px 0;
  float: left;
  width: 100%;
  border-top: 1px solid #c8ced3;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-photo {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-photo .photo-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  border: 3px solid transparent;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-photo .no-photo {
  text-align: center;
  justify-content: center;
  background: #20a8d8;
  color: #FFFFFF;
  line-height: 35px;
  text-transform: uppercase;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-photo .no-photo.photo-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  border: 3px solid transparent;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-area {
  width: calc(100% - 50px);
  float: left;
  margin-left: 10px;
  position: relative;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-area .name {
  position: relative;
  width: calc(100% - 30px);
  float: left;
  word-break: break-all;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-area .name span {
  font-weight: 400;
  width: 100%;
  float: left;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-area .name span + span {
  font-weight: normal;
  font-size: 13px;
  width: 100%;
  float: left;
  color: #999999;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-area .action {
  position: relative;
  width: 30px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-area .action i {
  cursor: pointer;
}
.crm-campaign-marketing .crm-campaign-marketing-list .marketing-area .action i:hover {
  cursor: pointer;
  color: #20a8d8;
}

.campaign-recordLookup-search {
  position: absolute;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -os-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  top: 10px;
  right: 10px;
  bottom: 0;
  background: #FFFFFF;
  z-index: 12000;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, z-index 0s ease 0.25s;
}
.campaign-recordLookup-search .recordLookup-maindiv {
  width: 400px;
  float: left;
  position: relative;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-heading {
  width: 100%;
  float: left;
  position: relative;
  padding: 15px;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-heading .recordLookup-heading-text {
  width: calc(100% - 30px);
  float: left;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-heading .recordLookup-heading-text span {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-heading .recordLookup-search-close {
  width: 30px;
  float: left;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  text-align: right;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-heading .recordLookup-search-close:hover {
  cursor: pointer;
  color: #20a8d8;
}
.campaign-recordLookup-search .recordLookup-maindiv .global-search-inputbox {
  width: 100%;
  float: left;
  position: relative;
  height: auto;
  background: #f2f7fe;
}
.campaign-recordLookup-search .recordLookup-maindiv .global-search-inputbox .global-seach-custom-input {
  background: #f2f7fe;
  border: none !important;
  height: 40px;
  font-size: 14px;
  padding-left: 42px;
  padding-right: 15px;
}
.campaign-recordLookup-search .recordLookup-maindiv .global-search-inputbox .global-seach-icon {
  position: absolute;
  width: 17px;
  top: 12px;
  left: 15px;
  transform: rotate(90deg);
}
.campaign-recordLookup-search .recordLookup-maindiv .global-search-inputbox .global-search-Clear {
  display: none;
}
.campaign-recordLookup-search .recordLookup-maindiv .global-search-inputbox.active-global-search-clear {
  position: relative;
}
.campaign-recordLookup-search .recordLookup-maindiv .global-search-inputbox.active-global-search-clear .global-seach-custom-input {
  padding-right: 62px !important;
}
.campaign-recordLookup-search .recordLookup-maindiv .global-search-inputbox.active-global-search-clear .global-search-Clear {
  width: 40px;
  position: absolute;
  right: 15px;
  top: 12px;
  text-transform: uppercase;
  display: block;
  color: #20a8d8;
  font-size: 12px;
}
.campaign-recordLookup-search .recordLookup-maindiv .global-search-inputbox.active-global-search-clear .global-search-Clear:hover {
  cursor: pointer;
  color: #20a8d8;
}
.campaign-recordLookup-search .recordLookup-maindiv .selected-record-list {
  width: 100%;
  float: left;
  position: relative;
}
.campaign-recordLookup-search .recordLookup-maindiv .selected-record-list .select-all-records {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  background: #e6e6e6;
  padding: 10px;
}
.campaign-recordLookup-search .recordLookup-maindiv .selected-record-list .select-all-records .select-list {
  display: inline-block;
  position: relative;
  flex-direction: column;
  padding: 3px;
  margin-right: 5px;
  min-width: 0;
  color: #20a8d8;
  background: #fafafa;
}
.campaign-recordLookup-search .recordLookup-maindiv .selected-record-list .select-all-records .select-list .action {
  cursor: pointer;
  color: #999999;
}
.campaign-recordLookup-search .recordLookup-maindiv .selected-record-list .select-all-records .select-list .action:hover {
  cursor: pointer;
  color: #000000;
}
.campaign-recordLookup-search .recordLookup-maindiv .global-seach-porgress-bar {
  width: 100%;
  float: left;
  position: relative;
  margin-top: -15px;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  float: left;
  height: calc(100vh - 273px);
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section.after-select-files {
  height: calc(100vh - 340px) !important;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list {
  position: relative;
  float: left;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list li {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 10px;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view {
  position: relative;
  float: left;
  padding: 13px 0;
  margin: 0;
  width: 100%;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view .record-inner-content {
  position: relative;
  float: left;
  width: 100%;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view .record-inner-content .record-icon {
  width: 30px;
  float: left;
  position: absolute;
  margin: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateY(-50%);
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view .record-inner-content .record-icon:hover {
  cursor: pointer;
  color: #20a8d8;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view .record-inner-content .record-list-name {
  width: calc(100% - 50px);
  float: left;
  position: relative;
  margin-left: 30px;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view .record-inner-content .record-list-name span {
  float: left;
  width: 100%;
  position: relative;
  font-size: 12px;
  color: #999999;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view .record-inner-content .record-toggle-action {
  width: 30px;
  float: left;
  position: absolute;
  margin: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateY(-50%);
  right: 0;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view .record-inner-content .record-toggle-action:hover {
  cursor: pointer;
  color: #20a8d8;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view.record-open {
  position: relative;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view.record-open .record-toggle-action .icon-arrow-down:before {
  content: "\e607" !important;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view.record-open .record-dropdown-content {
  display: block !important;
  opacity: 1;
  transition: 3s ease-in-out;
  transition-duration: 8s;
  margin-top: 10px;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view .record-dropdown-content {
  position: relative;
  float: left;
  width: 100%;
  display: none;
  opacity: 0;
  transition: 3s;
  transition-duration: 8s;
  padding: 10px 10px 0 10px;
  border-top: 1px solid #c8ced3;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view .record-dropdown-content .form-group label {
  font-size: 13px;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section .campaignRecord-list .record-list-view:hover {
  background: #deddde;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-filter-section.newPlanningActivity-area {
  position: relative;
  height: calc(100vh - 165px) !important;
  height: calc(var(--vh, 1vh) * 100 - 165px) !important;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-addItems-btn {
  position: relative;
  float: left;
  width: 100%;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-addItems-btn .newCamp {
  color: #20a8d8;
  cursor: pointer;
  text-decoration: none;
  padding-left: 10px;
  float: left;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-addItems-btn .newCamp:hover {
  cursor: pointer;
  color: #0c4053;
}
.campaign-recordLookup-search .recordLookup-maindiv .recordLookup-footer-btn {
  width: 100%;
  position: relative;
  float: left;
  text-align: right;
}
.campaign-recordLookup-search .recordLookup-maindiv.for-post-details {
  width: 800px;
}

.crm-campaing-top-heading {
  position: relative;
  float: left;
  width: 100%;
}
.crm-campaing-top-heading .photo {
  width: 40px;
  height: 40px;
  position: relative;
  float: left;
}
.crm-campaing-top-heading .photo .no-photo {
  text-align: center;
  justify-content: center;
  background: #20a8d8;
  color: #FFFFFF;
  line-height: 35px;
  text-transform: uppercase;
}
.crm-campaing-top-heading .photo .no-photo.photo-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  border: 3px solid transparent;
}
.crm-campaing-top-heading .crm-campaing-heading-text {
  width: calc(100% - 40px);
  padding-left: 15px;
  float: left;
  position: relative;
}
.crm-campaing-top-heading .crm-campaing-heading-text span {
  font-weight: bold;
  font-size: 16px;
}
.crm-campaing-top-heading .crm-campaing-heading-text span + span {
  font-weight: normal;
  color: #999999;
  font-size: 13px;
  width: 100%;
  float: left;
}

.crm-campaign-owner-area {
  -webkit-box-pack: end !important;
  justify-content: flex-end !important;
  border: none;
}

.crm-campaign-owner-content {
  position: relative;
  display: inline-flex;
  padding: 0 20px;
}
.crm-campaign-owner-content .heading-text {
  width: auto;
  float: left;
}
.crm-campaign-owner-content .heading-text span {
  font-weight: bold;
}
.crm-campaign-owner-content .heading-text span + span {
  font-weight: normal;
  float: left;
  width: 100%;
  font-size: 13px;
  color: #999999;
}

.crm-application-form-group {
  position: relative;
}
.crm-application-form-group .form-group {
  margin-bottom: 0px !important;
}
.crm-application-form-group .form-group label {
  font-size: 12px;
}

.addcontacts {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 55x);
  height: calc(var(--vh, 1vh) * 100 - 55px) !important;
}
.addcontacts .contact-title {
  float: left;
  position: relative;
  width: 100%;
}
.addcontacts .contact-title .back-toContacts {
  float: left;
  padding: 6px 12px;
  -moz-border-radius: 0 7px 7px 0;
  -ms-border-radius: 0 7px 7px 0;
  -webkit-border-radius: 0 7px 7px 0;
  -os-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  width: auto;
  background: #ecf8fc;
  border: 1px solid #20a8d8;
  cursor: pointer;
}
.addcontacts .contact-title .back-toContacts:hover {
  cursor: pointer;
  background: #c8ebf7 !important;
}
.addcontacts .contact-title .action {
  float: right;
  position: relative;
  width: auto;
  right: 10px;
  color: #20a8d8;
  cursor: pointer;
  margin-top: 10px;
}
.addcontacts .contact-photo-top-area {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 97x);
  height: calc(var(--vh, 1vh) * 100 - 97px) !important;
  overflow: auto;
  overflow-x: hidden;
}
.addcontacts .contact-photo-top-area.contentEntry_fullScroll {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  height: calc(100vh - 151px) !important;
  height: calc(var(--vh, 1vh) * 100 - 151px) !important;
}
.addcontacts .contact-photo-top-area .photo-image-area {
  float: left;
  position: relative;
  width: 100%;
}
.addcontacts .contact-photo-top-area .photo-image-area .photo {
  width: 70px;
  height: 70px;
  position: relative;
  margin: 0 auto;
}
.addcontacts .contact-photo-top-area .photo-image-area .photo .photo-circle {
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.addcontacts .contact-photo-top-area .photo-image-area .photo .no-photo {
  text-align: center;
  justify-content: center;
  background: #20a8d8;
  color: #FFFFFF;
  line-height: 65px;
  text-transform: uppercase;
  font-size: 30px;
}
.addcontacts .contact-photo-top-area .photo-image-area .photo .no-photo.photo-circle {
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  background-clip: content-box;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  border: 3px solid transparent;
}
.addcontacts .contact-photo-top-area .contact-person-name {
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
}
.addcontacts .contact-photo-top-area .contact-person-name .title {
  width: 100%;
  text-align: center;
  float: left;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
}
.addcontacts .contact-photo-top-area .contact-person-name .designation {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
}
.addcontacts .contact-photo-top-area .contact-social-action {
  position: relative;
  float: left;
  text-align: center;
  width: 70%;
  margin-left: 15%;
}
.addcontacts .contact-photo-top-area .contact-social-action .icon-area {
  position: relative;
  float: left;
  width: 16.66667%;
}
.addcontacts .contact-photo-top-area .contact-social-action .icon-area .icon-bg {
  width: 30px;
  height: 30px;
  background: #e3e3e3;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  border: 1px solid #c8ced3;
  line-height: 30px;
  margin: 0 auto;
}
.addcontacts .contact-photo-top-area .contact-social-action .icon-area .icon-bg i {
  font-size: 12px;
}
.addcontacts .contact-photo-top-area .contact-social-action .icon-area .icon-bg:hover {
  cursor: pointer;
  background: rgba(207, 207, 207, 0.25);
}
.addcontacts .contact-photo-top-area .contact-social-action .icon-area span {
  font-size: 12px;
  padding: 8px 0;
  color: #999999;
  display: block;
  justify-content: center;
  text-align: center;
}
.addcontacts .contact-photo-top-area .crm-content-area {
  position: relative;
  float: left;
  width: 100%;
}
.addcontacts .contact-photo-top-area .crm-content-area .content-heading {
  font-size: 14px;
  font-weight: 600;
  float: left;
  width: 100%;
}
.addcontacts .contact-photo-top-area .crm-content-area .content-heading i {
  cursor: pointer;
}
.addcontacts .contact-photo-top-area .crm-content-area .content-heading .edit {
  position: relative;
  color: #20a8d8;
}
.addcontacts .contact-photo-top-area .crm-content-area .content-heading .edit:hover {
  cursor: pointer;
  color: #0c4053;
}
.addcontacts .contact-photo-top-area .crm-content-area .form-content {
  width: calc(100% - 20px);
  position: relative;
  float: left;
  margin-left: 20px;
}
.addcontacts .contact-company-area {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 56px);
  height: calc(var(--vh, 1vh) * 100 - 56px) !important;
  overflow: auto;
  overflow-x: hidden;
}
.addcontacts .contact-company-area .company-content {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid #c8ced3;
  padding: 20px 10px;
}
.addcontacts .contact-company-area .company-content .heading {
  font-size: 14px;
  font-weight: 600;
  float: left;
  width: 100%;
}
.addcontacts .contact-company-area .company-content .heading i {
  cursor: pointer;
}
.addcontacts .contact-company-area .company-content .heading .add {
  font-weight: normal;
  color: #20a8d8;
  cursor: pointer;
}
.addcontacts .contact-company-area .company-content .details-part {
  width: 100%;
  position: relative;
  float: left;
}
.addcontacts .contact-company-area .company-content .details-part .company-logo {
  width: 35px;
  height: 35px;
  float: left;
  position: relative;
}
.addcontacts .contact-company-area .company-content .details-part .company-logo .logo-circle {
  width: 35px;
  height: 35px;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  box-sizing: border-box;
  background-clip: content-box;
  border: 1px solid #c8ced3;
}
.addcontacts .contact-company-area .company-content .details-part .company-detals-contact {
  width: calc(100% - 40px);
  margin-left: 5px;
  float: left;
}
.addcontacts .contact-company-area .company-content .details-part .company-detals-contact span {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 5px;
  font-size: 13px;
}
.addcontacts .contact-company-area .company-content:last-child {
  border-bottom: none;
}
.addcontacts .contact-active-tabs {
  width: 100%;
  position: relative;
  float: left;
}
.addcontacts .contact-active-tabs ul {
  position: relative;
  list-style-type: none;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #cccccc;
}
.addcontacts .contact-active-tabs ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  padding: 0 0 5px 0;
  cursor: pointer;
  font-size: 14px;
  color: #000000;
  margin-right: 15px;
  font-weight: 600;
}
.addcontacts .contact-active-tabs ul li.active {
  border-bottom: 2px solid #20a8d8;
  color: #20a8d8;
}
.addcontacts .contact-active-tabs ul li.disabled {
  pointer-events: none;
  opacity: 0.3;
  color: #000000;
  position: relative;
}
.addcontacts .contact-active-tabs ul li:hover {
  color: #20a8d8;
}
.addcontacts .contact-activity {
  width: 100%;
  float: left;
  position: relative;
  height: calc(100vh - 97px);
  height: calc(var(--vh, 1vh) * 100 - 97px) !important;
  overflow: auto;
  overflow-x: hidden;
}
.addcontacts .contact-activity .activity-content-area {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 10px 0 0;
}
.addcontacts .contact-activity .activity-content-area .activity-content-h1 {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  color: #999999;
  margin-bottom: 8px;
}
.addcontacts .contact-activity .activity-content-area .activity-content-h1 .meetBack {
  font-size: 14px;
  font-weight: normal;
  color: #20a8d8;
  cursor: pointer;
}
.addcontacts .contact-activity .activity-content-area .activity-content-h1 .meetBack:hover {
  cursor: pointer;
  color: #0c4053;
}
.addcontacts .contact-activity .activity-content-area .activity-list {
  width: 100%;
  float: left;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #f2f2f2;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
  padding: 10px;
  margin-bottom: 15px;
}
.addcontacts .contact-activity .activity-content-area .activity-list .img-area {
  width: 30px;
  float: left;
  position: relative;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content {
  width: calc(100% - 40px);
  float: left;
  position: relative;
  margin-left: 10px;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .activity-name {
  width: 100%;
  float: left;
  position: relative;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .activity-name .title {
  font-size: 14px;
  font-weight: 600;
  float: left;
  text-transform: capitalize;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .activity-name .date-time {
  position: relative;
  float: right;
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .description {
  width: 100%;
  float: left;
  position: relative;
  font-size: 13px;
  padding: 15px 0;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .last-update {
  width: 100%;
  float: left;
  position: relative;
  font-size: 13px;
  color: #000000;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .last-update span {
  color: #000000;
  font-weight: bold;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .last-update span + span {
  color: #000000;
  font-weight: normal;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .last-update span + span + span {
  padding-left: 15px;
  color: #999999;
  font-weight: normal;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .email-by {
  position: relative;
  width: 100%;
  float: left;
  font-size: 13px;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .email-by span {
  width: 100%;
  float: left;
  color: #999999;
  font-weight: normal;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .email-by span + span {
  width: 100%;
  float: left;
  color: #000000;
}
.addcontacts .contact-activity .activity-content-area .activity-list .activity-inner-content .activity-action-area {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #e4e7ea;
  padding: 15px 0;
}
.addcontacts .contact-activity .activity-content-area .activity-list:hover {
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting {
  position: relative;
  float: left;
  width: 100%;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list {
  position: relative;
  float: left;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #f2f2f2;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
  padding: 10px;
  margin-bottom: 15px;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .inner-content {
  position: relative;
  float: left;
  width: 100%;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .inner-content .content-dtl {
  width: calc(100% - 30px);
  float: left;
  position: relative;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .inner-content .content-dtl .meeting-title {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .inner-content .content-dtl .meeting-id {
  position: relative;
  float: left;
  width: 100%;
  font-size: 13px;
  color: #999999;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .inner-content .content-dtl .start-time {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  margin-top: 8px;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .inner-content .content-dtl .start-time .divider {
  color: #999999;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .inner-content .content-action {
  width: 30px;
  float: left;
  position: absolute;
  top: 50%;
  margin: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .upcoming-meeting-details {
  position: relative;
  float: left;
  width: 100%;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .upcoming-meeting-details .title {
  position: relative;
  float: left;
  font-weight: 600;
  font-size: 16px;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .upcoming-meeting-details .start-time {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  margin-top: 8px;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .upcoming-meeting-details .start-time .divider {
  color: #999999;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .upcoming-meeting-details .copy-action-area {
  position: relative;
  float: left;
  width: 100%;
  border: 1px solid #f2f2f2;
  border-width: 1px 0 0px 0;
  padding: 15px 0;
  margin: 15px 0 0 0;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .upcoming-meeting-details .meeting-desc {
  position: relative;
  float: left;
  width: 100%;
  border: 1px solid #f2f2f2;
  border-width: 1px 0 0px 0;
  padding: 15px 0;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .upcoming-meeting-details .meeting-desc p span {
  width: 100%;
  float: left;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .upcoming-meeting-details .meeting-desc p span + span {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 600;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list .upcoming-meeting-details .meeting-desc p a {
  width: 100%;
  float: left;
  position: relative;
}
.addcontacts .contact-activity .activity-content-area .upcoming-meeting .upcoming-meeting-list:hover {
  cursor: pointer;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
}

.create-meetingbtn {
  position: relative;
  cursor: pointer;
  color: #20a8d8;
}
.create-meetingbtn:hover {
  cursor: pointer;
  color: #0c4053;
}

.crmContactEdit-footerbtn {
  position: absolute;
  bottom: 0;
  padding: 10px;
  background: #f2f2f2;
  border: 1px solid #c8ced3;
  border-width: 1px 0 1px 0;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
}

html:not([dir=rtl]) .sidenavbarZero .sidebar {
  margin-left: -200px !important;
}
html:not([dir=rtl]) .sidenavbarZero .main {
  margin-left: 0px !important;
}

.camp-performance {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #c8ced3;
}
.camp-performance .camp-performance-list {
  position: relative;
  float: left;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.camp-performance .camp-performance-list li {
  display: inline;
  float: left;
  width: auto;
  padding: 2px 25px;
  text-transform: uppercase;
  font-size: 12px;
}
.camp-performance .camp-performance-list li span {
  float: left;
  width: 100%;
  font-size: 23px;
  font-weight: 600;
}

.cust-multi-selectdrp {
  position: relative;
}
.cust-multi-selectdrp .k-multiselect-wrap {
  border-width: 0 0 1px 0 !important;
}

.distribute-template {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.distribute-template .dist-temp-hd {
  font-size: 14px;
  font-weight: 600;
}
.distribute-template .dist-temp-list-area {
  width: 100%;
  float: left;
  position: relative;
  height: 200px;
  overflow: auto;
}
.distribute-template .dist-temp-list-area .dist-temp-list {
  width: 100%;
  float: left;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.distribute-template .dist-temp-list-area .dist-temp-list .temp-img {
  width: 75px;
  height: 50px;
  border: 1px solid #c8ced3;
  margin-right: 10px;
  float: left;
}
.distribute-template .dist-temp-list-area .dist-temp-list .temp-img img {
  border: none;
  width: 75px;
  height: 50px;
  aspect-ratio: auto 75/50;
}
.distribute-template .dist-temp-list-area .dist-temp-list .temp-list-text {
  width: calc(100% - 85px);
  float: left;
  position: relative;
}
.distribute-template .temp-dtl {
  width: 100%;
  float: left;
  position: relative;
  height: 200px;
  overflow: auto;
}
.distribute-template .temp-dtl .temp-dtl-hd {
  width: 150px;
  float: left;
  font-size: 13px;
}
.distribute-template .temp-dtl .temp-dtl-hd .text {
  position: relative;
  float: left;
  width: 100%;
  font-weight: 600;
  margin-bottom: 10px;
}
.distribute-template .temp-dtl .temp-dtl-desc {
  position: relative;
  float: left;
  width: calc(100% - 150px);
}
.distribute-template .temp-dtl .temp-dtl-desc .text {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.crm-socialMedia-draft {
  position: relative;
  display: inline-flex;
  padding: 0 20px;
}
.crm-socialMedia-draft .heading-text {
  width: auto;
  float: left;
}
.crm-socialMedia-draft .heading-text span {
  font-weight: bold;
  font-size: 13px;
}
.crm-socialMedia-draft .heading-text span + span {
  font-weight: normal;
  float: left;
  width: 100%;
  font-size: 12px;
  color: #999999;
}

.crm-socialMedia-post-hd {
  width: 100%;
  float: left;
}
.crm-socialMedia-post-hd .heading-text {
  position: relative;
  width: 100%;
  float: left;
}
.crm-socialMedia-post-hd .heading-text span {
  font-weight: bold;
  font-size: 16px;
  padding-left: 10px;
}
.crm-socialMedia-post-hd .heading-text span + span {
  font-weight: normal;
  float: left;
  width: 100%;
  font-size: 12px;
  color: #adadad;
}

.crm-socialMedia-post-enterpart {
  width: 100%;
  position: relative;
  float: left;
  height: calc(100vh - 189px);
  height: calc(var(--vh, 1vh) * 100 - 189px) !important;
}
.crm-socialMedia-post-enterpart .social-post-area {
  width: calc(100% - 30px);
  float: left;
  position: relative;
  border: 1px solid #c8ced3;
  margin: 0 15px;
  height: calc(100vh - 189px);
  height: calc(var(--vh, 1vh) * 100 - 189px) !important;
  overflow: scroll;
  overflow-x: hidden !important;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part {
  width: calc(100% - 20px);
  float: left;
  position: relative;
  background: #dbdbdb;
  margin: 10px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area {
  width: 100%;
  float: left;
  position: relative;
  background: #FFFFFF;
  margin: 10px 0;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #c8ced3;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .preview-initalText {
  position: relative;
  text-align: center;
  padding: 40px 20px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .preview-initalText .texticon {
  width: 100%;
  float: left;
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .preview-initalText .texticon i {
  font-size: 60px;
  margin-bottom: 20px;
  color: #b3b3b3;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review {
  width: 100%;
  float: left;
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .social-company {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 10px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .social-company .comp-logo {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .social-company .comp-logo img {
  background-size: cover;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .social-company .comp-logo .logo-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .social-company .comp-logo .no-logo {
  background: #20a8d8;
  text-align: center;
  justify-content: center;
  line-height: 35px;
  color: #FFFFFF;
  font-size: 19px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .social-company .comp-logo .no-logo.logo-circle {
  width: 40px;
  height: 40px;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .social-company .comp-name {
  position: relative;
  float: left;
  width: calc(100% - 50px);
  margin-left: 10px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .social-company .comp-name span {
  font-size: 15px;
  font-weight: 600;
  float: left;
  width: 100%;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .social-company .comp-name span + span {
  float: left;
  font-weight: normal;
  color: #adadad;
  font-size: 12px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-text-area-content {
  position: relative;
  float: left;
  width: 100%;
  font-size: 13px;
  padding: 0 10px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  max-height: auto;
  overflow-x: hidden;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list {
  width: 100%;
  float: left;
  position: relative;
  height: 333px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list img {
  width: 100%;
  height: 100%;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cccccc;
  aspect-ratio: auto 1/1;
  background-size: cover;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list img:hover {
  cursor: pointer;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-like-comment-sharepart {
  position: relative;
  width: 100%;
  float: left;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-like-comment-sharepart .share-part {
  width: 33.33333%;
  float: left;
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-like-comment-sharepart .share-part i {
  margin-right: 5px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-twitter {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-twitter .post-text-area-content {
  position: relative;
  width: calc(100% - 50px);
  margin-left: 50px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-twitter .post-image-area {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-twitter .post-image-area .post-img-list {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-twitter .post-image-area .post-img-list img {
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -webkit-border-radius: 15px;
  -os-border-radius: 15px;
  border-radius: 15px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-twitter .post-like-comment-sharepart {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-twitter .post-like-comment-sharepart .share-part {
  width: 25%;
  float: left;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-twitter .post-like-comment-sharepart .share-part svg[data-supported-dps] {
  width: 2.4rem;
  height: 2.4rem;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-text-area-content {
  position: relative;
  width: 100%;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-image-area {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-image-area .post-img-list {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-image-area .post-img-list img {
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part {
  width: 25%;
  float: left;
  text-align: center;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part svg[data-supported-dps] {
  width: 1.1rem;
  height: 1.1rem;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part .shaare-icon-part {
  width: 100%;
  float: left;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part .shaare-icon-part span {
  width: auto;
  float: left;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part .shaare-icon-part span + span {
  width: auto;
  float: left;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram .post-text-area-content {
  position: relative;
  width: 100%;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram .post-image-area {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram .post-image-area .post-img-list {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram .post-image-area .post-img-list img {
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart {
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart .share-part {
  width: 75%;
  float: left;
  text-align: left;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart .share-part img {
  margin-right: 15px;
  cursor: pointer;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart .share-save {
  width: 25%;
  float: left;
  text-align: right;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart .share-save img {
  cursor: pointer;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost {
  position: relative;
  width: calc(100% - 20px);
  margin: 10px;
  background: #FFFFFF;
  padding: 10px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #c8ced3;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight {
  width: 100%;
  float: left;
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-hd {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view {
  width: 100%;
  float: left;
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list {
  position: relative;
  float: left;
  width: calc(12.5% - 10px);
  border: 1px solid #cccccc;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  border-top-color: indianred;
  border-top-width: 2px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list span {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  font-weight: normal;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list span + span {
  position: relative;
  float: left;
  width: 100%;
  font-size: 20px;
  text-align: center;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(1) {
  border-top-color: #a39fb3;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(2) {
  border-top-color: #8b7f91;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(3) {
  border-top-color: #887d8a;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(4) {
  border-top-color: #e3b69a;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(5) {
  border-top-color: #e3b69a;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(6) {
  border-top-color: #349f9f;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(7) {
  border-top-color: #c6b3a7;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(8) {
  border-top-color: #0fd354;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 410px);
  overflow: auto;
  overflow-x: hidden;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list {
  position: relative;
  float: left;
  width: 100%;
  margin: 7px 0;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo img {
  background-size: cover;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo .logo-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  border: 3px solid transparent;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo .no-logo {
  text-align: center;
  line-height: 35px;
  font-size: 19px;
  color: #FFFFFF;
  background: #20a8d8;
  justify-content: center;
  text-transform: uppercase;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo .no-logo.logo-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  border: 3px solid transparent;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .chatArea {
  position: relative;
  max-width: calc(100% - 40px);
  float: left;
  padding: 0px 8px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .chatArea .hd {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  float: left;
  width: 100%;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .chatArea .text {
  font-size: 12px;
  color: #404040;
  letter-spacing: 0.5px;
  -moz-border-radius: 0px 8px 8px 8px;
  -ms-border-radius: 0px 8px 8px 8px;
  -webkit-border-radius: 0px 8px 8px 8px;
  -os-border-radius: 0px 8px 8px 8px;
  border-radius: 0px 8px 8px 8px;
  background: #e6e6e6;
  padding: 10px;
  float: left;
  word-break: break-all;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area.for-left {
  padding: 10px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .sicial-media-post-count-part {
  position: relative;
  float: left;
  width: 100%;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .sicial-media-post-count-part .heading {
  position: relative;
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #c8ced3;
  padding: 10px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .sicial-media-post-count-part .social-count-part {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .sicial-media-post-count-part .social-count-part .count-list {
  width: 33.33333%;
  float: left;
  position: relative;
  font-weight: 600;
  font-size: 14px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .sicial-media-post-count-part .social-count-part .count-list span {
  float: left;
  width: 100%;
  font-weight: normal;
  font-size: 12px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-preview {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 10px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-preview .preview-hd {
  width: calc(100% - 120px);
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: bold;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-preview .social-post-channel-name {
  width: 120px;
  float: right;
  position: relative;
  text-align: right;
  font-size: 13px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-preview .social-post-channel-name facebook {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #3b5998;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-preview .social-post-channel-name twitter {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #00acee;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-preview .social-post-channel-name instagram {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #e4405f;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-preview .social-post-channel-name linkedin {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #0e76a8;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-preview p {
  font-size: 13px;
  color: #4c4a4a;
  text-align: justify;
}

.forCrmSocialMediaEntry {
  width: 100%;
  position: relative;
  float: left;
}
.forCrmSocialMediaEntry .social-post-form-entery-area {
  width: 100%;
  float: left;
  position: relative;
  background: #FFFFFF;
  margin: 10px 0;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #c8ced3;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .preview-initalText {
  position: relative;
  text-align: center;
  padding: 40px 20px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .preview-initalText .texticon {
  width: 100%;
  float: left;
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .preview-initalText .texticon i {
  font-size: 60px;
  margin-bottom: 20px;
  color: #b3b3b3;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review {
  width: 100%;
  float: left;
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .social-company {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 10px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .social-company .comp-logo {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .social-company .comp-logo img {
  background-size: cover;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .social-company .comp-logo .logo-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .social-company .comp-logo .no-logo {
  background: #20a8d8;
  text-align: center;
  justify-content: center;
  line-height: 35px;
  color: #FFFFFF;
  font-size: 19px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .social-company .comp-logo .no-logo.logo-circle {
  width: 40px;
  height: 40px;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  box-sizing: border-box;
  background-clip: content-box;
  border: 3px solid transparent;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .social-company .comp-name {
  position: relative;
  float: left;
  width: calc(100% - 50px);
  margin-left: 10px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .social-company .comp-name span {
  font-size: 15px;
  font-weight: 600;
  float: left;
  width: 100%;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .social-company .comp-name span + span {
  float: left;
  font-weight: normal;
  color: #adadad;
  font-size: 12px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .post-text-area-content {
  position: relative;
  float: left;
  width: 100%;
  font-size: 13px;
  padding: 0 10px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .post-image-area {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  max-height: 150px;
  overflow: scroll;
  overflow-x: hidden;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list {
  width: 100%;
  float: left;
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list img {
  width: 100%;
  height: 180px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  aspect-ratio: auto 1/1;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .post-like-comment-sharepart {
  position: relative;
  width: 100%;
  float: left;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .post-like-comment-sharepart .share-part {
  width: 33.33333%;
  float: left;
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review .post-like-comment-sharepart .share-part i {
  margin-right: 5px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-twitter {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-twitter .post-text-area-content {
  position: relative;
  width: calc(100% - 50px);
  margin-left: 50px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-twitter .post-image-area {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-twitter .post-image-area .post-img-list {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-twitter .post-image-area .post-img-list img {
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -webkit-border-radius: 15px;
  -os-border-radius: 15px;
  border-radius: 15px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-twitter .post-like-comment-sharepart {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-twitter .post-like-comment-sharepart .share-part {
  width: 25%;
  float: left;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-twitter .post-like-comment-sharepart .share-part svg[data-supported-dps] {
  width: 2.4rem;
  height: 2.4rem;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-text-area-content {
  position: relative;
  width: 100%;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-image-area {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-image-area .post-img-list {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-image-area .post-img-list img {
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part {
  width: 25%;
  float: left;
  text-align: center;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part svg[data-supported-dps] {
  width: 1.1rem;
  height: 1.1rem;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part .shaare-icon-part {
  width: 100%;
  float: left;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part .shaare-icon-part span {
  width: auto;
  float: left;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-linkedin .post-like-comment-sharepart .share-part .shaare-icon-part span + span {
  width: auto;
  float: left;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram .post-text-area-content {
  position: relative;
  width: 100%;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram .post-image-area {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram .post-image-area .post-img-list {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram .post-image-area .post-img-list img {
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart {
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart .share-part {
  width: 75%;
  float: left;
  text-align: left;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart .share-part img {
  margin-right: 15px;
  cursor: pointer;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart .share-save {
  width: 25%;
  float: left;
  text-align: right;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .social-post-final-review.for-instagram .post-like-comment-sharepart .share-save img {
  cursor: pointer;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost {
  position: relative;
  width: calc(100% - 20px);
  margin: 10px;
  background: #FFFFFF;
  padding: 10px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #c8ced3;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight {
  width: 100%;
  float: left;
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-hd {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view {
  width: 100%;
  float: left;
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list {
  position: relative;
  float: left;
  width: calc(12.5% - 10px);
  border: 1px solid #cccccc;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  border-top-color: indianred;
  border-top-width: 2px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list span {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  font-weight: normal;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list span + span {
  position: relative;
  float: left;
  width: 100%;
  font-size: 20px;
  text-align: center;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(1) {
  border-top-color: #a39fb3;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(2) {
  border-top-color: #8b7f91;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(3) {
  border-top-color: #887d8a;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(4) {
  border-top-color: #e3b69a;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(5) {
  border-top-color: #e3b69a;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(6) {
  border-top-color: #349f9f;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(7) {
  border-top-color: #c6b3a7;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-view .overall-data-list:nth-child(8) {
  border-top-color: #0fd354;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 410px);
  overflow: auto;
  overflow-x: hidden;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list {
  position: relative;
  float: left;
  width: 100%;
  margin: 7px 0;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo img {
  background-size: cover;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo .logo-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  border: 3px solid transparent;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo .no-logo {
  text-align: center;
  line-height: 35px;
  font-size: 19px;
  color: #FFFFFF;
  background: #20a8d8;
  justify-content: center;
  text-transform: uppercase;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .cmt-logo .no-logo.logo-circle {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  -moz-border-radius: 49.9%;
  -ms-border-radius: 49.9%;
  -webkit-border-radius: 49.9%;
  -os-border-radius: 49.9%;
  border-radius: 49.9%;
  border: 3px solid transparent;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .chatArea {
  position: relative;
  max-width: calc(100% - 40px);
  float: left;
  padding: 0px 8px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .chatArea .hd {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  float: left;
  width: 100%;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.insidepost .social-post-insight .overall-data-comment .overall-data-comment-list .chatArea .text {
  font-size: 12px;
  color: #404040;
  letter-spacing: 0.5px;
  -moz-border-radius: 0px 8px 8px 8px;
  -ms-border-radius: 0px 8px 8px 8px;
  -webkit-border-radius: 0px 8px 8px 8px;
  -os-border-radius: 0px 8px 8px 8px;
  border-radius: 0px 8px 8px 8px;
  background: #e6e6e6;
  padding: 10px;
  float: left;
  word-break: break-all;
}
.forCrmSocialMediaEntry .social-post-form-entery-area.for-left {
  padding: 10px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .sicial-media-post-count-part {
  position: relative;
  float: left;
  width: 100%;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .sicial-media-post-count-part .heading {
  position: relative;
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #c8ced3;
  padding: 10px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .sicial-media-post-count-part .social-count-part {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .sicial-media-post-count-part .social-count-part .count-list {
  width: 33.33333%;
  float: left;
  position: relative;
  font-weight: 600;
  font-size: 14px;
}
.forCrmSocialMediaEntry .social-post-form-entery-area .sicial-media-post-count-part .social-count-part .count-list span {
  float: left;
  width: 100%;
  font-weight: normal;
  font-size: 12px;
}
.forCrmSocialMediaEntry .social-post-preview {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 10px;
}
.forCrmSocialMediaEntry .social-post-preview .preview-hd {
  width: calc(100% - 120px);
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: bold;
}
.forCrmSocialMediaEntry .social-post-preview .social-post-channel-name {
  width: 120px;
  float: right;
  position: relative;
  text-align: right;
  font-size: 13px;
}
.forCrmSocialMediaEntry .social-post-preview .social-post-channel-name facebook {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #3b5998;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
}
.forCrmSocialMediaEntry .social-post-preview .social-post-channel-name twitter {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #00acee;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
}
.forCrmSocialMediaEntry .social-post-preview .social-post-channel-name instagram {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #e4405f;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
}
.forCrmSocialMediaEntry .social-post-preview .social-post-channel-name linkedin {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #0e76a8;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
}
.forCrmSocialMediaEntry .social-post-preview p {
  font-size: 13px;
  color: #4c4a4a;
  text-align: justify;
}

.AddMedia-popup-hdarea {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 10px 0px 10px;
}
.AddMedia-popup-hdarea .modal-hd {
  position: relative;
  float: left;
  width: calc(100% - 80px);
  font-size: 14px;
  font-weight: bold;
}
.AddMedia-popup-hdarea .addMedia-poup-close {
  position: relative;
  text-align: right;
  float: left;
  width: 80px;
}
.AddMedia-popup-hdarea .addMedia-poup-close a {
  cursor: pointer;
  text-decoration: none;
}
.AddMedia-popup-hdarea .addMedia-poup-close a:hover {
  cursor: pointer;
  color: #20a8d8;
}
.AddMedia-popup-hdarea .addMedia-upload-btn-area {
  position: relative;
  float: left;
  width: 100%;
  background: #FFFFFF;
  text-align: right;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
}
.AddMedia-popup-hdarea .addMedia-upload-btn-area a {
  cursor: pointer;
  text-decoration: none;
  width: auto;
  margin-right: 20px;
}
.AddMedia-popup-hdarea .addMedia-upload-btn-area a:hover {
  cursor: pointer;
  color: #20a8d8;
}

.addMedia-list-img {
  position: relative;
  float: left;
  width: 100%;
}
.addMedia-list-img .imglist-area {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  width: 100%;
}
.addMedia-list-img .imglist-area .img-list {
  width: calc(33.33333% - 20px);
  float: left;
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 15px;
}
.addMedia-list-img .imglist-area .img-list .img-photo {
  width: 100%;
  height: 140px;
}
.addMedia-list-img .imglist-area .img-list .img-photo img {
  border: none;
  width: 100%;
  height: 100%;
  aspect-ratio: auto 1/1;
  cursor: pointer;
}
.addMedia-list-img .imglist-area .img-list.select {
  position: relative;
  border: 2px solid #f86c6b;
}
.addMedia-list-img .imglist-area .img-list.select .img-photo {
  height: 135px;
  position: relative;
}
.addMedia-list-img .imglist-area .img-list.select .select-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #20a8d8;
  text-align: center;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.addMedia-list-img .imglist-area .img-list.select .select-icon i {
  color: #FFFFFF;
  cursor: pointer;
}
.addMedia-list-img .imglist-area .img-list.delete {
  position: relative;
  border: 2px solid #20a8d8;
}
.addMedia-list-img .imglist-area .img-list.delete .img-photo {
  height: 135px;
  position: relative;
}
.addMedia-list-img .imglist-area .img-list.delete .select-icon {
  position: absolute;
  display: none;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #f86c6b;
  text-align: center;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.addMedia-list-img .imglist-area .img-list.delete .select-icon i {
  color: #FFFFFF;
  cursor: pointer;
}
.addMedia-list-img .imglist-area .img-list.delete:hover .select-icon {
  display: block !important;
  cursor: pointer;
}
.addMedia-list-img .imglist-area .img-list:hover {
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease 0s;
}
.addMedia-list-img .imglist-area.for-img-scroll {
  max-height: 155px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: scroll;
}

.SocialMedia-adslist-temp-img {
  position: relative;
  float: left;
  width: 100%;
}
.SocialMedia-adslist-temp-img .imglist-area {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  width: 100%;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list {
  width: calc(20% - 20px);
  float: left;
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 15px;
  /* &:hover{box-shadow:0 10px 20px -6px rgba(0,0,0, 0.25);transition:all 0.3s ease 0s;}*/
}
.SocialMedia-adslist-temp-img .imglist-area .img-list .img-list-content {
  position: relative;
  height: auto;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list .img-list-content .img-photo {
  width: 100%;
  height: 180px;
  border: 1px solid #cccccc;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list .img-list-content .img-photo img {
  border: none;
  width: 100%;
  height: 100%;
  aspect-ratio: auto 1/1;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list .img-list-content .img-photo:hover {
  border: 1px solid #20a8d8;
  cursor: pointer;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list .img-list-content p {
  position: relative;
  font-size: 14px;
  text-align: center;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list .img-list-content .hd {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 0;
  margin-bottom: 0px !important;
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list.select {
  position: relative;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list.select .img-photo {
  height: 180px;
  position: relative;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list.select .select-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #20a8d8;
  text-align: center;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list.select .select-icon i {
  color: #FFFFFF;
  cursor: pointer;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list.delete {
  position: relative;
  border: 2px solid #f86c6b;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list.delete .img-photo {
  height: 175px;
  position: relative;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list.delete .select-icon {
  position: absolute;
  display: none;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #f86c6b;
  text-align: center;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list.delete .select-icon i {
  color: #FFFFFF;
  cursor: pointer;
}
.SocialMedia-adslist-temp-img .imglist-area .img-list.delete:hover .select-icon {
  display: block !important;
  cursor: pointer;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  width: 100px;
  border: 1px solid #c8ced3;
  padding: 15px;
  margin-bottom: 15px;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media .icon-div {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media .icon-div i {
  font-size: 40px;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media .icon-div i.fb {
  color: #3b5998;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media .icon-div i.tw {
  color: #00acee;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media .icon-div i.inst {
  color: #e4405f;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media .icon-div i.lnked {
  color: #0e76a8;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media .icon-text {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 13px;
  padding-top: 5px;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media.select {
  position: relative;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media.select .select-media {
  position: absolute;
  right: 5px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-color: #20a8d8;
  text-align: center;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.SocialMedia-adslist-temp-img .imglist-area .use-social-media.select .select-media i {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 12px;
}
.SocialMedia-adslist-temp-img .imglist-area.for-img-scroll {
  max-height: 355px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: scroll;
}

.landing-search {
  position: relative;
}
.landing-search .landing-searhicon {
  position: absolute;
  right: 10px;
  top: 6px;
  cursor: pointer;
}
.landing-search .landing-searhicon:hover {
  cursor: pointer;
  color: #20a8d8;
}

.crmSocMdrply-review {
  position: relative;
  width: 100%;
}
.crmSocMdrply-review .social-post-insight {
  width: 100%;
  float: left;
  position: relative;
}
.crmSocMdrply-review .social-post-insight .overall-data-hd {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.crmSocMdrply-review .social-post-insight .overall-data-view {
  width: 100%;
  float: left;
  position: relative;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list {
  position: relative;
  float: left;
  width: calc(12.5% - 10px);
  border: 1px solid #cccccc;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  border-top-color: indianred;
  border-top-width: 2px;
  margin-bottom: 5px;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list span {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  font-weight: normal;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list span + span {
  position: relative;
  float: left;
  width: 100%;
  font-size: 20px;
  text-align: center;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list:nth-child(1) {
  border-top-color: #a39fb3;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list:nth-child(2) {
  border-top-color: #8b7f91;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list:nth-child(3) {
  border-top-color: #887d8a;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list:nth-child(4) {
  border-top-color: #e3b69a;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list:nth-child(5) {
  border-top-color: #e3b69a;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list:nth-child(6) {
  border-top-color: #349f9f;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list:nth-child(7) {
  border-top-color: #c6b3a7;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list:nth-child(8) {
  border-top-color: #0fd354;
}
.crmSocMdrply-review .social-post-insight .overall-data-view .overall-data-list .btn-align {
  transform: translateY(30%);
}

.k-grid td .grid_img { /*width:40px;height:40px;*/
  border: 1px solid #c8ced3;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  display: table;
  table-layout: fixed;
}
.k-grid td .grid_img img {
  width: 40px;
  height: 40px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  background-size: cover !important;
}

.imgGrid {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 8 0 0 8px;
}
.imgGrid .itemMedia-img {
  border: 1px solid #c8ced3;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  float: left;
  display: grid;
  justify-content: center;
  width: 15rem;
  height: 15rem;
  margin: 2px;
}
.imgGrid .itemMedia-img img {
  max-width: 100%;
  max-height: 100%;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  background-size: cover;
  box-sizing: border-box;
  background-clip: content-box;
  height: 14rem;
  width: 14rem;
  transition: 0.3s;
  cursor: pointer;
}
.imgGrid .itemMedia-img img:hover {
  opacity: 0.7;
}
.imgGrid .itemMedia-img-add { /*width:calc(100% - 15rem);*/
  text-align: center;
  float: left;
  padding: 0px;
  width: fit-content;
  margin: 2px;
}
.imgGrid .itemMedia-img-add .btn-area {
  border: 1px dashed #c8ced3;
  text-align: center;
  width: auto;
  height: 100%;
  display: flow-root;
  flex-direction: column;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  padding: 25px 15px;
  float: left;
}
.imgGrid .itemMedia-img-add .btn-area .addUrl {
  flex: 1 1 100%;
}
.imgGrid .itemMedia-img-add .btn-area .addUrl a {
  text-decoration: underline;
  cursor: pointer;
  color: #20a8d8;
}
.imgGrid .itemMedia-img-add .btn-area .addUrl a:hover {
  cursor: pointer;
  text-decoration: none;
}
.imgGrid .imglis-content {
  width: auto;
  position: relative;
}
.imgGrid .imglis-content .itemMedia-img {
  border: 1px solid #c8ced3;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  float: left;
  display: grid;
  justify-content: center;
  width: 15rem;
  height: 15rem;
  margin: 2px 8px 2px 2px;
  position: relative;
}
.imgGrid .imglis-content .itemMedia-img img {
  max-width: 100%;
  max-height: 100%;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  background-size: cover;
  box-sizing: border-box;
  background-clip: content-box;
  transition: 0.3s;
  cursor: pointer;
  aspect-ratio: 1/1;
  width: auto;
  height: auto;
}
.imgGrid .imglis-content .itemMedia-img img:hover {
  opacity: 0.7;
}
.imgGrid .imglis-content .itemMedia-img .imgDelete {
  position: absolute;
  display: none;
  top: 5px;
  right: 5px;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  background: #f86c6b;
  text-align: center;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.imgGrid .imglis-content .itemMedia-img .imgDelete i {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
}
.imgGrid .imglis-content .itemMedia-img:hover .imgDelete {
  display: block;
  animation: zoom;
  animation-duration: 0.6s;
}
.imgGrid .imglis-content .itemMedia-img.small-img {
  width: 5.25rem;
  height: 5.25rem;
}
.imgGrid .img-details {
  width: calc(100% - 17rem);
  position: relative;
  float: left;
  padding: 8px 15px;
  margin-left: 1rem;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #c8ced3;
}
.imgGrid .img-details .heading {
  position: relative;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  float: left;
  word-break: break-word;
  text-transform: capitalize;
}
.imgGrid .img-details .details {
  width: 100%;
  float: left;
  word-break: break-word;
}

.social_tabslist {
  width: 100%;
  position: relative;
  float: left;
}
.social_tabslist ul {
  width: 100%;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.social_tabslist ul li {
  position: relative;
  width: auto;
  display: inline-block;
  padding: 8px;
  text-align: center;
  justify-content: center;
  margin-right: 8px;
  cursor: pointer;
  width: 40px;
  height: auto;
  line-height: 24px;
  font-size: 24px;
}
.social_tabslist ul li.active {
  border-bottom: 3px solid #20a8d8;
}
.social_tabslist ul li:hover {
  cursor: pointer;
  transform: scale(0.9);
  transition-property: transform;
  transition-duration: 0.3s;
  background: rgba(207, 207, 207, 0.25);
  color: #20a8d8;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  border-bottom: 4px solid #20a8d8;
}

.social_tabs_innerContent {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 199px);
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
}

.social_tabls_GridImg {
  float: left;
  height: 70px;
  width: 70px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
}
.social_tabls_GridImg img {
  height: 70px;
  width: 70px;
}
.social_tabls_GridImg ._moreimgs {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  line-height: 18px;
  display: flex;
  justify-content: center;
  text-align: center;
  height: 70px;
  width: 100%;
}
.social_tabls_GridImg ._moreimgs div {
  display: table;
  height: 100%;
  width: 100%;
}
.social_tabls_GridImg ._moreimgs div span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #000000;
  font-family: "LatoLtBold";
}

.postedvia {
  display: inline-block;
  border: 1px solid #c8ced3;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  color: #000000;
  line-height: 35px;
}

.noAvatar {
  position: relative;
  width: 35px;
  height: 35px;
  font-size: 13px;
  color: #000000;
  background: #eaf0f6;
  background: linear-gradient(to bottom, #eaf0f6 0%, #c9d6e4 100%);
  background: -webkit-linear-gradient(to bottom, #eaf0f6 0%, #c9d6e4 100%);
  background: -moz-linear-gradient(to bottom, #eaf0f6 0%, #c9d6e4 100%);
  border-radius: 50px;
  border: 0 solid rgba(200, 206, 211, 0.5);
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
  overflow: hidden;
  -webkit-font-smoothing: auto;
}
.noAvatar:before {
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.social-main {
  position: relative;
  width: 100%;
  height: calc(100vh - 128px);
  display: flex;
  justify-content: center;
  text-align: center;
  overflow: scroll;
  overflow-x: hidden;
}
.social-main .social-inner-content {
  position: relative;
  width: 100%;
  float: left;
}
.social-main .social-inner-content h4 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.social-main .social-inner-content .connectionlist {
  position: relative;
  width: fit-content;
  text-align: left;
  display: flex;
  justify-content: center;
  text-align: left;
  margin: 0 auto;
}
.social-main .social-inner-content .connectionlist ul li {
  padding-bottom: 4px;
}

.private-modal {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1111;
  overflow: auto;
  background: #FFFFFF;
  height: 100%;
  transition-property: none;
  transition-delay: 100ms;
  transition-duration: 250ms;
  opacity: 1;
  transform: scale(1);
}
.private-modal .header {
  width: 100%;
  min-height: 67px;
  float: left;
  position: relative;
}
.private-modal .content {
  width: 100%;
  float: left;
  position: relative;
  height: calc(100vh - 133px);
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 15px;
  text-align: center;
}
.private-modal .content h4 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.private-modal .content .socialList {
  position: relative;
  width: fit-content;
  text-align: left;
  display: flex;
  justify-content: center;
  text-align: left;
  margin: 0 auto;
}
.private-modal .content .socialList ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 430px;
}
.private-modal .content .socialList ul li {
  position: relative;
  border: 1px solid #20a8d8;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1rem;
  cursor: pointer;
  font-size: 1.1rem;
}
.private-modal .content .socialList ul li .socialbox {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.75rem;
  text-align: left;
  cursor: pointer;
}
.private-modal .content .socialList ul li .socialbox .iconsbox {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  margin-right: 1rem;
}
.private-modal .content .socialList ul li .socialbox .iconsbox i.fb {
  color: #3b5998;
}
.private-modal .content .socialList ul li .socialbox .iconsbox i.inst {
  color: #e4405f;
}
.private-modal .content .socialList ul li .socialbox .iconsbox i.tw {
  color: #00acee;
}
.private-modal .content .socialList ul li .socialbox .iconsbox i.linked {
  color: #0e76a8;
}
.private-modal .content .socialList ul li .socialbox label {
  flex-grow: 1;
}
.private-modal .content .socialList ul li .socialbox span {
  font-size: 12px;
  color: #20a8d8;
}
.private-modal .content .socialList ul li:hover {
  box-shadow: 0 0 0 1px #7fd1de, 0 0 12px 0 rgba(0, 163, 189, 0.3);
  cursor: pointer;
  text-decoration: none;
}
.private-modal .footer {
  width: 100%;
  float: left;
  position: relative;
  height: auto;
  padding: 15px;
  background: #eaedf1;
  display: flex;
  align-items: center;
}
.private-modal .footer .cancel {
  width: 100px;
  float: left;
  position: relative;
  text-decoration: underline;
  cursor: pointer;
}
.private-modal .footer .cancel:hover {
  cursor: pointer;
  color: #20a8d8;
}
.private-modal .footer .next {
  float: left;
  position: relative;
  text-align: right;
  flex-grow: 1;
}

.progerssbar-demo {
  counter-reset: step;
  padding: 0;
  margin: 0;
}
.progerssbar-demo li {
  list-style-type: none;
  float: left;
  width: 25%;
  position: relative;
  text-align: center;
  color: #f2f2f2;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.0625em;
}
.progerssbar-demo li:before {
  content: counter(step);
  counter-increment: step;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border: 1px dashed #d9d9d9;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #FFFFFF;
  position: relative;
  z-index: 1;
}
.progerssbar-demo li:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: whitesmoke;
  top: 1.25rem;
  left: -50%;
}
.progerssbar-demo li:first-child:after {
  content: none;
}
.progerssbar-demo li:first-child .step {
  background-color: #e6e6e6;
}
.progerssbar-demo li:first-child .step:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: transparent;
  top: 1.25rem;
}
.progerssbar-demo li.active {
  color: #20a8d8;
}
.progerssbar-demo li.active:before {
  border-color: #20a8d8;
  font-family: FontAwesome;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #20a8d8;
  font-weight: normal;
  content: "\f00c";
  background-color: #FFFFFF;
}
.progerssbar-demo li.active + li:after {
  background-color: #20a8d8;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  width: 100%;
}
.progerssbar-demo li .step {
  background-color: #e6e6e6;
}
.progerssbar-demo li .step:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: whitesmoke;
  top: 1.25rem;
  left: -50%;
}

.social-account-connectpage {
  width: 100%;
  position: relative;
}
.social-account-connectpage .heading {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.social-account-connectpage .social-account {
  display: flex;
  align-items: center;
  width: 100%;
  word-break: break-word;
}
.social-account-connectpage .social-account .account-photo {
  width: 40px;
  height: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -webkit-border-radius: 40px;
  -os-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid #c8ced3;
  background: transparent;
  position: relative;
  margin-right: 1.25rem;
}
.social-account-connectpage .social-account .account-photo img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.social-account-connectpage .social-account .account-photo .account-type {
  position: absolute;
  right: 0;
  width: 25px;
  height: 25px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  right: -8px;
  line-height: 25px;
  bottom: 0;
  font-size: 13px;
  color: #FFFFFF;
  background: #3b5998;
  text-align: center;
}
.social-account-connectpage .social-account .person-name {
  flex-grow: 1;
  font-weight: 14px;
  font-weight: 600;
}
.social-account-connectpage .desc {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
  font-size: 12px;
}

.popup_indication {
  width: 259px;
  position: absolute;
  right: 5px;
  background: #FFFFFF;
  color: #FFFFFF;
  box-shadow: 0 0 0 1px #7fd1de, 0 0 12px 0 rgba(0, 163, 189, 0.3);
  border: 1px solid #c8ced3;
  top: 79px;
  border: transparent;
}
.popup_indication:before {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  transform: rotate(45deg);
  background: #20a8d8;
  top: -6px;
  left: calc(100% - 12px);
  position: absolute;
}
.popup_indication h6 {
  background: #20a8d8;
  color: #FFFFFF;
  padding: 10px;
}
.popup_indication span {
  padding: 10px;
  white-space: normal;
  text-align: left;
  padding: 10px;
  display: flex;
  width: 100%;
  color: #000000;
}

.socaialAcc-setting {
  position: relative;
  display: grid;
}
.socaialAcc-setting .acc-setting-list {
  position: relative;
  width: 100%;
  float: left;
  border: 1px solid #cccccc;
  border-top: none;
  padding: 10px;
}
.socaialAcc-setting .acc-setting-list .hd {
  width: 100%;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0.825rem;
  float: left;
}
.socaialAcc-setting .acc-setting-list .setting-content {
  position: relative;
  display: flex;
  justify-content: flex-start;
  float: left;
  width: 100%;
}
.socaialAcc-setting .acc-setting-list .setting-content .text {
  width: calc(100% - 200px);
  text-align: left;
}
.socaialAcc-setting .acc-setting-list .setting-content .action {
  flex-grow: 2;
  text-align: right;
}
.socaialAcc-setting .acc-setting-list .setting-content .action .btn-chrm {
  padding: 6px !important;
  font-size: 12px;
}
.socaialAcc-setting .acc-setting-list:first-child {
  border-top: 1px solid #cccccc;
}

.social-mailNotification {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 12px;
}
.social-mailNotification ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.social-mailNotification ul li {
  text-align: left;
  font-size: 14px;
}

.post-content {
  min-width: 400px;
  padding-left: 0;
  padding-right: 0;
  height: auto;
  min-height: 72px;
}
.post-content .private-media-align-middle {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post-content .private-media-align-middle .privte-media-body {
  flex: 1;
  order: 2;
  min-width: 0;
}
.post-content .private-media-align-middle .privte-media-body .private-string {
  display: table;
  min-width: 0;
  table-layout: fixed;
  width: 100%;
}
.post-content .private-media-align-middle .privte-media-body .private-string .private-string-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  white-space: nowrap;
  hyphens: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-hyphens: none;
  -ms-hyphens: none;
}
.post-content .post-content-link {
  color: inherit;
  cursor: pointer;
  font-weight: 400;
  width: 100%;
  transition: none;
  text-decoration: none;
  height: 100%;
}
.post-content .post-content-link .post-container {
  display: flex;
}
.post-content .post-content-link .post-container .post-media {
  display: flex;
  flex: 94px 0 0;
  margin-right: 10px;
  position: relative;
  text-align: center;
  vertical-align: top;
}
.post-content .post-content-link .post-container .post-media img {
  max-width: 94px;
  max-height: 64px;
  margin: 0 auto;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.post-content .post-content-link .post-container .post-content-block {
  float: left;
}
.post-content .post-content-link .post-container .post-content-block .post-in-list-header {
  align-items: center;
  display: flex;
  margin-bottom: 2px;
}
.post-content .post-content-link .post-container .post-content-block .post-in-list-header .channel-icon {
  margin: 0 15px 0 0;
}

.grid_avatarWrapper {
  box-sizing: content-box;
  display: inline-flex;
  position: relative;
  transition: margin 300ms ease 0s;
  flex-shrink: 0;
}
.grid_avatarWrapper .icon {
  width: 30px;
  height: 30px;
  font-size: initial;
  overflow: hidden;
  position: relative;
  align-items: center;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  border: 1px solid #c8ced3;
}
.grid_avatarWrapper .icon img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.grid_avatarWrapper .account-type {
  position: absolute;
  right: 0;
  width: 70%;
  height: 70%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  right: -7px;
  line-height: 25px;
  bottom: -4px;
  font-size: 13px;
  color: #FFFFFF;
  background: #3b5998;
  text-align: center;
  align-items: center;
}

.grid-dot {
  display: flex;
  align-items: center;
}
.grid-dot .dot {
  width: 9px;
  height: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -webkit-border-radius: 9px;
  -os-border-radius: 9px;
  border-radius: 9px;
  margin-right: 0.625rem;
}
.grid-dot .dot.green {
  background: #4dbd74;
}
.grid-dot .dot.red {
  background: #f86c6b;
}
.grid-dot .dot.yellow {
  background: #ffc107;
}
.grid-dot .dot.gray {
  background: #b3b3b3;
}
.grid-dot .dot.blue {
  background: #20a8d8;
}
.grid-dot .dot.cal {
  background: #63c2de;
}

.k-grid-tooltips-content.socialpost-popup {
  display: inline-flex;
  gap: 12px;
  padding: 44px 5px;
}

.grid-mutedText {
  color: #a6a6a6;
}

.post-deails {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 10px 10px;
}
.post-deails .icon {
  width: 40px;
  height: 40px;
  font-size: inherit;
  position: relative;
  text-align: center;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  border: 1px solid #cccccc;
  float: left;
}
.post-deails .icon img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.post-deails .icon .account-type {
  position: absolute;
  width: 25px;
  height: 25px;
  line-height: 25px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  align-items: center;
  background: #3b5998;
  color: #FFFFFF;
  right: -8px;
  bottom: -5px;
}
.post-deails .heading-part {
  width: calc(100% - 160px);
  word-wrap: break-word;
  float: left;
  margin-left: 15px;
}
.post-deails .heading-part .hd {
  font-size: 14px;
  font-weight: 600;
}
.post-deails .action-area {
  width: 100px;
  float: left;
  text-align: right;
}

.post-by-person {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.post-by-person ul {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.post-by-person ul li {
  position: relative;
  display: inline-block;
  width: auto;
}
.post-by-person.view-comment {
  width: 100%;
  margin: 20px 0;
}
.post-by-person.view-comment ul {
  position: relative;
  list-style-type: none;
  padding: 10px;
  margin: 0;
  border-top: 1px solid #cccccc;
}
.post-by-person.view-comment ul li {
  position: relative;
  display: inline-block;
  width: 50%;
  text-align: center;
  float: left;
}
.post-by-person.view-comment ul li .hd {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.post-by-person.view-comment ul li .txt {
  text-align: center;
  font-size: 28px;
}

.ceate-ad-campaigns-listTabs {
  position: relative;
  width: 100%;
  float: left;
}
.ceate-ad-campaigns-listTabs ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
.ceate-ad-campaigns-listTabs ul li {
  width: 100%;
  float: left;
  position: relative;
  border: 1px solid #cccccc;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  padding: 15px 10px;
  margin-bottom: 10px;
}
.ceate-ad-campaigns-listTabs ul li .title {
  width: calc(100% - 80px);
  float: left;
  font-weight: 600;
}
.ceate-ad-campaigns-listTabs ul li .social-icons {
  width: 80px;
  float: left;
  position: relative;
  text-align: right;
  justify-content: right;
}
.ceate-ad-campaigns-listTabs ul li .social-icons .social-box {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  justify-content: center;
  display: inline-block;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.ceate-ad-campaigns-listTabs ul li .social-icons .social-box.fb {
  background: #3b5998;
}
.ceate-ad-campaigns-listTabs ul li .social-icons .social-box.linked {
  background: #5dc1f2;
}
.ceate-ad-campaigns-listTabs ul li .social-icons .social-box i {
  color: #FFFFFF;
  text-align: center;
}
.ceate-ad-campaigns-listTabs ul li .desc {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 7px;
}
.ceate-ad-campaigns-listTabs ul li.active {
  border-left: 5px solid #20a8d8;
  box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px;
  border-color: #20a8d8;
}
.ceate-ad-campaigns-listTabs ul li:hover {
  cursor: pointer;
  box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px;
  border-color: #20a8d8;
}

.ads-campaign-view {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px;
  border: 1px solid transparent;
  border-left: 5px solid #20a8d8;
}

.ads-campgaing-ul {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  margin: 18px 0 18px 12px;
  padding: 0;
}
.ads-campgaing-ul li {
  position: relative;
  flex: 1 1 180px;
  padding: 0 12px 0 0;
  margin-top: 18px;
  margin-bottom: 12px;
}
.ads-campgaing-ul li .hd {
  font-size: 14px;
  font-weight: 500;
}
.ads-campgaing-ul li span {
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
}

.ad-campaing-search {
  position: relative;
}
.ad-campaing-search .global-search-inputbox {
  width: 100%;
  float: left;
  position: relative;
  height: auto;
  background: #f2f7fe;
}
.ad-campaing-search .global-search-inputbox .global-seach-custom-input {
  background: #f2f7fe;
  border: none !important;
  height: 40px;
  font-size: 14px;
  padding-left: 42px;
  padding-right: 15px;
}
.ad-campaing-search .global-search-inputbox .global-seach-icon {
  position: absolute;
  width: 17px;
  top: 12px;
  left: 15px;
  transform: rotate(90deg);
}
.ad-campaing-search .global-search-inputbox .global-search-Clear {
  display: none;
}
.ad-campaing-search .global-search-inputbox.active-global-search-clear {
  position: relative;
}
.ad-campaing-search .global-search-inputbox.active-global-search-clear .global-seach-custom-input {
  padding-right: 62px !important;
}
.ad-campaing-search .global-search-inputbox.active-global-search-clear .global-search-Clear {
  width: 40px;
  position: absolute;
  right: 15px;
  top: 12px;
  text-transform: uppercase;
  display: block;
  color: #20a8d8;
  font-size: 12px;
}
.ad-campaing-search .global-search-inputbox.active-global-search-clear .global-search-Clear:hover {
  cursor: pointer;
  color: #20a8d8;
}

.ad-campgaign-grid-nametext {
  display: flex;
  width: 100%;
}
.ad-campgaign-grid-nametext .social-type {
  width: 30px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 17px 0 0;
  background: #3b5998;
  margin-right: 10px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  -os-border-radius: 6px;
  border-radius: 6px;
  height: 17px;
}
.ad-campgaign-grid-nametext .social-type i {
  color: #FFFFFF;
  font-size: 17px;
}
.ad-campgaign-grid-nametext .social-content {
  flex: 0 0 100%;
  max-width: 100%;
}
.ad-campgaign-grid-nametext .social-content .hd {
  white-space: normal;
  font-size: 12px;
  font-weight: 500;
}

.fb-campaign-dtl {
  width: 100%;
  float: left;
  position: relative;
}
.fb-campaign-dtl ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.fb-campaign-dtl ul li {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.fb-campaign-dtl ul li .hd {
  position: relative;
  font-size: 12px;
  width: 100%;
  color: #a6a6a6;
  margin-bottom: 8px;
}
.fb-campaign-dtl ul li .text {
  font-size: 14px;
}
.fb-campaign-dtl ul li .media-area {
  width: 100%;
  float: left;
  padding: 8px 12px;
  background: #e3f5fb;
}
.fb-campaign-dtl ul li .account {
  width: 100%;
  float: left;
  position: relative;
}
.fb-campaign-dtl ul li .account .social-type {
  width: 25px;
  height: 25px;
  position: relative;
  float: left;
  margin-right: 10px;
  line-height: 25px;
  text-align: center;
  justify-content: center;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
}
.fb-campaign-dtl ul li .account .social-type.fb {
  background: #3b5998;
}
.fb-campaign-dtl ul li .account .social-type i {
  color: #FFFFFF;
  font-size: 14px;
}
.fb-campaign-dtl ul li .account .social-text {
  float: left;
  width: calc(100% - 35px);
  position: relative;
  font-size: 14px;
}
.fb-campaign-dtl ul li:last-child {
  margin-bottom: 0;
}

.post-detail-img {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.post-details-img > * {
  flex: 0 1 calc(25% - 32px);
  -webkit-box-flex: 0;
}

.board-cast-dtl-img {
  display: block;
  object-fit: contain;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.col-xs-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.social-creatpost-part {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 135px);
  height: calc(var(--vh, 1vh) * 100 - 135px);
}

.social-creatViewpost-part {
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 135px);
  height: calc(var(--vh, 1vh) * 100 - 135px);
}

.createpost-demo-msgbox {
  padding: 10px;
  background: #f0f9fd;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  -os-border-radius: 2px;
  border-radius: 2px;
  margin: 10px 0;
  border: 1px solid #a0dcf1;
}
.createpost-demo-msgbox.post-area {
  background: #f2f4fa;
  border: 1px solid #bbc8e4;
}
.createpost-demo-msgbox.post-area .textEntrypart {
  position: relative;
  min-height: 60px;
  padding: 5px;
  word-break: break-all;
  outline-color: #c8ced3;
  outline: none;
}
.createpost-demo-msgbox.post-area .textEntrypart span {
  font-size: 12px;
}
.createpost-demo-msgbox.post-area .textEntrypart:focus {
  border-color: #ced3d8;
}
.createpost-demo-msgbox.post-area .post-textLimt {
  display: flex;
  position: relative;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section {
  width: 100px;
  float: left;
  position: relative;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis {
  width: 280px;
  position: absolute;
  top: -145px;
  left: 18px;
  text-align: left;
  background: #FFFFFF;
  border-radius: 5px 5px 0 0;
  box-shadow: 1px 1px 10px 0px #888;
  height: 150px;
  overflow: auto;
  display: none;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis::-webkit-scrollbar {
  width: 2px;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis::-webkit-scrollbar-thumb {
  background: #888;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis span {
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_emotion .chat_emojiICONS {
  padding: 3px;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_emotion .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_animals {
  display: none;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_animals .chat_emojiICONS {
  padding: 3px;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_animals .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_foods {
  display: none;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_foods .chat_emojiICONS {
  padding: 3px;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_foods .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_Tabs {
  height: 28px;
  width: 100%;
  background: #e7f0f3;
  position: sticky;
  top: 0;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_Tabs .emojitab {
  line-height: 28px;
  padding: 0 5px;
  display: inline-block;
  cursor: pointer;
}
.createpost-demo-msgbox.post-area .post-textLimt .emoji-section .all_emojis .emoji_Tabs .emojitab img {
  width: 22px;
  height: 22px;
}
.createpost-demo-msgbox.post-area .post-textLimt .text-limit-section {
  width: calc(100% - 100px);
  float: left;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.createpost-demo-msgbox.post-area .post-textLimt .text-limit-section .ent-character {
  width: auto;
  float: left;
  margin-left: 10px;
}
.createpost-demo-msgbox.post-area .post-textLimt .text-limit-section .ent-character .circle {
  width: 20px;
  height: 20px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  float: left;
  line-height: 20px;
  font-size: 11px;
  text-align: center;
  justify-content: center;
  color: #FFFFFF;
  margin-right: 5px;
}
.createpost-demo-msgbox.post-area .post-textLimt .text-limit-section .ent-character .circle.fb {
  background: #3b5998;
}
.createpost-demo-msgbox.post-area .post-textLimt .text-limit-section .ent-character .circle.tw {
  background: #00acee;
}
.createpost-demo-msgbox.post-area .post-textLimt .text-limit-section .ent-character .circle.link {
  background: #0e76a8;
}
.createpost-demo-msgbox.post-area .post-textLimt .text-limit-section .ent-character .circle.inst {
  background: #e4405f;
}
.createpost-demo-msgbox.post-area .post-textLimt .text-limit-section .ent-character span {
  font-size: 10px;
}

.inset-imgvideo {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.inset-imgvideo .img-video-inner {
  display: flex;
  border: 1px dashed rgb(203, 214, 226);
  background-color: rgb(245, 248, 250);
  height: 80px;
  border-radius: 3px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 80px;
  flex-direction: row;
}
.inset-imgvideo .img-video-inner .inserIocn {
  border: 1px solid transparent;
  border-radius: 3px;
  display: inline-block;
  height: 27px;
  padding: 0px 4px;
  vertical-align: middle;
  transition: all 150ms ease-out 0s;
  cursor: pointer;
}
.inset-imgvideo .img-video-inner .inserIocn:hover {
  background-color: #ededed;
  cursor: pointer;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}

.socialpost-viewpart {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-box-align: center;
}
.socialpost-viewpart .socialpost-contentbox {
  align-items: flex-start;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  display: flex;
  -webkit-box-flex: 1;
  flex-grow: 1;
  margin-bottom: 30px;
  max-width: 600px;
  width: 100%;
  overflow-wrap: break-word;
}
.socialpost-viewpart .socialpost-contentbox .schedule-datebox {
  position: relative;
  display: flow-root;
}
.socialpost-viewpart .socialpost-contentbox .schedule-datebox span {
  display: flex;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card {
  position: relative;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #c8ced3;
  margin: 0 auto;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
  background: #FFFFFF;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .fb-header {
  height: 40px;
  background: #f5f8fa;
  padding: 12px;
  align-items: center;
  display: flex;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -os-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .fb-header .fb-box {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  justify-content: center;
  float: left;
  margin-right: 0.5rem;
  background: #718dc8;
  color: #FFFFFF;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .fb-header .fb-box i {
  color: #FFFFFF;
  text-align: center;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .fb-header .text {
  font-size: 14px;
  font-weight: 600;
  color: #bbc8e4;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .commentArea {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px 15px 10px;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .commentArea p {
  padding: 10px;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section {
  position: relative;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area {
  position: relative;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list { /*height:634px*/
  height: 333px;
  position: relative;
  float: none;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list img {
  width: 100%;
  height: 100%;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .fb-footer {
  display: flex;
  justify-content: space-evenly;
  margin: 0 12px;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .fb-footer .box {
  width: 33%;
  text-align: center;
  transition: all 0.1s linear 0s;
  cursor: pointer;
  flex-direction: row;
  padding: 10px 0;
  margin: 4px 0;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .fb-footer .box social-icon {
  margin-right: 8px;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .fb-footer .box social-icon svg {
  width: 16px;
  height: 16px;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .fb-footer .box:hover {
  cursor: pointer;
  background: #f2f2f2;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .learnmore-div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .learnmore-div .textView {
  float: left;
  justify-content: flex-start;
  width: calc(100% - 130px);
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .learnmore-div .learnMore {
  text-align: right;
}

.socialPot-chat-bullet {
  position: relative;
  width: 100%;
  float: left;
}
.socialPot-chat-bullet .bullet-list {
  position: relative;
  float: left;
  margin-bottom: 7px;
  width: 100%;
}
.socialPot-chat-bullet .bullet-list .bullet-circle {
  width: 9px;
  height: 9px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #deb806;
  margin-right: 4px;
  position: relative;
  float: left;
  margin-top: 4px;
}
.socialPot-chat-bullet .bullet-list .bullet-circle.fb {
  background: #3b5998;
}
.socialPot-chat-bullet .bullet-list .bullet-circle.tw {
  background: #00acee;
}
.socialPot-chat-bullet .bullet-list .bullet-circle.inst {
  background: #e4405f;
}
.socialPot-chat-bullet .bullet-list .bullet-circle.link {
  background: #0e76a8;
}
.socialPot-chat-bullet .bullet-list .bullet-text {
  float: left;
  position: relative;
  width: calc(100% - 13px);
}
.socialPot-chat-bullet .bullet-list .bullet-text span {
  text-align: right;
  float: right;
}
.socialPot-chat-bullet .bullet-list:last-child {
  margin-bottom: 0px;
}

.spot-bg {
  background: #f5f8fa;
}

.social-post-entry-toggle {
  width: 100%;
  position: relative;
  border: 1px solid #c8ced3;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
.social-post-entry-toggle .headerpart {
  position: relative;
}
.social-post-entry-toggle .detailpart {
  position: relative;
}

@supports (display: grid) {
  .post-detail-img {
    gap: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(25% - 32px), 1fr));
    margin: 0;
  }
  .ads-campaign-view-inner {
    max-width: none;
    text-align: center;
  }
}
.publishing-options {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.publishing-options ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  align-items: center;
}
.publishing-options ul li {
  width: auto;
  margin-right: 20px;
  display: inline-block;
}
.publishing-options ul li .k-radio-label {
  font-size: 12px;
}

.crm-global-lead-admin-area {
  display: grid;
  grid-template-columns: 0px 1fr;
  grid-template-rows: 1fr;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  overflow: hidden;
}

.crm-lead-global-menu {
  background: #FFFFFF;
  opacity: 0;
  border-right: 1px solid #cccccc;
  position: relative;
  transition: all 300ms ease-in;
}
.crm-lead-global-menu .action {
  position: absolute;
  height: 44px;
  width: 18px;
  line-height: 44px;
  right: 3px;
  cursor: pointer;
  z-index: 333;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -os-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
}
.crm-lead-global-menu .action.cls {
  right: -23px;
  background: #20a8d8;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  cursor: pointer;
}
.crm-lead-global-menu .action.cls:hover {
  color: #FFFFFF;
  cursor: pointer;
  background: #1985ac;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.8);
}
.crm-lead-global-menu .action:hover {
  cursor: pointer;
  color: #20a8d8;
}

.crm-lead-side-menulist {
  position: relative;
  display: contents;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 40px);
  background: #FFFFFF;
  height: 100%;
  width: 100%;
}
.crm-lead-side-menulist .crm-lead-side-menulist-hd {
  text-align: left;
  border-bottom: 1px solid #c8ced3;
  grid-column: 1/1;
  padding: 12px;
  vertical-align: middle;
  font-weight: 600;
}
.crm-lead-side-menulist menu {
  padding: 0;
  margin: 0;
  grid-column: 1/1;
}
.crm-lead-side-menulist menu ul {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  height: calc(100vh - 100px);
  overflow: auto;
  overflow-x: hidden;
}
.crm-lead-side-menulist menu ul li {
  padding: 8px 10px;
  font-size: 13px;
  cursor: pointer;
  display: grid;
  grid-template-columns: 25px 1fr;
  grid-template-rows: auto;
  justify-content: space-around;
  grid-column-gap: 6px;
  align-items: center;
}
.crm-lead-side-menulist menu ul li .crmicon {
  position: relative;
  padding: 3px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  -os-border-radius: 5px;
  border-radius: 5px;
  background: #ffc107;
  color: #061e26;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  grid-column-start: 1;
  background: linear-gradient(45deg, #74cbea, transparent);
  border: 1px solid #74cbea;
}
.crm-lead-side-menulist menu ul li .crmMenuhd {
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-column: 2/-1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-lead-side-menulist menu ul li:hover {
  cursor: pointer;
  background: #e9f7fe;
}
.crm-lead-side-menulist menu ul li.active {
  background: #e9f7fe;
}

.Acctabs {
  display: none;
}

.marketing-ad {
  clear: both;
  padding: 15px;
  position: relative;
  overflow: auto;
  height: calc(100vh - 140px);
  height: calc(var(--vh, 1vh) * 100 - 140px);
}

.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(1),
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(1) ~ .post-img-list {
  /*one img*/
  width: 100%;
  height: 331px;
}

/*two images*/
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(2),
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(2) ~ .post-img-list {
  /*two img*/
  width: 100%;
  height: 249px;
}

/*three images*/
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(3),
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(3) ~ .post-img-list {
  /*three img*/
  width: 50%;
  height: 168px;
}

/*four images*/
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(4),
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(4) ~ .post-img-list {
  /*four img*/
  width: 33.3333333333%;
  height: 168px;
}

/*five images*/
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(5),
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(5) ~ .post-img-list {
  /*five img*/
  width: 25%;
  height: 168px;
}
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(5) .viewmore-img,
.crm-socialMedia-post-enterpart .social-post-area .social-post-entry-part .social-post-form-entery-area .social-post-final-review .post-image-area .post-img-list:first-child:nth-last-child(5) ~ .post-img-list .viewmore-img {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: #000000;
  opacity: 0.7;
  font-size: 39px;
  color: #FFFFFF;
  text-align: center;
}

/* The Modal (background) */
#image-viewer {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
}

.img-modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.img-modal-content {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
#image-viewer .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  font-family: "FontAwesome";
}

#image-viewer .close:hover,
#image-viewer .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px) {
  .img-modal-content {
    width: 100%;
  }
}
.tender_rdo ~ label {
  margin-left: 25px;
}

.crm-mailchamp-temp-search {
  position: relative;
  float: left;
  width: 100%;
  background: #f8f8f8;
  height: auto;
  padding: 10px;
}

.crm-mailchamp-temp {
  position: relative;
  width: 100%;
  float: left;
  height: calc(100vh - 217px);
  height: calc(var(--vh, 1vh) * 100 - 217px);
}
.crm-mailchamp-temp .mailchamp-temp-list-area {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100vh - 266px);
  height: calc(var(--vh, 1vh) * 100 - 266px);
  overflow: scroll;
  overflow-x: hidden;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list {
  position: relative;
  width: calc(100% - 16px);
  float: left;
  padding: 8px;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-preview {
  width: 95px;
  height: 70px;
  float: left;
  position: relative;
  border: 1px solid #cccccc;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-preview img {
  border: none;
  height: 70px;
  width: 95px;
  aspect-ratio: auto 95/70;
  cursor: pointer;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-preview .preview {
  opacity: 0;
  position: absolute;
  top: 0;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-preview:hover {
  cursor: pointer;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-preview:hover .preview {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  height: 100%;
  color: #fff;
  object-position: center;
  text-align: center;
  border-radius: 2px;
  transition: opacity 0.2s ease-out 0s;
  -ms-transition: opacity 0.2s ease-out 0s;
  cursor: pointer;
  opacity: 1;
  cursor: pointer;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-preview:hover .preview i {
  margin-top: 10px;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-preview:hover .preview span {
  width: 100%;
  float: left;
  position: relative;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-name {
  position: relative;
  width: calc(100% - 197px);
  float: left;
  margin-left: 15px;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-name .heading {
  position: relative;
  font-weight: 600;
  font-size: 14px;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-name .heading:hover {
  cursor: pointer;
  color: #20a8d8;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-name .createdby {
  position: relative;
  width: 100%;
  float: left;
  color: #999999;
  font-weight: normal;
  font-size: 13px;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-action {
  position: relative;
  float: left;
  width: 85px;
  text-align: center;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list .mailchamp-temp-action .btn {
  padding: 4px 9px;
}
.crm-mailchamp-temp .mailchamp-temp-list-area .mailchamp-temp-list:hover {
  background: #f4f5fa;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
}
.crm-mailchamp-temp .k-pager-wrap {
  border-width: 0;
}

.tempHistory {
  width: 100%;
  float: left;
  position: relative;
  background: #f2f2f2;
  border: 1px solid #cccccc;
  padding: 10px;
}
.tempHistory .tempHD {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  float: left;
}
.tempHistory .tempHD span {
  cursor: pointer;
}
.tempHistory .tempcrtDt {
  float: left;
  width: 100%;
  font-size: 12px;
}
.tempHistory .tempcrtDt span {
  color: #999999;
}
.tempHistory .tempcrtDt span + span {
  color: #000000;
}
.tempHistory .edit-temp {
  width: 100%;
  float: left;
  position: relative;
}

.emailTempInfo {
  font-size: 12px;
  color: #999999;
  float: left;
  width: 100%;
}
.emailTempInfo span {
  color: #000000;
}

.form-control-plaintext.tempEnter-input {
  display: inherit;
  width: 430px;
  padding-right: 25px;
  padding-left: 10px;
}
.form-control-plaintext.tempEnter-input:focus {
  border: 1px solid #20a8d8;
  outline: none;
}

.entEmilTemp {
  position: relative;
}
.entEmilTemp .emailTempEdit {
  position: absolute;
  right: 10px;
  top: 35px;
  cursor: pointer;
}
.entEmilTemp .emailTempEdit:hover {
  cursor: pointer;
  color: #20a8d8;
}

.esdev-app .nav-tabs.nav-justified li {
  width: 50% !important;
}
.esdev-app .sripo-watermark {
  display: none !important;
}

.email-temp-preview {
  position: absolute;
  z-index: 999999;
  height: 100vh;
  width: 100%;
  background: #FFFFFF;
}
.email-temp-preview .title {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #c8ced3;
  padding: 10px;
  float: left;
}
.email-temp-preview .title .hd {
  position: relative;
  float: left;
  width: calc(100% - 80px);
}
.email-temp-preview .title .close-preview {
  position: relative;
  text-align: right;
  float: left;
  width: 80px;
  padding-right: 30px;
}
.email-temp-preview .title .close-preview a {
  position: relative;
  cursor: pointer;
  text-decoration: none;
}
.email-temp-preview .title .close-preview a i {
  position: relative;
}
.email-temp-preview .title .close-preview a i:hover {
  cursor: pointer;
  color: #20a8d8;
  text-decoration: none;
}
.email-temp-preview .ifram-conten-dtl {
  height: calc(var(--vh, 1vh) * 100 - 55px);
  overflow: hidden;
  width: 100%;
  overflow-y: scroll;
}

@media (min-width: 768px) {
  .esdev-app .nav-tabs.nav-justified li {
    width: 50% !important;
  }
}
/*=======================Landing page Editor=========================*/
.esd-frame.esd-active .form-group {
  position: relative;
  width: 100%;
  float: left;
}
.esd-frame.esd-active .form-group label {
  position: relative;
  float: left;
  width: 100%;
}
.esd-frame.esd-active .form-group .form-control {
  width: 100%;
  float: left;
}

.customerPortal-main {
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  overflow: hidden;
  background: #f6f6f6 !important;
}

.custpo-add-tabs {
  width: 100%;
  position: relative;
  float: left;
}
.custpo-add-tabs ul {
  position: relative;
  list-style-type: none;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #cccccc;
}
.custpo-add-tabs ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  padding: 0 0 5px 0;
  cursor: pointer;
  font-size: 14px;
  color: #000000;
  margin-right: 15px;
  font-weight: 600;
}
.custpo-add-tabs ul li.active {
  border-bottom: 2px solid #20a8d8;
  color: #20a8d8;
}
.custpo-add-tabs ul li:hover {
  color: #20a8d8;
}

.custpo-tabs-contents {
  width: 100%;
  position: relative;
  float: left;
}

.cust-port-body-content {
  width: 100%;
  float: left;
  position: relative;
}

.cust-port-entry-details {
  width: 100%;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -os-border-radius: 10px;
  border-radius: 10px;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  float: left;
  position: relative;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 8px 1px #c8c8c8;
  background: #FFFFFF;
}

.cust-port-quote-list {
  width: 100%;
  position: relative;
  float: left;
}
.cust-port-quote-list .quote-no {
  width: 100%;
  float: left;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.cust-port-quote-list .quote-no span:hover {
  cursor: pointer;
  color: #20a8d8;
}
.cust-port-quote-list .quote-ref-no {
  width: 100%;
  float: left;
  position: relative;
  font-size: 13px;
  color: #000000;
  margin-bottom: 10px;
  font-weight: 500;
}
.cust-port-quote-list .quote-ref-no i {
  font-size: 20px;
}
.cust-port-quote-list .quote-ref-no .status-font {
  font-size: 13px;
}
.cust-port-quote-list .quote-artical {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  color: #000000;
}
.cust-port-quote-list .quote-artical .quote-artical-amount {
  font-size: 15px;
}
.cust-port-quote-list .quote-quick-view {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 12px;
}
.cust-port-quote-list .quote-quick-view:hover {
  cursor: pointer;
  color: #20a8d8;
}
.cust-port-quote-list .quote-list-ftr-btn {
  width: 100%;
  position: relative;
  float: left;
  text-align: right;
}
.cust-port-quote-list .quote-quickview-list {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.cust-port-quote-list .quote-quickview-list .quickview-no-area {
  width: calc(100% - 350px);
  position: relative;
  float: left;
  padding-right: 15px;
}
.cust-port-quote-list .quote-quickview-list .quickview-no-area .quote-hd {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  float: left;
  word-wrap: break-word;
}
.cust-port-quote-list .quote-quickview-list .quickview-no-area .quote-sub-hd {
  font-size: 13px;
  font-weight: 500;
  float: left;
  width: 100%;
  word-wrap: break-word;
}
.cust-port-quote-list .quote-quickview-list .quickview-no-area .quote-desc {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  word-wrap: break-word;
}
.cust-port-quote-list .quote-quickview-list .quickview-money-area {
  width: 350px;
  float: left;
  position: relative;
  float: left;
}
.cust-port-quote-list .quote-quickview-list .quickview-money-area .pricelist-area {
  width: 100%;
  float: left;
  position: relative;
}
.cust-port-quote-list .quote-quickview-list .quickview-money-area .pricelist-area .pricelist-box {
  width: 33.33333%;
  float: left;
}
.cust-port-quote-list .quote-quickview-list:nth-child(even) {
  background: #f3f4f5;
}
.cust-port-quote-list .cust-cases-list {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.cust-port-quote-list .cust-cases-list .case-details {
  width: 100%;
  float: left;
  position: relative;
}
.cust-port-quote-list .cust-cases-list .case-details .case-title {
  float: left;
  position: relative;
  font-size: 13px;
  width: 100%;
  font-weight: 600;
}
.cust-port-quote-list .cust-cases-list .case-details .case-no {
  font-size: 13px;
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.cust-port-quote-list .cust-cases-list .case-details .case-no.font-color {
  color: #a2a0a0;
}
.cust-port-quote-list .cust-cases-list .case-details .case-no .case-status {
  width: auto;
  float: right;
  position: relative;
  text-align: right;
}
.cust-port-quote-list .cust-cases-list .case-details .case-no .case-status .case-status-info {
  padding: 2px 12px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -webkit-border-radius: 17px;
  -os-border-radius: 17px;
  border-radius: 17px;
  color: #FFFFFF;
}
.cust-port-quote-list .cust-cases-list .case-details .case-no .case-status .case-status-info.inprogress {
  background: #ffc107;
}
.cust-port-quote-list .cust-cases-list .case-details .case-no .case-status .case-status-info.done {
  background: #4dbd74;
}
.cust-port-quote-list .cust-cases-list .case-desc {
  font-size: 13px;
  float: left;
  position: relative;
  width: 100%;
  text-align: justify;
}
.cust-port-quote-list .cust-cases-list:nth-child(even) {
  background: #f3f4f5;
}

.cust-case-total-part {
  width: 100%;
  float: left;
  position: relative;
  box-shadow: 0px 1px 8px 1px #c8c8c8;
  background: #FFFFFF;
  padding: 10px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  font-size: 17px;
  color: #FFFFFF;
}
.cust-case-total-part.inprogress {
  background: linear-gradient(129deg, #f63c3a, #ffc107);
  position: relative;
}
.cust-case-total-part.comp {
  background: linear-gradient(129deg, #2c7847, #4dbd74);
  position: relative;
}
.cust-case-total-part.total {
  background: linear-gradient(129deg, #2694b5, #63c2de);
  position: relative;
}
.cust-case-total-part span {
  text-align: right;
  font-size: 24px;
  float: right;
}
.cust-case-total-part .cust-widget-icon {
  width: 60px;
  height: 60px;
  float: left;
  margin-left: 15px;
  position: relative;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  color: #FFFFFF;
  text-align: center;
}
.cust-case-total-part .cust-widget-icon.event {
  color: #f86c6b;
  background: rgba(255, 255, 255, 0.1);
}
.cust-case-total-part .cust-widget-icon.task {
  color: #63c2de;
  background: rgba(255, 255, 255, 0.1);
}
.cust-case-total-part .cust-widget-icon.calendar {
  color: #4dbd74;
  background: rgba(255, 255, 255, 0.1);
}
.cust-case-total-part .cust-widget-icon.task4 {
  color: #00acee;
  background: rgba(255, 255, 255, 0.1);
}
.cust-case-total-part .cust-widget-icon i {
  font-size: 28px;
  color: #FFFFFF;
  line-height: 60px;
  color: #FFFFFF;
}
.cust-case-total-part .db-widget-content {
  width: calc(100% - 75px);
  float: left;
  position: relative;
  text-align: right;
  padding-right: 15px;
}
.cust-case-total-part .db-widget-content .title {
  float: left;
  width: 100%;
  font-size: 15px;
}
.cust-case-total-part .db-widget-content .count {
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.cust-case-total-part .db-widget-content .count.new-count {
  text-align: left;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 400;
}
.cust-case-total-part .db-widget-content .count.new-count span {
  font-weight: 600;
}
.cust-case-total-part .db-widget-content .no-task {
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.6);
}

.quote-show-latest-first {
  width: 100%;
  float: left;
  position: relative;
}
.quote-show-latest-first span {
  position: relative;
}
.quote-show-latest-first span:hover {
  position: relative;
  cursor: pointer;
  color: #20a8d8;
}

.quote-pricelist-top-heading {
  width: 100%;
  float: left;
  position: relative;
  padding-right: 15px;
}
.quote-pricelist-top-heading .quote-top-hd-text {
  margin-left: calc(100% - 350px);
  position: relative;
  float: left;
  width: 350px;
}
.quote-pricelist-top-heading .quote-top-hd-text .text-content {
  width: 33.33333%;
  float: left;
  font-size: 13px;
}
.quote-pricelist-top-heading .quote-top-hd-text .quote-net-val {
  width: 66.66666%;
  float: left;
}
.quote-pricelist-top-heading .quote-top-hd-text .quote-net-val-amt {
  width: 33.33334%;
  float: left;
}

.cust-widget {
  width: 100%;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  float: left;
  position: relative;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 8px 1px #c8c8c8;
  background: #FFFFFF;
}
.cust-widget.border-radius {
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
}
.cust-widget .cust-widget-title {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 10px;
  cursor: move;
}
.cust-widget .cust-widget-title .title {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}
.cust-widget .cust-widget-title .add-task {
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
  color: #000000;
}
.cust-widget .cust-widget-title .add-task i {
  padding-right: 5px;
}
.cust-widget .cust-widget-title .add-task i.font-large {
  font-size: 20px;
}
.cust-widget .cust-widget-title .add-task span:hover {
  color: #20a8d8;
}
.cust-widget .cust-widget-content {
  padding: 15px;
  position: relative;
  clear: both;
}
.cust-widget .cust-widget-content.dtl-height {
  min-height: 167px;
}
.cust-widget .cust-widget-content .quote-details {
  width: 100%;
  float: left;
  position: relative;
}
.cust-widget .cust-widget-content .quote-details .hd {
  width: 100%;
  float: left;
  position: relative;
  font-weight: 600;
  font-size: 14px;
}
.cust-widget .cust-widget-content .quote-details .quote-content-text {
  width: 100%;
  float: left;
  position: relative;
  font-size: 13px;
}
.cust-widget .cust-widget-content .quote-details .quote-content-text i {
  font-size: 20px;
}

.cust-upload-files {
  position: relative;
  width: 100%;
  float: left;
}
.cust-upload-files .k-upload {
  border-style: dashed;
  border-width: 2px;
}
.cust-upload-files .k-upload .k-dropzone .k-upload-status {
  position: absolute;
  right: 15px;
}
.cust-upload-files .k-upload .k-dropzone .k-upload-status .k-i-warning:before {
  content: "\e118";
}
.cust-upload-files .k-upload .k-dropzone .k-upload-button {
  padding-left: 27px !important;
}
.cust-upload-files .k-upload .k-upload-files {
  max-height: 250px;
  overflow-y: auto;
}
.cust-upload-files .k-upload .k-upload-files .k-upload-status .k-i-warning {
  display: none;
}
.cust-upload-files .k-upload .k-upload-files .k-upload-status button[aria-label=Retry] {
  display: none;
}
.cust-upload-files .icon-cloud-upload {
  position: absolute;
  top: 18px;
  left: 17px;
}

.case-count-box {
  width: 100%;
  float: left;
  position: relative;
}
.case-count-box .case-count {
  width: 100%;
  position: relative;
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0px;
}
.case-count-box .case-count li {
  margin: 0;
  position: relative;
  padding: 2px 26px;
  float: left;
  width: auto;
  display: inline;
  text-align: center;
  justify-content: center;
  font-size: 11px;
  text-transform: uppercase;
}
.case-count-box .case-count li span {
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  justify-content: center;
  float: left;
}
.case-count-box .case-count li:first-child {
  background: #20a8d8;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  color: #FFFFFF;
  letter-spacing: 1px;
}

.customercaseGridList {
  position: relative;
}
.customercaseGridList .k-grid-header th.k-header {
  border-right: none;
  background: #f0f3f5;
  color: #000000;
  font-weight: 600;
  padding: 10px 5px;
}
.customercaseGridList .k-grid-header th.k-header .k-icon {
  color: #000000;
}
.customercaseGridList .k-grid-content {
  height: calc(100vh - 246px) !important;
  height: calc(var(--vh, 1vh) * 100 - 246px) !important;
  overflow: scroll;
}
.customercaseGridList .k-grid-content td .icon-eye {
  cursor: pointer;
}
.customercaseGridList .k-grid-content td .icon-eye:hover {
  color: #20a8d8;
}
.customercaseGridList .k-grid-content td:first-child {
  border-left: 4px solid #ffc107;
}
.customercaseGridList .k-pager-wrap .k-pager-sizes .k-dropdown .k-dropdown-wrap .k-select {
  background: none !important;
  border-left: 0px !important;
}
.customercaseGridList.quotes {
  position: relative;
}
.customercaseGridList.quotes .k-grid-content {
  height: calc(100vh - 223px) !important;
  height: calc(var(--vh, 1vh) * 100 - 223px) !important;
}

.customerCompanyGridList .k-grid-content {
  height: calc(100vh - 350px) !important;
  height: calc(var(--vh, 1vh) * 100 - 350px) !important;
}

.cust-order-list-box {
  position: relative;
  float: left;
  height: calc(100vh - 243px) !important;
  height: calc(var(--vh, 1vh) * 100 - 243px) !important;
  overflow: scroll;
  overflow-x: hidden;
}
.cust-order-list-box .cust-order-list-view {
  width: 100%;
  float: left;
  padding: 6px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -os-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cccccc;
}
.cust-order-list-box .cust-order-list-view .order-no {
  position: relative;
  width: 100%;
  float: left;
  font-size: 13px;
  font-weight: bold;
}
.cust-order-list-box .cust-order-list-view .order-no .badge-pill {
  -moz-border-radius: 10px 0px 0px 10px;
  -ms-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  -os-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  right: -6px;
}
.cust-order-list-box .cust-order-list-view .product-code {
  width: 100%;
  position: relative;
  float: left;
  font-size: 11px;
  text-transform: uppercase;
}
.cust-order-list-box .cust-order-list-view .product-desc {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
}
.cust-order-list-box .cust-order-list-view .order-price {
  font-size: 14px;
}
.cust-order-list-box .cust-order-list-view .order-select-box {
  width: 100%;
  float: left;
  position: relative;
  text-align: right;
}
.cust-order-list-box .cust-order-list-view:hover {
  cursor: pointer;
}

.cust-order-list-amount-box {
  position: relative;
  width: 100%;
  float: left;
  padding: 0px;
  height: calc(100vh - 277px) !important;
  height: calc(var(--vh, 1vh) * 100 - 277px) !important;
  overflow: scroll;
  overflow-x: hidden;
}
.cust-order-list-amount-box .cust-order-list-amt-view {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px;
}
.cust-order-list-amount-box .cust-order-list-amt-view .ord-qty {
  width: 40px;
  text-align: left;
  position: relative;
  font-size: 12px;
  float: left;
  font-weight: bold;
}
.cust-order-list-amount-box .cust-order-list-amt-view .ord-qty-multiply {
  width: 20px;
  float: left;
  position: relative;
}
.cust-order-list-amount-box .cust-order-list-amt-view .ord-qty-multiply i {
  font-size: 12px;
  color: #b3b3b3;
}
.cust-order-list-amount-box .cust-order-list-amt-view .order-per-item-amount {
  width: 100px;
  float: left;
  position: relative;
  font-weight: bold;
  text-align: right;
}
.cust-order-list-amount-box .cust-order-list-amt-view .order-delete {
  width: 40px;
  float: left;
  position: relative;
  text-align: right;
  cursor: pointer;
}
.cust-order-list-amount-box .cust-order-list-amt-view .order-delete:hover {
  cursor: pointer;
  color: #20a8d8;
}
.cust-order-list-amount-box .cust-order-list-amt-view .order-item-name {
  width: calc(100% - 200px);
  float: left;
  position: relative;
  font-size: 12px;
  font-weight: bold;
}
.cust-order-list-amount-box .cust-order-list-amt-view .select-qty {
  width: 100%;
  float: left;
  position: relative;
  display: none;
}
.cust-order-list-amount-box .cust-order-list-amt-view .select-qty .select-qty-input {
  width: 80px;
  float: left;
  position: relative;
}
.cust-order-list-amount-box .cust-order-list-amt-view .select-qty .select-qty-text {
  width: 50px;
  float: left;
  position: relative;
}
.cust-order-list-amount-box .cust-order-list-amt-view .select-qty .qty-vat-text {
  width: calc(100% - 130px);
  float: left;
  position: relative;
}
.cust-order-list-amount-box .cust-order-list-amt-view.active {
  background: #f6f6f6;
  cursor: pointer;
}
.cust-order-list-amount-box .cust-order-list-amt-view.active .select-qty {
  display: block;
}
.cust-order-list-amount-box .cust-order-list-amt-view:hover {
  background: #f6f6f6;
  cursor: pointer;
}

.cust-order-sub-total-box {
  width: 100%;
  float: left;
  position: relative;
}
.cust-order-sub-total-box .subtotal-box {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.cust-order-sub-total-box .subtotal-box .subtotal-text {
  width: 100%;
  float: left;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.cust-order-sub-total-box .subtotal-box .subtotal-text .vat {
  font-size: 12px;
  color: gray;
  font-weight: normal !important;
}

.cust-order-shipping-location {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px;
  height: calc(100vh - 156px) !important;
  height: calc(var(--vh, 1vh) * 100 - 156px) !important;
  overflow: scroll;
  overflow-x: hidden;
}

.cust-ship-location-icon {
  cursor: pointer;
  color: #f86c6b;
}
.cust-ship-location-icon:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #fdcdcc;
}

.ord-choose-address {
  width: 100%;
  position: relative;
  float: left;
}
.ord-choose-address .k-widget {
  line-height: unset !important;
}
.ord-choose-address .address-content {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px 0;
  border: 1px solid #cccccc;
  margin-bottom: 15px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  -os-border-radius: 5px;
  border-radius: 5px;
}
.ord-choose-address .address-content .input {
  width: 30px;
  float: left;
  position: absolute;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  margin: 0;
}
.ord-choose-address .address-content .location-text {
  width: calc(100% - 60px);
  float: left;
  margin-left: 30px;
}
.ord-choose-address .address-content .location-text span {
  float: left;
  width: 100%;
}
.ord-choose-address .address-content.select-address {
  box-shadow: 8px 8px 16px #e6e6e6;
}
.ord-choose-address .address-content.select-address .div-check {
  position: absolute;
  right: 8px;
  color: #4dbd74;
}
.ord-choose-address .address-content.select-address .div-check i {
  font-size: 22px;
}
.ord-choose-address .address-content.select-address .location-text {
  padding-right: 32px;
}
.ord-choose-address .address-content.select-address.k-state-selected {
  background: transparent;
}
.ord-choose-address .address-content:hover {
  cursor: pointer;
  box-shadow: 8px 8px 16px #e6e6e6;
}

.custCompTabs {
  position: relative;
}
.custCompTabs .k-tabstrip-items .k-item .k-link {
  padding: 13px 10px !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.custCompTabs .form-group {
  margin-bottom: 3px !important;
}
.custCompTabs .form-group label {
  font-weight: 400;
  font-size: 13px;
}
.custCompTabs .form-group .form-control-plaintext {
  font-weight: 600;
  padding: 0 0 0 10px;
  height: 30px;
}
.custCompTabs .form-group .form-control-plaintext:focus {
  outline: none;
  border: 1px solid #20a8d8;
}
.custCompTabs .custEntryLabel {
  position: relative;
  cursor: text;
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  font-weight: 400;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 30px;
  font-weight: 600;
}
.custCompTabs .k-tabstrip > .k-content {
  padding: 13px 5px !important;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active {
  position: relative;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  float: left;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box {
  position: relative;
  width: 100%;
  float: left;
  height: 230px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #cccccc;
  font-size: 13px;
  margin-bottom: 10px;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .setas-default {
  border-bottom: 1px solid #cccccc;
  width: calc(100% - 20px);
  float: left;
  position: relative;
  padding: 10px;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .address-text {
  width: calc(100% - 20px);
  position: relative;
  float: left;
  height: calc(100% - 70px);
  padding: 0 10px;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .address-text span {
  width: 100%;
  float: left;
  position: relative;
  padding: 4px 0px 2px 0;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .address-text span.hd {
  font-weight: 600;
  font-size: 14px;
  padding: 10px 0 0 0;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .address-footer-btn {
  width: 100%;
  position: relative;
  float: left;
  height: 35px;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .address-footer-btn ul {
  margin: 0;
  position: relative;
  padding: 0;
  list-style-type: none;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .address-footer-btn ul li {
  display: inline-block;
  position: relative;
  float: left;
  width: auto;
  text-align: center;
  padding: 0 10px;
  border-right: 1px solid #cccccc;
  cursor: pointer;
  color: #20a8d8;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .address-footer-btn ul li:last-child {
  border-right: 0px;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .address-footer-btn ul li:hover {
  cursor: pointer;
  text-decoration: underline;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box.not-setas-default {
  position: relative;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box.not-setas-default .address-text {
  height: calc(100% - 33px);
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box.not-setas-default .address-text span.hd {
  margin-top: 12px;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .add-address {
  position: absolute;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  position: relative !important;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  color: #8c8c8c;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box .add-address span i {
  font-size: 40px;
  color: #cccccc;
  font-weight: normal;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box.newAdd {
  border: 2px dashed #e6e6e6;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box.newAdd:hover {
  cursor: pointer;
  box-shadow: 8px 8px 16px #e6e6e6;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .cust-tab-inner-content .address-box:hover {
  box-shadow: 8px 8px 16px #e6e6e6;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .row {
  line-height: 1.1;
  width: 100%;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .row.k-selectable {
  background: transparent;
}
.custCompTabs .k-tabstrip > .k-content.k-state-active .row.k-selectable .k-state-selected {
  background-color: transparent;
}

.text-bgGray {
  color: #e6e6e6;
}

.cust-ord-gridLink {
  cursor: pointer;
}
.cust-ord-gridLink:hover {
  color: #20a8d8;
}

.cust-dashoard-top-widget {
  width: 100%;
  border: 1px solid #f2f2f2;
  float: left;
  position: relative;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}
.cust-dashoard-top-widget .top-heading {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -webkit-border-radius: 0 7px 0 0;
  -os-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
  border-right: 6px solid #f86c6b;
}
.cust-dashoard-top-widget .top-heading .top-img {
  width: 40px;
  float: left;
  position: relative;
}
.cust-dashoard-top-widget .top-heading .top-img i {
  font-size: 20px;
  text-align: center;
  color: #f86c6b;
}
.cust-dashoard-top-widget .top-heading.order {
  border-right-color: #4dbd74;
}
.cust-dashoard-top-widget .top-heading.order i {
  color: #4dbd74;
}
.cust-dashoard-top-widget .top-heading.quotes {
  border-right-color: #13637f;
}
.cust-dashoard-top-widget .top-heading.quotes i {
  color: #13637f;
}
.cust-dashoard-top-widget .top-heading.invoice {
  border-right-color: #63c2de;
}
.cust-dashoard-top-widget .top-heading.invoice i {
  color: #63c2de;
}
.cust-dashoard-top-widget .top-heading .hd {
  position: relative;
  width: calc(100% - 40px);
  float: left;
  position: relative;
}
.cust-dashoard-top-widget .content-part {
  width: 100%;
  float: left;
  position: relative;
  padding: 20px 10px 0 10px;
}
.cust-dashoard-top-widget .content-part .count {
  font-size: 25px;
  float: left;
  position: relative;
  width: calc(100% - 80px);
  font-weight: 600;
}
.cust-dashoard-top-widget .content-part .count.order {
  color: #4dbd74;
}
.cust-dashoard-top-widget .content-part .count.quotes {
  color: #13637f;
}
.cust-dashoard-top-widget .content-part .count.invoice {
  color: #63c2de;
}
.cust-dashoard-top-widget .content-part .count.cases {
  color: #f86c6b;
}
.cust-dashoard-top-widget .content-part .view {
  font-size: 13px;
  float: left;
  position: relative;
  width: 80px;
  text-align: right;
  padding-top: 8px;
}
.cust-dashoard-top-widget .content-part .view a {
  text-decoration: none;
  cursor: pointer;
}
.cust-dashoard-top-widget .content-part .view a:hover {
  cursor: pointer;
  color: #20a8d8;
  text-decoration: underline;
}
.cust-dashoard-top-widget:hover {
  box-shadow: none;
}

.cust-dashbaord-newtop-widget {
  float: left;
  position: relative;
  width: 100%;
}
.cust-dashbaord-newtop-widget .widget-part {
  width: calc(20% - 30px);
  float: left;
  position: relative;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
  margin-right: 15px;
  margin-left: 15px;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -webkit-border-radius: 0 7px 0 0;
  -os-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
  border-right: 6px solid #f86c6b;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading .top-img {
  width: 30px;
  float: left;
  position: relative;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading .top-img i {
  font-size: 20px;
  text-align: center;
  color: #f86c6b;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading.order {
  border-right-color: #4dbd74;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading.order i {
  color: #4dbd74;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading.quotes {
  border-right-color: #13637f;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading.quotes i {
  color: #13637f;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading.invoice {
  border-right-color: #63c2de;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading.invoice i {
  color: #63c2de;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading.outstanding {
  border-right-color: #ffc107;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading.outstanding i {
  color: #ffc107;
}
.cust-dashbaord-newtop-widget .widget-part .top-heading .hd {
  position: relative;
  width: calc(100% - 30px);
  float: left;
  position: relative;
}
.cust-dashbaord-newtop-widget .widget-part .content-part {
  width: 100%;
  float: left;
  position: relative;
  padding: 20px 10px 10px 10px;
}
.cust-dashbaord-newtop-widget .widget-part .content-part .count {
  font-size: 16px;
  float: left;
  position: relative;
  width: calc(100% - 80px);
  font-weight: 600;
}
.cust-dashbaord-newtop-widget .widget-part .content-part .count.order {
  color: #4dbd74;
}
.cust-dashbaord-newtop-widget .widget-part .content-part .count.quotes {
  color: #13637f;
}
.cust-dashbaord-newtop-widget .widget-part .content-part .count.invoice {
  color: #63c2de;
}
.cust-dashbaord-newtop-widget .widget-part .content-part .count.cases {
  color: #f86c6b;
}
.cust-dashbaord-newtop-widget .widget-part .content-part .count.outstadning {
  color: #ffc107;
}
.cust-dashbaord-newtop-widget .widget-part .content-part .view {
  font-size: 12px;
  float: left;
  position: relative;
  width: 80px;
  text-align: right;
  padding-top: 4px;
  cursor: pointer;
}
.cust-dashbaord-newtop-widget .widget-part .content-part .view a {
  text-decoration: none;
  cursor: pointer;
}
.cust-dashbaord-newtop-widget .widget-part .content-part .view a:hover {
  cursor: pointer;
  color: #20a8d8;
  text-decoration: underline;
}
.cust-dashbaord-newtop-widget .widget-part:hover {
  box-shadow: none;
}

.cust-dashboard-chat-widget {
  width: 100%;
  border: 1px solid #f2f2f2;
  float: left;
  position: relative;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
  min-height: 308px;
  margin-bottom: 20px;
}
.cust-dashboard-chat-widget .title {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px;
}
.cust-dashboard-chat-widget .title .hd {
  font-size: 16px;
  font-weight: 600;
}
.cust-dashboard-chat-widget .title .hd i {
  font-weight: 600;
}
.cust-dashboard-chat-widget .title .action {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}
.cust-dashboard-chat-widget .title .action:hover {
  cursor: pointer;
  color: #20a8d8;
}
.cust-dashboard-chat-widget .cust-content-area {
  width: 100%;
  position: relative;
  float: left;
  padding: 10px;
}
.cust-dashboard-chat-widget .cust-content-area .chartbox {
  width: 100%;
  float: left;
  position: relative;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet {
  position: relative;
  width: 100%;
  float: left;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list {
  position: relative;
  float: left;
  margin-bottom: 7px;
  width: 100%;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list .bullet-circle {
  width: 9px;
  height: 9px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #deb806;
  margin-right: 4px;
  position: relative;
  float: left;
  margin-top: 4px;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list .bullet-circle.cancelled {
  background: #abd4f7;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list .bullet-circle.onhold {
  background: #2d95ec;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list .bullet-circle.inprogress {
  background: #1f68a5;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list .bullet-circle.awaiting {
  background: #6cb4f1;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list .bullet-circle.quote-inpro {
  background: #00b2ab;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list .bullet-circle.quote-comp {
  background: #4bfff7;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list .bullet-text {
  float: left;
  position: relative;
  width: calc(100% - 13px);
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list .bullet-text span {
  text-align: right;
  float: right;
}
.cust-dashboard-chat-widget .cust-content-area .chart-bullet .bullet-list:last-child {
  margin-bottom: 0px;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view {
  position: relative;
  width: 100%;
  float: left;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view.annoucemnt-box {
  position: relative;
  height: 240px;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul {
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  border: none;
  list-style-type: none;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li {
  float: left;
  width: 100%;
  position: relative;
  border: none;
  padding: 10px;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item {
  position: relative;
  float: left;
  width: 100%;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .item {
  width: calc(100% - 230px);
  float: left;
  position: relative;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .item span {
  float: left;
  position: relative;
  width: 100%;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .item span + span {
  width: 100%;
  float: left;
  position: relative;
  color: #999999;
  font-size: 13px;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .order-date {
  width: 100px;
  float: left;
  position: relative;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .order-date span {
  float: left;
  position: relative;
  width: 100%;
  text-align: right;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .order-date span + span {
  width: 100%;
  float: left;
  position: relative;
  color: #999999;
  font-size: 13px;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .status {
  width: 130px;
  float: left;
  position: relative;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .status .statu-bg {
  padding: 4px 6px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
  background: #20a8d8;
  color: #FFFFFF;
  min-width: 120px;
  text-align: center;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .status .statu-bg.cancel {
  background: #f86c6b;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .status .statu-bg.inprogress {
  background: #4dbd74;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .status .statu-bg.waiting {
  background: #deb806;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item .status .statu-bg.new {
  background: #b3b3b3;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list {
  position: relative;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .item {
  width: calc(100% - 130px);
  float: left;
  position: relative;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .item span {
  float: left;
  position: relative;
  width: 100%;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .item span + span {
  width: 100%;
  float: left;
  position: relative;
  color: #999999;
  font-size: 13px;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .status {
  width: 130px;
  float: left;
  position: relative;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .status span {
  text-align: right;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  float: left;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .status span + span {
  color: #000000;
  text-align: right;
  font-weight: normal;
  width: 100%;
  float: left;
  font-size: 13px;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .status span + span.cancel {
  color: #f86c6b;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .status span + span.inprogress {
  color: #4dbd74;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .status span + span.waiting {
  color: #deb806;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .cust-list-item.invoice-list .status span + span.new {
  color: #b3b3b3;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .annouancement {
  position: relative;
  float: left;
  width: 100%;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .annouancement span {
  font-size: 13px;
  color: #999999;
  width: 100%;
  float: left;
  position: relative;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li .annouancement span + span {
  width: 100%;
  float: left;
  position: relative;
  color: #000000;
  font-size: 14px;
}
.cust-dashboard-chat-widget .cust-content-area .cust-ord-list-view ul li:hover {
  background: #f4f5fa;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
}
.cust-dashboard-chat-widget:hover {
  box-shadow: none;
}

.cust-aging-report {
  width: 100%;
  float: left;
  position: relative;
}
.cust-aging-report .content-area {
  width: calc(20% - 30px);
  float: left;
  position: relative;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  height: 250px;
}
.cust-aging-report .content-area .bgbox {
  height: 100%;
  width: 100%;
  position: relative;
  float: left;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 0;
}
.cust-aging-report .content-area .bgbox.current {
  background-color: #61d556;
}
.cust-aging-report .content-area .bgbox.month-1 {
  background: #fbb32d;
  height: 40px;
}
.cust-aging-report .content-area .bgbox.month-2 {
  background: #f47119;
}
.cust-aging-report .content-area .bgbox.month-3 {
  background: #f65409;
  height: 60px;
}
.cust-aging-report .content-area .bgbox.month-4 {
  background: #da3a2c;
}
.cust-aging-report .content-area .month-text {
  font-size: 14px;
  float: left;
  position: relative;
  width: 100%;
}

.outstandingamt-chart {
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
}
.outstandingamt-chart span {
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  -os-border-radius: 5px;
  border-radius: 5px;
}
.outstandingamt-chart span chart-amt {
  position: static;
  width: 100%;
  text-align: justify;
  text-align: center;
  float: left;
}
.outstandingamt-chart span chart-amt amt-area {
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
  float: left;
}
.outstandingamt-chart span chart-amt amt-area client {
  font-size: 13px;
  width: 100%;
  clear: both;
  margin-bottom: 10px;
  float: left;
  color: #999999;
}
.outstandingamt-chart span chart-amt amt-area:before {
  content: "";
  position: absolute;
  z-index: 999999;
}

.progress9 {
  background-color: #d6185e;
  animation: progressBar1 3s ease-in-out;
  animation-fill-mode: forwards;
}
.progress9.current {
  background: #61d556;
}
.progress9.current:hover {
  background: #ade9a8;
}
.progress9.month-1 {
  background: #fbb32d;
  height: 40px;
}
.progress9.month-1:hover {
  background: #fdd791;
}
.progress9.month-2 {
  background: #f47119;
}
.progress9.month-2:hover {
  background: #f9ad7a;
}
.progress9.month-3 {
  background: #f65409;
  height: 60px;
}
.progress9.month-3:hover {
  background: #fa986b;
}
.progress9.month-4 {
  background: #da3a2c;
}
.progress9.month-4:hover {
  background: #e98b83;
}

@keyframes progressBar1 {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
/*-----------------------Create new orde part start---------------------*/
.cust-neworder {
  position: relative;
  width: 100%;
  float: left;
}
.cust-neworder .cust-neworder-searh {
  width: 100%;
  position: relative;
  float: left;
}
.cust-neworder .cust-neworder-content {
  position: relative;
  float: left;
  width: 100%;
}
.cust-neworder .cust-neworder-content .order-item-thead {
  position: relative;
  width: 100%;
  float: left;
  padding-bottom: 5px;
  font-weight: 600;
  border-bottom: 1px solid #d9d9d9;
}
.cust-neworder .cust-neworder-content .order-item-thead .th-check {
  position: relative;
  width: 80px;
  float: left;
}
.cust-neworder .cust-neworder-content .order-item-thead .th-itemno {
  float: left;
  position: relative;
  width: 100px;
}
.cust-neworder .cust-neworder-content .order-item-thead .th-qty {
  float: left;
  position: relative;
  width: 40px;
}
.cust-neworder .cust-neworder-content .order-item-thead .th-desc {
  position: relative;
  float: left;
  width: calc(100% - 340px);
}
.cust-neworder .cust-neworder-content .order-item-thead .th-price {
  position: relative;
  float: left;
  width: 120px;
}
.cust-neworder .cust-neworder-content .order-item-tbody {
  width: 100%;
  position: relative;
  float: left;
  height: calc(100vh - 229px) !important;
  height: calc(var(--vh, 1vh) * 100 - 229px) !important;
  overflow: hidden;
  overflow-x: hidden;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box {
  position: relative;
  width: 100%;
  float: left;
  height: calc(100vh - 286px) !important;
  height: calc(var(--vh, 1vh) * 100 - 286px) !important;
  overflow: scroll;
  overflow-x: hidden;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  line-height: 1.3;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr {
  width: 100%;
  position: relative;
  float: left;
  padding: 5px 0;
  border-top: 1px solid #cccccc;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-check {
  position: relative;
  float: left;
  width: 80px;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-check .chekarea {
  width: 30px;
  float: left;
  padding: 13px 0 0 0;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-check .td-item-img {
  width: 40px;
  position: relative;
  float: left;
  height: 40px;
  border: 1px solid #cccccc;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-check .td-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-itemno {
  position: relative;
  float: left;
  width: 100px;
  padding: 10px 0;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-qty {
  position: relative;
  float: left;
  width: 40px;
  padding: 10px 0;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-desc {
  position: relative;
  float: left;
  width: calc(100% - 340px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px 0;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-price {
  position: relative;
  float: left;
  width: 120px;
  padding: 10px 0;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-price span {
  border: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-price span + span {
  border: 1px solid #cccccc;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  cursor: pointer;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-price span + span i {
  cursor: pointer;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr .td-price span + span i:hover {
  cursor: pointer;
  color: #20a8d8;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template {
  width: calc(100% - 60px);
  float: left;
  position: relative;
  padding: 10px 30px;
  display: none;
  opacity: 0;
  transition: 3s;
  transition-duration: 8s;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-image {
  width: 180px;
  float: left;
  position: relative;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-image .img-box {
  width: 180px;
  height: 180px;
  float: left;
  position: relative;
  border: 1px solid #cccccc;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-image .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-entry {
  width: calc(100% - 192px);
  position: relative;
  float: left;
  margin-left: 12px;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-entry .col-form-label {
  margin-bottom: 0px;
  line-height: 0px;
  font-size: 12px;
  color: #999999;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-entry .form-group .form-control {
  border-width: 0 0 1px 0;
  padding: 0;
  pointer-events: none;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-entry .form-group .form-control.allow-Edit {
  pointer-events: auto;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-entry .k-picker-wrap .k-input {
  text-indent: 0px;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-entry .k-picker-wrap .k-select {
  background: transparent;
  border-left: 0px !important;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .order-list-view-btn-part {
  position: relative;
  float: left;
  width: 100%;
  font-size: 12px;
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .order-list-view-btn-part .advanceEdit {
  position: relative;
  float: left;
  cursor: pointer;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .order-list-view-btn-part .advanceEdit:hover {
  cursor: pointer;
  cursor: pointer;
  color: #20a8d8;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .order-list-view-btn-part .autoSave {
  position: relative;
  float: right;
  text-transform: uppercase;
  color: #999999;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box.order-open {
  position: relative;
  border: 1px solid #cccccc;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  padding: 0px 5px;
  box-shadow: 0px 1px 8px 1px #c8c8c8;
  width: calc(100% - 10px);
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box.order-open.k-state-selected {
  background: transparent !important;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box.order-open .order-list-view-tr {
  border-top: none;
  border-bottom: 1px solid #cccccc;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box.order-open .order-list-view-tr .td-price {
  position: relative;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box.order-open .order-list-view-tr .td-price span {
  border: none;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box.order-open .order-list-view-tr .td-price span + span {
  position: relative;
  border: 1px solid #cccccc;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box.order-open .order-list-view-tr .td-price span + span .k-i-arrow-60-down:before {
  content: "\e004" !important;
  position: absolute;
}
.cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box.order-open .order-list-view-tr-template {
  display: block !important;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  transition-duration: 0.8s;
}
.cust-neworder .cust-neworder-content .order-item-tbody .k-pager-wrap {
  border-width: 0px;
}
.cust-neworder .cust-neworder-content .order-item-footer-btn {
  position: relative;
  width: 100%;
  float: left;
}

.cust-order-amt-view {
  position: relative;
  float: left;
  height: calc(100vh - 47px) !important;
  height: calc(var(--vh, 1vh) * 100 - 47px) !important;
  text-align: right;
}
.cust-order-amt-view .hd {
  position: relative;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 20px;
  font-size: 12px;
}
.cust-order-amt-view .text {
  position: relative;
  width: 100%;
  float: left;
}
.cust-order-amt-view .ord-amnt {
  width: 100%;
  float: left;
  position: relative;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}

.cust-order-checkout {
  position: relative;
  width: 100%;
  float: left;
}
.cust-order-checkout .chekout-thead {
  position: relative;
  float: left;
  width: 100%;
  font-weight: 600;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}
.cust-order-checkout .chekout-thead .th-desc {
  position: relative;
  float: left;
  width: calc(100% - 340px);
}
.cust-order-checkout .chekout-thead .th-desc span {
  font-weight: normal;
  color: #20a8d8;
  font-size: 12px;
  cursor: pointer;
  border: 1px dashed #20a8d8;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  padding: 2px 4px;
}
.cust-order-checkout .chekout-thead .th-desc span:hover {
  cursor: pointer;
  color: #13637f;
}
.cust-order-checkout .chekout-thead .th-qty {
  position: relative;
  width: 80px;
  float: left;
}
.cust-order-checkout .chekout-thead .th-price {
  position: relative;
  width: 100px;
  float: left;
}
.cust-order-checkout .chekout-thead .th-total {
  width: 160px;
  float: left;
  position: relative;
}
.cust-order-checkout .checkout-tbody {
  width: 100%;
  position: relative;
  float: left;
}
.cust-order-checkout .checkout-tbody .checkout-tr {
  width: 100%;
  position: relative;
  float: left;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-desc {
  position: relative;
  float: left;
  width: calc(100% - 340px);
  padding-right: 20px;
  word-break: break-all;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-desc .td-img {
  width: 40px;
  height: 40px;
  float: left;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #cccccc;
  margin-right: 10px;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-desc .td-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  box-sizing: border-box;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc {
  width: calc(100% - 50px);
  float: left;
  position: relative;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .desc-text {
  width: 100%;
  float: left;
  position: relative;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .td-itemno {
  float: left;
  position: relative;
  width: 100%;
  color: #999999;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .ord-qty {
  width: 100%;
  float: left;
  position: relative;
  display: none;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-qty {
  position: relative;
  width: 80px;
  float: left;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-qty .form-control {
  width: 70px;
  position: relative;
  top: -5px;
  padding: 0;
  text-align: center;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-price {
  position: relative;
  width: 100px;
  float: left;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-total {
  width: 160px;
  float: left;
  position: relative;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-total span {
  cursor: pointer;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-total span i {
  cursor: pointer;
}
.cust-order-checkout .checkout-tbody .checkout-tr .td-total span i:hover {
  cursor: pointer;
  color: #20a8d8;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr {
  width: 100%;
  float: left;
  position: relative;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment {
  position: relative;
  float: left;
  width: calc(100% - 340px);
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .notes {
  margin-top: 40px;
  float: left;
  width: 100%;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .notes .hd {
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  float: left;
  text-transform: uppercase;
  padding-left: 10px;
  border-left: 5px solid #1985ac;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .notes .hd i {
  cursor: pointer;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .notes .hd i:hover {
  cursor: pointer;
  color: #20a8d8;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .notes .text {
  width: 100%;
  float: left;
  position: relative;
  -webkit-box-pack: justify;
  -webkit-box-direction: normal;
  justify-content: space-between;
  padding-right: 15px;
  padding-left: 10px;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .notes .text .form-control-plaintext {
  resize: none;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .notes .text .form-control-plaintext:focus {
  outline: none;
  border: 1px solid #20a8d8;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax {
  position: relative;
  width: calc(100% - 20px);
  float: left;
  margin-right: 10px;
  border: 1px solid #cccccc;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-heading-box {
  width: 100%;
  float: left;
  position: relative;
  background: #f0f3f5;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-heading-box .th {
  width: auto;
  float: left;
  position: relative;
  padding: 10px;
  font-weight: bold;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-heading-box .th:nth-child(1) {
  width: calc(100% - 250px);
  float: left;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-heading-box .th:nth-child(2) {
  width: 100px;
  float: left;
  text-align: right;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-heading-box .th:nth-child(3) {
  width: 150px;
  float: left;
  text-align: right;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-row {
  position: relative;
  float: left;
  width: 100%;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-row .tax-row-list {
  position: relative;
  float: left;
  width: 100%;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-row .tax-row-list .tax-item {
  width: auto;
  float: left;
  position: relative;
  padding: 5px 10px;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-row .tax-row-list .tax-item:nth-child(1) {
  width: calc(100% - 250px);
  float: left;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-row .tax-row-list .tax-item:nth-child(2) {
  width: 100px;
  float: left;
  text-align: right;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-row .tax-row-list .tax-item:nth-child(3) {
  width: 150px;
  float: left;
  text-align: right;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-foter {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-foter .tax-footer-content {
  margin-left: calc(100% - 250px);
  float: left;
  position: relative;
  width: 250px;
  border-top: 1px solid #cccccc;
  padding-top: 10px;
  font-size: 16px;
  font-weight: 600;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-foter .tax-footer-content .tax-toal {
  width: calc(100% - 150px);
  float: left;
  text-align: right;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment .order-label-tax .tax-foter .tax-footer-content .total-amt {
  width: 150px;
  float: left;
  position: relative;
  text-align: right;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment-mob {
  position: relative;
  float: left;
  width: calc(100% - 340px);
  display: none;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment-mob .notes {
  margin-top: 40px;
  float: left;
  width: 100%;
  padding-left: 10px;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment-mob .notes .hd {
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  float: left;
  text-transform: uppercase;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment-mob .notes .text {
  width: 100%;
  float: left;
  position: relative;
  -webkit-box-pack: justify;
  -webkit-box-direction: normal;
  justify-content: space-between;
  padding-right: 15px;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .checkout-subtotal {
  width: 340px;
  float: left;
  position: relative;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-text {
  width: calc(100% - 160px);
  position: relative;
  float: left;
  padding: 6px 0;
  font-size: 16px;
  color: gray;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-text .items {
  font-size: 12px;
  color: #000000;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-amt {
  width: 160px;
  float: left;
  position: relative;
  padding: 6px 0;
  font-size: 16px;
  text-align: right;
}
.cust-order-checkout .checkout-tbody .checkout-footer-tr .save-order {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 25px;
  text-align: right;
}

.cust-vieworder {
  position: relative;
  float: left;
  width: 100%;
}
.cust-vieworder .chekout-thead {
  position: relative;
  float: left;
  width: 100%;
  font-weight: 600;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}
.cust-vieworder .chekout-thead .th-desc {
  position: relative;
  float: left;
  width: calc(100% - 340px);
}
.cust-vieworder .chekout-thead .th-qty {
  position: relative;
  width: 80px;
  float: left;
}
.cust-vieworder .chekout-thead .th-price {
  position: relative;
  width: 100px;
  float: left;
}
.cust-vieworder .chekout-thead .th-total {
  width: 160px;
  float: left;
  position: relative;
}
.cust-vieworder .checkout-tbody {
  width: 100%;
  position: relative;
  float: left;
}
.cust-vieworder .checkout-tbody .checkout-tr {
  width: 100%;
  position: relative;
  float: left;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-desc {
  position: relative;
  float: left;
  width: calc(100% - 340px);
  padding-top: 11px;
  padding-right: 20px;
  word-break: break-all;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-desc .td-img {
  width: 40px;
  height: 40px;
  float: left;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #cccccc;
  margin-right: 10px;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-desc .td-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  box-sizing: border-box;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -os-border-radius: 12px;
  border-radius: 12px;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-desc .itme-desc {
  width: calc(100% - 60px);
  float: left;
  position: relative;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-desc .itme-desc .desc-text {
  width: 100%;
  float: left;
  position: relative;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-desc .itme-desc .td-itemno {
  float: left;
  position: relative;
  width: 100%;
  color: #999999;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-desc .itme-desc .ord-qty {
  width: 100%;
  float: left;
  position: relative;
  display: none;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-qty {
  position: relative;
  width: 80px;
  float: left;
  padding-top: 11px;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-qty .form-control {
  width: 70px;
  position: relative;
  top: -5px;
  padding: 0;
  text-align: center;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-price {
  position: relative;
  width: 100px;
  float: left;
  padding-top: 11px;
}
.cust-vieworder .checkout-tbody .checkout-tr .td-total {
  width: 160px;
  float: left;
  position: relative;
  padding-top: 11px;
}
.cust-vieworder .checkout-tbody .checkout-footer-tr {
  width: 100%;
  float: left;
  position: relative;
}
.cust-vieworder .checkout-tbody .checkout-footer-tr .checkout-subtotal {
  margin-left: calc(100% - 340px);
  float: left;
  position: relative;
}
.cust-vieworder .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-text {
  width: calc(100% - 160px);
  position: relative;
  float: left;
  padding: 6px 0;
  font-size: 16px;
  color: gray;
}
.cust-vieworder .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-text .items {
  font-size: 12px;
  color: #000000;
}
.cust-vieworder .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-amt {
  width: 160px;
  float: left;
  position: relative;
  padding: 6px 0;
  font-size: 16px;
}
.cust-vieworder .checkout-tbody .checkout-footer-tr .save-order {
  margin-left: 0;
  float: right;
  position: relative;
  margin-top: 20px;
}

.cust-order-comment-history {
  position: relative;
  width: 100%;
  float: left;
}
.cust-order-comment-history .ord-history {
  width: 100%;
  float: left;
  position: relative;
}
.cust-order-comment-history .ord-history .delivery-by {
  position: relative;
  width: 100%;
  float: left;
  font-size: 14px;
}
.cust-order-comment-history .ord-history .today-date {
  position: relative;
  width: 100%;
  float: left;
  font-size: 15px;
  font-weight: 400;
}
.cust-order-comment-history .ord-history .delivry-list-item {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 15px;
  font-size: 13px;
}
.cust-order-comment-history .ord-history .delivry-list-item .time {
  width: 75px;
  float: left;
  position: relative;
  color: #999999;
}
.cust-order-comment-history .ord-history .delivry-list-item .order-desc {
  width: calc(100% - 85px);
  float: left;
  position: relative;
  margin-left: 10px;
  border-left: 1px solid #cccccc;
  padding-left: 10px;
}
.cust-order-comment-history .ord-history .delivry-list-item .order-desc span {
  color: #999999;
}
.cust-order-comment-history .ord-history .delivry-list-item .order-desc a {
  color: #20a8d8;
  cursor: pointer;
}

.cust-checkout-view-order {
  position: relative;
  float: left;
  width: 100%;
}
.cust-checkout-view-order .oder-view {
  position: relative;
  margin: 0 0 4px 0;
  width: 100%;
  float: left;
}
.cust-checkout-view-order .oder-view .hd {
  position: relative;
  float: left;
  width: 120px;
  font-weight: 600;
}
.cust-checkout-view-order .oder-view .text {
  position: relative;
  float: left;
  width: calc(100% - 120px);
}

/*-----------------------Create new orde part end---------------------*/
.cust-email-attach {
  position: relative;
  width: 100%;
  float: left;
}
.cust-email-attach i {
  margin-right: 5px;
}
.cust-email-attach span {
  border: 1px dashed #cccccc;
  padding: 3px 10px;
}

.normal-text {
  font-weight: normal !important;
}

/*--------Mobile view begin-------*/
@media (max-width: 991.98px) {
  .case-count-box {
    width: 100%;
    position: relative;
    float: left;
  }
  .case-count-box .case-count {
    width: 100%;
    float: left;
  }
  .case-count-box .case-count li {
    width: 100%;
    position: relative;
    float: left;
    text-align: left;
    padding: 2px 6px;
  }
  .case-count-box .case-count li span {
    float: right;
    position: relative;
    text-align: right;
    width: auto;
  }
  .customercaseGridList .k-grid-content {
    height: calc(100vh - 345px) !important;
    height: calc(var(--vh, 1vh) * 100 - 345px) !important;
  }
  .cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template {
    width: 100%;
    padding: 10px 11px;
  }
  .cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-image {
    width: 100%;
    float: left;
    position: relative;
  }
  .cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-image .img-box {
    width: 180px;
    height: 180px;
    position: relative;
    border: 1px solid #cccccc;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -os-border-radius: 12px;
    border-radius: 12px;
    margin: 0 auto;
    float: none;
    justify-content: center;
  }
  .cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-image .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -os-border-radius: 12px;
    border-radius: 12px;
  }
  .cust-neworder .cust-neworder-content .order-item-tbody .order-item-main-list-box .order-item-list-box .order-list-view-tr-template .ord-template-entry {
    width: 100%;
    position: relative;
    margin-top: 10px;
  }
  .cust-dashbaord-newtop-widget {
    float: left;
    position: relative;
    width: 100%;
  }
  .cust-dashbaord-newtop-widget .widget-part {
    width: calc(100% - 30px);
    float: left;
    position: relative;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -webkit-border-radius: 7px;
    -os-border-radius: 7px;
    border-radius: 7px;
    background: #FFFFFF;
    box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading {
    width: 100%;
    float: left;
    position: relative;
    padding: 10px;
    -moz-border-radius: 0 7px 0 0;
    -ms-border-radius: 0 7px 0 0;
    -webkit-border-radius: 0 7px 0 0;
    -os-border-radius: 0 7px 0 0;
    border-radius: 0 7px 0 0;
    border-right: 6px solid #f86c6b;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading .top-img {
    width: 30px;
    float: left;
    position: relative;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading .top-img i {
    font-size: 20px;
    text-align: center;
    color: #f86c6b;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading.order {
    border-right-color: #4dbd74;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading.order i {
    color: #4dbd74;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading.quotes {
    border-right-color: #13637f;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading.quotes i {
    color: #13637f;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading.invoice {
    border-right-color: #63c2de;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading.invoice i {
    color: #63c2de;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading.outstanding {
    border-right-color: #ffc107;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading.outstanding i {
    color: #ffc107;
  }
  .cust-dashbaord-newtop-widget .widget-part .top-heading .hd {
    position: relative;
    width: calc(100% - 30px);
    float: left;
    position: relative;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part {
    width: 100%;
    float: left;
    position: relative;
    padding: 20px 10px 10px 10px;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part .count {
    font-size: 16px;
    float: left;
    position: relative;
    width: calc(100% - 80px);
    font-weight: 600;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part .count.order {
    color: #4dbd74;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part .count.quotes {
    color: #13637f;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part .count.invoice {
    color: #63c2de;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part .count.cases {
    color: #f86c6b;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part .count.outstadning {
    color: #ffc107;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part .view {
    font-size: 12px;
    float: left;
    position: relative;
    width: 80px;
    text-align: right;
    padding-top: 4px;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part .view a {
    text-decoration: none;
    cursor: pointer;
  }
  .cust-dashbaord-newtop-widget .widget-part .content-part .view a:hover {
    cursor: pointer;
    color: #20a8d8;
    text-decoration: underline;
  }
  .outstandingamt-chart {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: transparent;
  }
  .outstandingamt-chart span {
    display: block;
    height: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -os-border-radius: 5px;
    border-radius: 5px;
  }
  .outstandingamt-chart span chart-amt {
    position: static;
    width: 100%;
    text-align: justify;
    text-align: center;
    float: left;
  }
  .outstandingamt-chart span chart-amt amt-area {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    text-align: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    float: left;
  }
  .outstandingamt-chart span chart-amt amt-area client {
    font-size: 11px;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    float: left;
    color: #999999;
  }
  .outstandingamt-chart span chart-amt amt-area:before {
    content: "";
    position: absolute;
    z-index: 999999;
  }
  .cust-aging-report {
    width: 100%;
    float: left;
    position: relative;
  }
  .cust-aging-report .content-area {
    width: calc(20% - 20px);
    float: left;
    position: relative;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    height: 250px;
  }
  .cust-aging-report .content-area .month-text {
    font-size: 12px;
    float: left;
    position: relative;
    width: 100%;
  }
  .cust-vieworder {
    position: relative;
    float: left;
    width: 100%;
  }
  .cust-vieworder .chekout-thead .th-desc {
    position: relative;
    float: left;
    width: calc(100% - 130px);
  }
  .cust-vieworder .chekout-thead .th-qty {
    display: none;
  }
  .cust-vieworder .chekout-thead .th-price {
    display: none;
  }
  .cust-vieworder .chekout-thead .th-total {
    width: 130px;
    float: left;
    position: relative;
  }
  .cust-vieworder .checkout-tbody .checkout-tr {
    width: 100%;
    position: relative;
    float: left;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-desc {
    position: relative;
    float: left;
    width: calc(100% - 100px);
    padding-top: 11px;
    padding-right: 10px;
    word-break: break-all;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-desc .td-img {
    width: 40px;
    height: 40px;
    float: left;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -os-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #cccccc;
    margin-right: 10px;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-desc .td-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    box-sizing: border-box;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -os-border-radius: 12px;
    border-radius: 12px;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-desc .itme-desc {
    width: calc(100% - 60px);
    float: left;
    position: relative;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-desc .itme-desc .desc-text {
    width: 100%;
    float: left;
    position: relative;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-desc .itme-desc .td-itemno {
    float: left;
    position: relative;
    width: 100%;
    color: #999999;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-desc .itme-desc .ord-qty {
    width: 100%;
    float: left;
    position: relative;
    display: block;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-qty {
    display: none;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-price {
    display: none;
  }
  .cust-vieworder .checkout-tbody .checkout-tr .td-total {
    width: 100px;
    float: left;
    position: relative;
    padding-top: 11px;
  }
  .cust-vieworder .checkout-tbody .checkout-footer-tr {
    width: 100%;
    float: left;
    position: relative;
  }
  .cust-vieworder .checkout-tbody .checkout-footer-tr .checkout-subtotal {
    margin-left: 0;
    float: left;
    position: relative;
  }
  .cust-vieworder .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-text {
    width: calc(100% - 160px);
    position: relative;
    float: left;
    padding: 6px 0;
    font-size: 16px;
    color: gray;
  }
  .cust-vieworder .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-text .items {
    font-size: 12px;
    color: #000000;
  }
  .cust-vieworder .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-amt {
    width: 160px;
    float: left;
    position: relative;
    padding: 6px 0;
    font-size: 16px;
    text-align: right;
  }
  .cust-vieworder .checkout-tbody .checkout-footer-tr .save-order {
    margin-left: 0;
    float: right;
    position: relative;
    margin-top: 25px;
  }
  .cust-order-checkout {
    position: relative;
    float: left;
    width: 100%;
  }
  .cust-order-checkout .chekout-thead .th-desc {
    position: relative;
    float: left;
    width: calc(100% - 100px);
  }
  .cust-order-checkout .chekout-thead .th-qty {
    display: none;
  }
  .cust-order-checkout .chekout-thead .th-price {
    display: none;
  }
  .cust-order-checkout .chekout-thead .th-total {
    width: 100px;
    float: left;
    position: relative;
    text-align: right;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr {
    width: 100%;
    position: relative;
    float: left;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc {
    position: relative;
    float: left;
    width: calc(100% - 100px);
    padding-right: 10px;
    word-break: break-all;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .td-img {
    width: 40px;
    height: 40px;
    float: left;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -os-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #cccccc;
    margin-right: 10px;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .td-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    box-sizing: border-box;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -os-border-radius: 12px;
    border-radius: 12px;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc {
    width: calc(100% - 60px);
    float: left;
    position: relative;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .desc-text {
    width: 100%;
    float: left;
    position: relative;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .td-itemno {
    float: left;
    position: relative;
    width: 100%;
    color: #999999;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .ord-qty {
    width: 100%;
    float: left;
    position: relative;
    display: block;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .ord-qty .qtytext-box {
    width: 100%;
    float: left;
    line-height: 30px;
    display: -webkit-inline-box;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .ord-qty .qtytext-box .qty-count {
    width: 58px;
    padding-left: 5px;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .ord-qty .qtytext-box .form-control {
    width: 52px;
    margin-left: 3px;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .ord-qty .qtytext-box .edit {
    border: 1px dashed #cccccc;
    width: 30px;
    height: 30px;
    text-align: center;
    justify-content: center;
    margin: 0 6px;
    line-height: 30px;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -os-border-radius: 100%;
    border-radius: 100%;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-desc .itme-desc .ord-qty .qtytext-box .edit:last-child {
    margin: 0;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-qty {
    display: none;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-price {
    display: none;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-total {
    width: 100px;
    float: left;
    position: relative;
    text-align: right;
  }
  .cust-order-checkout .checkout-tbody .checkout-tr .td-total .checkoutEdit-mob {
    display: none;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr {
    width: 100%;
    float: left;
    position: relative;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment-mob {
    position: relative;
    float: left;
    width: 100%;
    display: block;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment-mob .notes {
    margin-top: 40px;
    float: left;
    width: 100%;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment-mob .notes .hd {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    float: left;
    text-transform: uppercase;
    border-left: 5px solid #1985ac;
    padding-left: 10px;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment-mob .notes .text {
    width: 100%;
    float: left;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-box-direction: normal;
    justify-content: space-between;
    padding-right: 15px;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .order-comment {
    display: none;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .checkout-subtotal {
    margin-left: 0;
    float: left;
    position: relative;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-text {
    width: calc(100% - 160px);
    position: relative;
    float: left;
    padding: 6px 0;
    font-size: 16px;
    color: gray;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-text .items {
    font-size: 12px;
    color: #000000;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .checkout-subtotal .subtotal-amt {
    width: 160px;
    float: left;
    position: relative;
    padding: 6px 0;
    font-size: 16px;
    text-align: right;
  }
  .cust-order-checkout .checkout-tbody .checkout-footer-tr .save-order {
    margin-left: 0;
    float: right;
    position: relative;
    margin-top: 25px;
  }
  .calendar-widget-content.cust-order-page {
    position: relative;
    height: calc(100vh - 140px) !important;
    height: calc(var(--vh, 1vh) * 100 - 140px) !important;
    overflow: scroll;
    overflow-x: hidden;
  }
  .cust-order-list-box {
    height: calc(100vh - 517px) !important;
    height: calc(var(--vh, 1vh) * 100 - 517px) !important;
    overflow: scroll;
    overflow-x: hidden;
  }
}
/*--------Mobile view end-------*/
.site-mode.online, .dropdown-item .site-mode.online {
  display: block;
  -o-box-shadow: 0 0 0 rgba(77, 189, 116, 0.4);
  box-shadow: 0 0 0 rgba(77, 189, 116, 0.4);
  animation: online 2s infinite;
}

@-webkit-keyframes online {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
  }
}
@keyframes online {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0.4);
    box-shadow: 0 0 0 0 grba(#4dbd74, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
    box-shadow: 0 0 0 10px rgba(77, 189, 116, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
    box-shadow: 0 0 0 0 rgba(77, 189, 116, 0);
  }
}
.site-mode.offline, .dropdown-item .site-mode.offline {
  display: block;
  -o-box-shadow: 0 0 0 rgba(255, 193, 7, 0.4);
  box-shadow: 0 0 0 rgba(255, 193, 7, 0.4);
  animation: online 2s infinite;
}

@-webkit-keyframes online {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}
@keyframes online {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
    box-shadow: 0 0 0 0 grba(#ffc107, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
    box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes Greeting {
  from {
    font-size: 6px;
  }
  to {
    font-size: 18px;
  }
}
/* Standard syntax */
@keyframes Greeting {
  from {
    font-size: 6px;
  }
  to {
    font-size: 18px;
  }
}
.gradient-border {
  --borderWidth: 3px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#dotwaveAnim {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#dotwaveAnim .dotAnim {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 0px;
  background: #FFFFFF;
  animation: dotAnimwave 1.3s linear infinite;
}
#dotwaveAnim .dotAnim:nth-child(2) {
  animation-delay: -1.1s;
}
#dotwaveAnim .dotAnim:nth-child(3) {
  animation-delay: -0.9s;
}

@keyframes dotAnimwave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-10px);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes onCall {
  0% {
    background-color: #4CAF50;
  }
  50% {
    background-color: #8BC34A;
  }
  100% {
    background-color: #4CAF50;
  }
}
/* Standard syntax */
@keyframes onCall {
  0% {
    background-color: #4CAF50;
  }
  50% {
    background-color: #8BC34A;
  }
  100% {
    background-color: #4CAF50;
  }
}
@keyframes audioRecordPulse {
  0% {
    box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, 0.3);
  }
  65% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0.3);
  }
  90% {
    box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0);
  }
}
.waveAnim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00BCD4;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  animation: sonarWave 1s linear infinite;
  -webkit-animation: sonarWave 1s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes smallWave {
  from {
    opacity: 0.5;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes textblink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes typingwave {
  0%, 60%, 100% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
}
@keyframes newCalluser {
  0% {
    left: -285px;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0px;
  }
}
/*@keyframes raiseHandAnim {
  0% { opacity:0;}
  50% { opacity:0.5;}
  100% { opacity:1;}
}*/
@keyframes speaking-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 134, 191, 0), 0 0 0 0 rgba(84, 192, 231, 0);
  }
  15% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0.25em rgba(84, 192, 231, 0.75);
  }
  25% {
    box-shadow: 0 0 0 0.25em #0086bf, 0 0 0.125em 0.25em rgba(84, 192, 231, 0);
  }
  35% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
  50% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
  70% {
    box-shadow: 0 0 0 0 #0086bf, 0 0 0 0 rgba(84, 192, 231, 0);
  }
}
.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-36 {
  font-size: 36px !important;
}

.secondary_text {
  color: #666 !important;
  font-size: 12px !important;
}

.darkcyan_txt {
  color: darkcyan !important;
}

.bold {
  font-weight: 600 !important;
}

.bolder {
  font-weight: 800 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.bg-teal {
  background: #008080 !important;
}

.bg-crimson {
  background: #ed143d !important;
}

.bg-deepgreen {
  background: #009688 !important;
}

.bg-darkcyan {
  background: darkcyan !important;
}

.bg-lightgray {
  background: #f1f1f1 !important;
}

.bg-transperent {
  background-color: transparent !important;
}

.col-orange {
  color: #FF9800 !important;
}

.grad-sangulna {
  background: linear-gradient(129deg, #D4145A, #fbb038) !important;
}

.grad-lemondrizzle {
  background: linear-gradient(129deg, #FBB72B, #D9E021) !important;
}

.grad-lusclouslime {
  background: linear-gradient(129deg, #009245, #FCEE21) !important;
}

.grad-purplelake {
  background: linear-gradient(129deg, #662D8C, #ED1E79) !important;
}

.grad-red {
  background: linear-gradient(129deg, #f63c3a, #a97775) !important;
}

.grad-blue {
  background: linear-gradient(129deg, #2694b5, #63c2de) !important;
}

.grad-purple {
  background: linear-gradient(129deg, #6a7ad2, #9552a0) !important;
}

.grad-green {
  background: linear-gradient(129deg, #4dbd74, #2c7847) !important;
}

.blur-img {
  filter: blur(6px);
  -webkit-filter: blur(6px);
}

.no-action {
  pointer-events: none !important;
  cursor: default;
}

.grid-row-delete {
  cursor: pointer;
}
.grid-row-delete:hover {
  color: #20a8d8;
  cursor: pointer;
}

.customScroll-thum, .k-grid-content, .k-multicheck-wrap, .k-scheduler-content {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.customScroll-thum::-webkit-scrollbar, .k-grid-content::-webkit-scrollbar, .k-multicheck-wrap::-webkit-scrollbar, .k-scheduler-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.customScroll-thum::-webkit-scrollbar-track, .k-grid-content::-webkit-scrollbar-track, .k-multicheck-wrap::-webkit-scrollbar-track, .k-scheduler-content::-webkit-scrollbar-track {
  background: #f1f1f1;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.customScroll-thum::-webkit-scrollbar-thumb, .k-grid-content::-webkit-scrollbar-thumb, .k-multicheck-wrap::-webkit-scrollbar-thumb, .k-scheduler-content::-webkit-scrollbar-thumb {
  background: #888;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.customScroll-thum::-webkit-scrollbar-thumb:hover, .k-grid-content::-webkit-scrollbar-thumb:hover, .k-multicheck-wrap::-webkit-scrollbar-thumb:hover, .k-scheduler-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.progress-holder {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #307bbb;
  overflow: hidden;
}
.progress-holder.bgone {
  background: #307bbb !important;
}
.progress-holder.bgtwo {
  background: #4db53c !important;
}
.progress-holder.bgthree {
  background: #dd9d22 !important;
}
.progress-holder .semi-circle {
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.progress-holder .left-block {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #ccc;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.progress-holder .right-block {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  background: #ccc;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  transform-origin: left center;
}
.progress-holder .mask {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 10%;
  top: 10%;
  background: #fff;
  border-radius: 50%;
  text-align: center;
}
.progress-holder .mask span {
  color: #307bbb;
  font-size: 16px;
  font-family: Arial;
  position: absolute;
  width: 100%;
  text-align: center;
  top: calc(50% - 12px);
  left: 0px;
  font-weight: 600;
}
.progress-holder .mask span.colone {
  color: #307bbb !important;
}
.progress-holder .mask span.coltwo {
  color: #4db53c !important;
}
.progress-holder .mask span.colthree {
  color: #dd9d22 !important;
}

.cur-pointer {
  cursor: pointer !important;
}

/*= input focus effects css
=========================== */
.custom_typOneInput:focus {
  outline: none !important;
}

.col-3 {
  float: left;
  position: relative;
}

.effect-8 {
  border: 1px solid #ccc;
  padding: 7px 14px 9px;
  transition: 0.4s;
}

.effect-8 ~ .focus-border:before,
.effect-8 ~ .focus-border:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #3399FF;
  transition: 0.3s;
}

.effect-8 ~ .focus-border:after {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
}

.effect-8 ~ .focus-border i:before,
.effect-8 ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #3399FF;
  transition: 0.4s;
}

.effect-8 ~ .focus-border i:after {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}

.effect-8:focus ~ .focus-border:before,
.effect-8:focus ~ .focus-border:after {
  width: 100%;
  transition: 0.3s;
}

.effect-8:focus ~ .focus-border i:before,
.effect-8:focus ~ .focus-border i:after {
  height: 100%;
  transition: 0.4s;
}

/*= input focus effects css End
=============================== */
.Custom_row {
  margin: 0 !important;
  padding: 0 !important;
}

.mar-t-0 {
  margin-top: 0 !important;
}

.mar-t-1 {
  margin-top: 1px !important;
}

.mar-t-2 {
  margin-top: 2px !important;
}

.mar-t-5 {
  margin-top: 5px !important;
}

.mar-t-10 {
  margin-top: 10px !important;
}

.mar-t-15 {
  margin-top: 15px !important;
}

.mar-t-20 {
  margin-top: 20px !important;
}

.mar-t-30 {
  margin-top: 30px !important;
}

.mar-l-0 {
  margin-left: 0 !important;
}

.mar-l-4 {
  margin-left: 4px !important;
}

.mar-l-10 {
  margin-left: 10px !important;
}

.mar-b-0 {
  margin-bottom: 0px !important;
}

.mar-b-5 {
  margin-bottom: 5px !important;
}

.mar-b-8 {
  margin-bottom: 8px !important;
}

.mar-b-10 {
  margin-bottom: 10px !important;
}

.mar-b-20 {
  margin-bottom: 20px !important;
}

.mar-b-30 {
  margin-bottom: 30px !important;
}

.chat-mar-b-2 {
  margin: 0 0 2px 0 !important;
}

.mar-r-0 {
  margin-right: 0px !important;
}

.mar-r-5 {
  margin-right: 5px !important;
}

.mar-r-10 {
  margin-right: 10px !important;
}

.mar-0 {
  margin: 0 !important;
}

.mar-tb-10 {
  margin: 10px 0 !important;
}

.mar-lr-10 {
  margin: 0 10px !important;
}

.pad-0 {
  padding: 0 !important;
}

.pad-5 {
  padding: 5px !important;
}

.pad-10 {
  padding: 10px !important;
}

.pad-16 {
  padding: 16px !important;
}

.pad-30 {
  padding: 30px !important;
}

.pad-tb-30 {
  padding: 30px 0 !important;
}

.pad-lr-30 {
  padding: 0 30px !important;
}

.pad-t-0 {
  padding-top: 0px !important;
}

.pad-t-6 {
  padding-top: 6px !important;
}

.pad-t-13 {
  padding-top: 13px !important;
}

.pad-l-0 {
  padding-left: 0px !important;
}

.pad-l-10 {
  padding-left: 10px !important;
}

.pad-b-0 {
  margin-bottom: 0px !important;
}

.pad-r-0 {
  padding-right: 0 !important;
}

.pad-r-10 {
  padding-right: 10px !important;
}

.fl-unset {
  float: unset !important;
}

.wid-150 {
  width: 150px !important;
}

#People_ListView_pager {
  width: 100% !important;
}

.mw-90 {
  min-width: 80px;
}

.hei-100 {
  width: 100% !important;
}

.CMeetingPasscodeErr {
  color: #919191;
  font-size: 12px;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.strike-it {
  text-decoration: line-through !important;
}

.no-border {
  border: 0 !important;
}

.border-deepred {
  border: 1px solid #c30402 !important;
}

.border-deepblue {
  border: 1px solid #046f90 !important;
}

.border-deeppurple {
  border: 1px solid #111a94 !important;
}

.border-deepgreen {
  border: 1px solid #075422 !important;
}

.no-shadow {
  box-shadow: none !important;
}

.pos-relative {
  position: relative !important;
}

.pos-absolute {
  position: relative !important;
}

.hide {
  display: none !important;
}

.dis-blk {
  display: block !important;
}

.dis-inblk {
  display: inline-block !important;
}

.remove-caret:after {
  display: none;
}

.view_ListTable {
  height: 450px;
  display: inline-block;
  width: 100%;
  overflow: auto;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

.modal-overflow-scroll {
  /*overflow: auto !important;
  height: 70vh !important;*/
}

.vl_inviteAll {
  margin-left: 10px;
}
.vl_inviteAll .checkALL {
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
}

.pl_inviteAll {
  margin-left: 10px;
}
.pl_inviteAll .checkALL {
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
}

.graph-indication-sm {
  height: 10px;
  width: 10px;
  background: #ccc;
  display: inline-block;
}

.search-bar {
  width: calc(100% - 34px) !important;
  border-radius: 4px 0 0 4px !important;
}

.search-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #c5c5c5;
  background: #eaeaea;
  padding: 4px 10px !important;
  border-radius: 0 4px 4px 0;
}

.adm-img-icon {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 15px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #03A9F4 !important;
  text-align: center;
  overflow: hidden;
}
.adm-img-icon span {
  line-height: 40px;
  font-size: 20px;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
}
.adm-img-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}

.row-mar-0 {
  margin: 0 !important;
}

.multiselect {
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}
.multiselect .selectBox {
  position: relative;
}
.multiselect .selectBox select {
  width: 100%;
  font-weight: bold;
}
.multiselect .selectBox .overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.multiselect #checkboxes {
  display: none;
  border: 1px #dadada solid;
  position: absolute;
  background: #FFFFFF;
  z-index: 99;
  width: 100%;
}
.multiselect #checkboxes label {
  display: block;
  padding: 3px 10px;
  margin: 0;
}
.multiselect #checkboxes label:hover {
  background-color: #1e90ff;
  color: #FFFFFF;
}
.multiselect #checkboxes label input[type=checkbox] {
  margin-right: 5px;
}

.vendorMain {
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  overflow: hidden;
}

.vendor-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #c8ced3;
  font-weight: 500;
  font-size: 18px;
}
.vendor-header .right_content {
  float: right;
}
.vendor-header .right_content .rightHeaderopt {
  font-size: 11px;
  color: #4ba9f5;
  position: relative;
  cursor: pointer;
}
.vendor-header .right_content .rightHeaderopt:hover {
  text-decoration: underline;
}

.VPwidget_hover:hover {
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
}

input[type=password]:disabled, input[type=text]:disabled, textarea:disabled {
  color: #3c424f;
  -webkit-text-fill-color: #3c424f;
}

.backtoPrePage {
  font-size: 20px;
  width: 30px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  float: right;
  cursor: pointer;
}
.backtoPrePage i {
  line-height: 55px;
}

.button_group {
  margin: 10px 0;
}
.button_group .button_group_sec {
  text-align: center;
}
.button_group .button_group_sec #button_group_btns {
  border: none;
}
.button_group .button_group_sec #button_group_btns .k-button.k-state-active {
  background: #03a9f4;
  color: #FFFFFF;
}

.ChangeToList {
  display: inline;
  width: 33%;
  float: left;
}

.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10,
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10 {
  box-sizing: border-box !important;
}

/*----------------TABCONTENT------------------*/
.tab_contentCmn {
  position: relative;
}
.tab_contentCmn .prof_tab_ul {
  border-bottom-width: 2px;
}
.tab_contentCmn .prof_tab_ul .k-item {
  margin-bottom: -1px;
  background: #dedede;
  color: #03a9f4;
  margin: 0 1px;
  font-weight: 500;
}
.tab_contentCmn .prof_tab_ul .k-item.k-state-active::after {
  border-color: #03a9f4 !important;
}
.tab_contentCmn .prof_tab_ul .k-item::after {
  margin: 0 1px;
  z-index: 1;
  border-top-width: 3px;
  border-bottom-width: 0px;
}
.tab_contentCmn .prof_tab_ul .k-item .k-link {
  padding: 5px 20px;
  font-size: 13px;
  text-transform: capitalize;
}
.tab_contentCmn .tabData {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.tab_contentCmn .tabData .subtitle {
  width: 50% !important;
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #404040;
}
.tab_contentCmn .tabData .subtitle .text {
  font-weight: normal;
  font-size: 14px;
  color: #404040;
}

.vl-Prof-Btn { /*position:fixed; bottom:50px;*/
  display: block;
  width: 100%;
}
.vl-Prof-Btn .position-middle {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin-bottom: 16px;
}
.vl-Prof-Btn .position-middle .btn-clear {
  background: #FFFFFF !important;
  border: 1px solid #607D8B;
}
.vl-Prof-Btn .position-right {
  margin: 0;
  position: absolute;
  right: 10px;
  margin-bottom: 16px;
}
.vl-Prof-Btn .position-right .btn-clear {
  background: #FFFFFF !important;
  border: 1px solid #607D8B;
}
.vl-Prof-Btn .position-right .btn-clear:hover {
  background: #eee !important;
}

.btn-pad4 {
  padding: 4px 16px !important;
}

.btn-pad3 {
  padding: 3px 20px !important;
}

.k-treeview .k-in.k-state-selected {
  color: #3f51b5;
}

.add-me-fixed-btn {
  position: fixed;
  bottom: 90px;
  right: 30px;
}
.add-me-fixed-btn i {
  font-size: 36px;
  color: #4285f4;
  cursor: pointer;
  transition: 0.3s;
  display: inline-block;
}
.add-me-fixed-btn i:hover {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #3F51B5;
}

.popUp_note {
  color: #888;
  font-size: 12px;
}

.add-role-group {
  position: fixed;
  bottom: 36px;
  right: 36px;
  z-index: 99;
}
.add-role-group .add-icon-box {
  width: 40px;
  height: 40px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #20a8d8;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  cursor: pointer;
  float: right;
  clear: both;
}
.add-role-group .add-icon-box i {
  font-size: xx-large;
  color: #FFFFFF;
}
.add-role-group .add-icon-box:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.15s;
  background: #1985ac;
  cursor: pointer;
}
.add-role-group .add-icon-box-close {
  width: 40px;
  height: 40px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: rgba(248, 108, 107, 0.7);
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  cursor: pointer;
  float: right;
  clear: both;
}
.add-role-group .add-icon-box-close i {
  font-size: 25px;
  color: #FFFFFF;
  line-height: 36px;
}
.add-role-group .add-icon-box-close:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.15s;
  background: #f63c3a;
  cursor: pointer;
}
.add-role-group .create-new-role-btn {
  width: max-content;
  height: auto;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -webkit-border-radius: 14px;
  -os-border-radius: 14px;
  border-radius: 14px;
  background: rgba(32, 168, 216, 0.7);
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  cursor: pointer;
  color: #FFFFFF;
  padding: 3px 10px;
  font-size: 12px;
  float: right;
  clear: both;
  display: none;
}
.add-role-group .create-new-role-btn i {
  padding-left: 10px;
  color: #FFFFFF;
}
.add-role-group .create-new-role-btn:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: 0.15s;
  background: #1985ac;
  cursor: pointer;
}

.plus-icon {
  font-family: "simple-line-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.plus-icon:before {
  content: "+";
}

.delet-icon {
  font-family: "simple-line-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.delet-icon:before {
  content: "X";
}

.add_roleUser {
  position: relative;
  cursor: pointer;
}
.add_roleUser:hover {
  cursor: pointer;
  font-weight: 600 !important;
}

.demo-links {
  position: fixed;
  right: 10px;
  bottom: 0px;
  width: 73px;
  height: 32px;
  padding: 5px 10px;
  z-index: 2;
  border-radius: 32px 32px 0 0;
  -moz-border-radius: 32px 32px 0 0;
  -webkit-border-radius: 32px 32px 0 0;
  background: var(--blue);
  background: #15d3da;
  cursor: pointer;
  color: #FFFFFF;
  box-shadow: -1px 0 6px rgba(0, 0, 0, 0.2);
  opacity: 1;
  text-align: center;
}
.demo-links .vendor-demo {
  right: 100px !important;
}

.cmn-label {
  color: #3c4b64;
  font-weight: 600;
  font-size: 14px;
}

.reqfolder-inactive {
  color: #b6e4f4 !important;
}

.reqfolder-active {
  color: #ffc107 !important;
  font-weight: bold;
}

.redirectVendAct {
  cursor: pointer !important;
}
.redirectVendAct:hover {
  color: #21a8d8 !important;
}

.wid-100 {
  width: 100% !important;
}

.wid-33 {
  width: 33.33% !important;
}

.wid_120 {
  width: 120px !important;
}

.wid_160 {
  width: 160px !important;
}

.wid-auto {
  width: auto !important;
}

.height-50 {
  height: 50px !important;
}

.col-list {
  margin-top: 0px !important;
  background: #e6eff7;
  padding: 3px 15px;
}
.col-list:nth-child(2n) {
  background: #cdddea;
}

.act-status-list {
  top: 2px !important;
  right: 30px !important;
}

.act-resend-list {
  bottom: 5px !important;
  right: 0px !important;
}

.confirmation-popup {
  width: 300px;
  margin: 15px auto;
}
.confirmation-popup .modal-content .modal-body {
  padding: 15px;
  float: left;
}

/*#SettingHoliday, #comSetHoliday{
        height: 199px;
    overflow: auto;
}*/
.site-mode {
  position: absolute;
  right: 10px;
  margin-top: -14px;
  width: 10px;
  height: 10px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}
.theme-light .site-mode.online {
  background-color: #4dbd74;
}
.theme-light .site-mode.offline {
  background-color: #ffc107;
}
.site-mode.videoChatSignal {
  right: 25px;
  bottom: 15px;
}

.msgSend_time {
  color: #333;
  font-weight: 500;
  font-size: 11px;
  text-transform: lowercase;
  margin-top: 24px;
}

.onMSGMoreBTN {
  padding: 5px 2px 2px 10px;
}
.onMSGMoreBTN:hover {
  cursor: pointer;
}
.onMSGMoreBTN:hover .onMSGOPTs {
  display: inline-block;
}

.onMSGOPTs {
  display: none;
  position: absolute;
  right: 0px;
  top: 20px;
  z-index: 9;
  border: 1px solid #ccc;
  width: 95px;
}
.onMSGOPTs.myMSGOTP {
  width: 95px;
}
.onMSGOPTs span {
  display: block;
  padding: 5px 0 5px 10px;
  font-size: 12px;
  background: #f9f9f9;
}
.onMSGOPTs span:hover {
  background: #ddd;
}

/*Chat Setting Preview*/
.preview_theme {
  height: auto;
  width: 400px;
  display: inline-block;
  margin-left: 45px;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #888;
  border-radius: 10px;
}
.preview_theme .dummy_messages {
  margin: 4px 0;
}
.preview_theme .dummy_messages .dummy_left_msg {
  padding: 6px 10px;
  border-radius: 6px 0 6px 0;
  position: relative;
  background: #f1f1f1;
  color: #000000;
  font-size: 14px;
  max-width: max-content;
}
.preview_theme .dummy_messages.dummy_messages_right {
  width: 100%;
  margin: 0 0 5px;
  padding-right: 10px;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  position: relative;
}
.preview_theme .dummy_messages.dummy_messages_right .dummy_right_msg {
  padding: 6px 10px;
  border-radius: 6px 0 6px 0;
  position: relative;
  background: #dbf4fd;
  color: #000000;
  font-size: 14px;
  max-width: max-content;
}

.chat_themeICON {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #dbf4fd;
  display: inline-block;
  cursor: pointer;
  float: left;
  margin-right: 10px;
  position: relative;
}

.chat_theme1 {
  background-image: linear-gradient(to right, #dbf4fd, #dbf4fd);
  color: #000;
}

.chat_theme2 {
  background-image: linear-gradient(to right, #0086da, #00aeec) !important;
  color: #FFFFFF !important;
}

.chat_theme3 {
  background-image: linear-gradient(to right, #c248b9, #c171ca) !important;
  color: #FFFFFF !important;
}

.chat_theme4 {
  background-image: linear-gradient(to right, #564ca9, #766ccf) !important;
  color: #FFFFFF !important;
}

.chat_theme5 {
  background-image: linear-gradient(to right, #f68341, #ffad4d) !important;
  color: #FFFFFF !important;
}

.message-box-holder.chat_theme1 .user_msg {
  background-image: linear-gradient(to right, #dbf4fd, #dbf4fd) !important;
  color: #000 !important;
}
.message-box-holder.chat_theme2 .user_msg {
  background-image: linear-gradient(to right, #0086da, #00aeec) !important;
  color: #FFFFFF !important;
}
.message-box-holder.chat_theme3 .user_msg {
  background-image: linear-gradient(to right, #c248b9, #c171ca) !important;
  color: #FFFFFF !important;
}
.message-box-holder.chat_theme4 .user_msg {
  background-image: linear-gradient(to right, #564ca9, #766ccf) !important;
  color: #FFFFFF !important;
}
.message-box-holder.chat_theme5 .user_msg {
  background-image: linear-gradient(to right, #f68341, #ffad4d) !important;
  color: #FFFFFF !important;
}

/*.typingwave{position: relative;text-align: center;
            .typingdot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:0px;background:#fff;animation: typingwave 1.3s linear infinite;
                        &:nth-child(2) {animation-delay: -1.1s;}
                        &:nth-child(3) {animation-delay: -0.9s;}
            }
}*/
.chat-preview-height {
  height: calc(100vh - 265px) !important;
  height: calc(var(--vh, 1vh) * 100 - 265px) !important;
}

.CallEndNotification {
  top: 100px !important;
}

.no_bgimg {
  background-image: none !important;
}

.no_bg {
  background: none !important;
}

.bg_transperant {
  background: transparent !important;
}

.selectTheme_tick {
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  border-radius: 50%;
  background: #dbf4fd;
  color: #000;
  position: absolute;
  bottom: -5px;
  right: -5px;
  border: 2px solid #fff;
  box-sizing: content-box;
}

.multi-checkbox .k-dropdowntree .k-multiselect-wrap {
  display: block;
  width: 100%;
  min-height: 35px;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0 !important;
  color: #5c6873;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #e4e7ea;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.multi-checkbox .k-dropdowntree .k-multiselect-wrap ul {
  border: none !important;
}
.multi-checkbox ul {
  margin: 0;
}
.multi-checkbox ul li {
  padding-right: 24px !important;
}
.multi-checkbox ul li .k-select {
  margin: 0 !important;
}

.heading-blue {
  padding: 8px 15px;
  background: #708090;
  display: inline-block;
  border-left: 5px solid #FF9800;
  color: #FFFFFF;
  border-radius: 2px 12px;
  font-size: 16px;
}

.clr_search {
  position: absolute;
  right: 45px;
  line-height: 2.5;
  color: #999;
}

.closeDvideo {
  width: 48px;
  height: 48px;
  opacity: 0.6;
  bottom: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  background: #000;
  border-radius: 50%;
}
.closeDvideo:hover {
  opacity: 0.85;
}
.closeDvideo:before {
  position: absolute;
  left: 24px;
  top: 12px;
  content: " ";
  height: 24px;
  width: 2px;
  background-color: #eee;
  transform: rotate(45deg);
}
.closeDvideo:after {
  position: absolute;
  left: 24px;
  top: 12px;
  content: " ";
  height: 24px;
  width: 2px;
  background-color: #eee;
  transform: rotate(-45deg);
}

.End_Video_opt {
  position: absolute;
  top: -35px;
  left: 20px !important;
  color: #FFFFFF;
  border-radius: 5px;
  /*&.demo-endvisit{top:-75px !important;}*/
}
.End_Video_opt.demo-endvisit {
  top: -65px !important;
  transform: unset !important;
  left: 20px !important;
  width: 138px !important;
}
.End_Video_opt ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.End_Video_opt ul li {
  padding: 5px 15px;
  background: #ff7f50 !important;
  min-width: 138px !important;
  width: max-content !important;
  border-radius: 5px;
  margin-bottom: 2px;
  cursor: pointer;
}
.End_Video_opt ul li:hover {
  background: #f44336 !important;
  border-radius: 5px;
}

.End_Audio_opt {
  position: absolute;
  top: -78px;
  left: 32px;
  color: #FFFFFF;
  border-radius: 5px;
  display: none;
}
.End_Audio_opt ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.End_Audio_opt ul li {
  padding: 5px 15px;
  background: #ff7f50 !important;
  width: 120px;
  border-radius: 5px;
  margin-bottom: 2px;
  cursor: pointer;
}
.End_Audio_opt ul li:hover {
  background: #f44336 !important;
}

.OnVideoCall_indication {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  overflow: hidden;
  padding: 2rem;
}
.OnVideoCall_indication .video_indication {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.OnVideoCall_indication .video_indication img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.OnVideoCall_indication .video_indication video {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.OnVideoCall_indication .waveAnim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00BCD4;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  animation: sonarWave 1s linear infinite;
  -webkit-animation: sonarWave 1s linear infinite;
}

.OnAudioCall_indication {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  overflow: hidden;
  padding: 2rem;
}
.OnAudioCall_indication .audio_indication {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.OnAudioCall_indication .audio_indication img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.OnAudioCall_indication .audio_indication video {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.OnAudioCall_indication .waveAnim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00BCD4;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  animation: sonarWave 1s linear infinite;
  -webkit-animation: sonarWave 1s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes sonarWave {
  from {
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes blinkIndication {
  from {
    background-color: #8BC34A;
  }
  to {
    background-color: #009688;
  }
}
/* Standard syntax */
@keyframes blinkIndication {
  from {
    background-color: #8BC34A;
  }
  to {
    background-color: #009688;
  }
}
/*Wave Animation*/
@keyframes circleWAVE {
  from {
    opacity: 0.4;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}
#barsAnim {
  height: 25px;
  width: 40px;
  position: relative;
}

.barAnim {
  background: #607D8B;
  bottom: 1px;
  height: 3px;
  position: absolute;
  width: 3px;
  animation: sound 0ms -800ms linear infinite alternate;
}
.barAnim:nth-child(1) {
  left: 1px;
  animation-duration: 474ms;
}
.barAnim:nth-child(2) {
  left: 5px;
  animation-duration: 433ms;
}
.barAnim:nth-child(3) {
  left: 9px;
  animation-duration: 407ms;
}
.barAnim:nth-child(4) {
  left: 13px;
  animation-duration: 458ms;
}
.barAnim:nth-child(5) {
  left: 17px;
  animation-duration: 400ms;
}
.barAnim:nth-child(6) {
  left: 21px;
  animation-duration: 427ms;
}
.barAnim:nth-child(7) {
  left: 25px;
  animation-duration: 441ms;
}
.barAnim:nth-child(8) {
  left: 29px;
  animation-duration: 419ms;
}
.barAnim:nth-child(9) {
  left: 33px;
  animation-duration: 487ms;
}

@keyframes sound {
  0% {
    opacity: 0.35;
    height: 3px;
  }
  100% {
    opacity: 1;
    height: 20px;
  }
}
.vc_checkbox {
  width: 16px;
  height: 16px;
}

.swt_btn {
  display: inline-block;
  background: #778899;
  border-radius: 20px;
  height: 28px;
  line-height: 28px;
  width: 60px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #FFFFFF;
  position: relative;
  cursor: pointer;
}
.swt_btn .toggle_btn {
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  display: inline-block;
  border-radius: 50%;
  margin: 2px;
  position: absolute;
  left: 0px;
  transition: 0.3s;
}
.swt_btn .toggle_btnOFF {
  left: 32px;
}
.swt_btn .swt_ON {
  position: absolute;
  left: 10px;
}
.swt_btn .swt_OFF {
  position: absolute;
  right: 10px;
}
.swt_btn .opaZero {
  opacity: 0;
}
.swt_btn.bg-NotiOn {
  background: #4CAF50;
}

.reminder_popUP {
  max-width: 500px !important;
}
.reminder_popUP .reminder_header {
  padding: 5px;
  color: #5f5f5f !important;
  background-color: #ddd !important;
  position: relative;
  border-bottom: 1px solid #eee !important;
}
.reminder_popUP .reminder_header .reminderHeadicon {
  color: #e9967a;
}
.reminder_popUP .reminder_header h5 {
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.reminder_popUP .reminder_header button {
  color: #5f5f5f !important;
}
.reminder_popUP .reminder_body {
  height: 330px;
  overflow: auto;
  padding: 0;
  background: #fbfbfb;
}
.reminder_popUP .reminder_body .All_reminderList {
  margin: 0 22px;
  border: 1px solid #eee;
  border-radius: 0 0 5px 5px;
  height: 240px;
  background: #FFFFFF;
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.reminder_popUP .reminder_body .All_reminderList::-webkit-scrollbar {
  width: 5px;
}
.reminder_popUP .reminder_body .All_reminderList::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.reminder_popUP .reminder_body .All_reminderList::-webkit-scrollbar-thumb {
  background: #888;
}
.reminder_popUP .reminder_body .All_reminderList::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul .reminder_li {
  padding: 5px;
  font-size: 12px;
  background: #e6e6e6;
  cursor: pointer;
  text-align: center;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul .reminder_li:nth-child(even) {
  background: #f5f5f5;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul .reminder_li:hover {
  background: #8c8c8c;
  color: #FFFFFF;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul .reminder_li.k-state-selected {
  background: #8c8c8c !important;
  color: #FFFFFF !important;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul .reminder_li .cal-icon {
  width: 20px;
  float: left;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul .reminder_li .reminder_title {
  width: calc(100% - 110px);
  float: left;
  text-align: left;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul .reminder_li .reminding_time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 88px;
  display: inline-block;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul .reminder_li span button {
  min-width: fit-content;
  padding: 2px 16px;
  border-radius: 20px;
  font-size: 12px;
  background: #4CAF50;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul.my-activity {
  position: relative;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul.my-activity .reminder_li {
  width: 100%;
  float: left;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul.my-activity .reminder_li .type {
  float: left;
  position: relative;
  width: 110px;
  text-align: left;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul.my-activity .reminder_li .subject {
  width: calc(100% - 210px);
  text-align: left;
  float: left;
}
.reminder_popUP .reminder_body .All_reminderList .reminder_ul.my-activity .reminder_li .time {
  float: left;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.reminder_popUP .reminder_body .selected_reminder {
  height: 48px;
  margin: 10px 22px 0 22px;
  border-radius: 5px 5px 0 0;
  color: #4e4e4e;
}
.reminder_popUP .reminder_body .selected_reminder .cal-icon {
  font-size: 24px;
  width: 32px;
  float: left;
}
.reminder_popUP .reminder_body .selected_reminder .reminder_details {
  width: calc(100% - 35px);
  float: left;
  line-height: 1.3;
  position: relative;
  top: 2px;
}
.reminder_popUP .reminder_body .selected_reminder .reminder_details .reminder_title {
  font-size: 17px;
}
.reminder_popUP .reminder_body .selected_reminder .reminder_details .reminding_time {
  font-size: 11px;
}
.reminder_popUP .reminder_body .dismisOne {
  float: right;
  margin-right: 22px;
  padding: 1px 12px;
  border: 1px solid #ccc;
  margin-top: 2px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.theme-light .reminder_popUP .reminder_body .dismisOne {
  background-color: #1d9ac6;
  color: #ffffff;
  border-color: #1d9ac6;
}
.reminder_popUP .reminder_body .dismisOne:hover {
  border: 1px solid #006694;
}
.theme-light .reminder_popUP .reminder_body .dismisOne:hover {
  background-color: #17789a;
  border-color: #17789a;
}
.reminder_popUP .reminder_footer {
  display: block;
  padding: 0px 16px 10px 16px;
  background: #eee;
  border: none;
}
.reminder_popUP .reminder_footer .Remindersnooz {
  width: calc(100% - 110px);
  float: left;
  margin: 0;
}
.reminder_popUP .reminder_footer .Remindersnooz .reminder_time {
  width: calc(100% - 110px);
  max-width: max-content;
  float: left;
  margin-right: 5px;
  margin-bottom: 0;
}
.reminder_popUP .reminder_footer .Remindersnooz .reminder_time label {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 2px;
}
.reminder_popUP .reminder_footer .Remindersnooz .reminder_time .reminder_timeOtp {
  height: 30px;
  padding: 0 10px;
}
.reminder_popUP .reminder_footer .Remindersnooz .reminder_snoozBTN {
  position: relative;
  top: 23px;
}
.reminder_popUP .reminder_footer .Remindersnooz .reminder_snoozBTN.reminder_btn {
  border: 1px solid #9E9E9E;
  padding: 2px 12px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.theme-light .reminder_popUP .reminder_footer .Remindersnooz .reminder_snoozBTN.reminder_btn {
  background-color: #1d9ac6;
  color: #ffffff;
  border-color: #1d9ac6;
}
.reminder_popUP .reminder_footer .Remindersnooz .reminder_snoozBTN.reminder_btn:hover {
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.theme-light .reminder_popUP .reminder_footer .Remindersnooz .reminder_snoozBTN.reminder_btn:hover {
  background-color: #17789a;
  border-color: #17789a;
}
.reminder_popUP .reminder_footer .reminder_dismiss {
  width: auto;
  float: left;
  margin: 0;
}
.reminder_popUP .reminder_footer .reminder_dismiss button {
  position: relative;
  top: 23px;
  float: right;
}
.reminder_popUP .reminder_footer .reminder_dismiss button.reminder_btn {
  border: 1px solid #9E9E9E;
  padding: 2px 12px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.theme-light .reminder_popUP .reminder_footer .reminder_dismiss button.reminder_btn {
  background-color: #FFFFFF;
  border-color: #20a8d8;
  color: #20a8d8;
}
.reminder_popUP .reminder_footer .reminder_dismiss button.reminder_btn:hover {
  border: 1px solid #006694;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -os-border-radius: 0px;
  border-radius: 0px;
}
.theme-light .reminder_popUP .reminder_footer .reminder_dismiss button.reminder_btn:hover {
  background-color: #e9f7fe;
  border-color: #20a8d8;
  color: #17789a;
}
/*.VideocallpopupMain {z-index:99999;
    .modal-dialog {
        .modal-content{height: calc(100vh - 60px);height:calc((var(--vh, 1vh) * 100) - 60px);width:96%; margin:0 2%;
                       .modal-header{position: absolute;top: 0;z-index: 9;text-align: right;width: 100%;background: transparent;border: none;
                                     .minChatVidCallPop{background: transparent;border: none;color: $cmn-white;position: absolute; right: 5px; margin: -1rem auto;padding:0; top: -15px;}
                       }
                       .modal-body{padding:0;
                                   .video-chat-main{
                                       .show-videos{
                                           .chat_Videoes{margin: 0;
                                                       .video_Col{width:90px;}
                                                       }
                                       }
                                   }
                                   .Chatpopup_opt{color:$cmn-white;position: absolute;top: 4px;right: 24px;z-index: 9;
                                                  i{cursor:pointer;
                                                        &.minChatpop{position: relative;top: -3px;margin-right: 16px;}
                                                  }
                                   }
                       }
        }
    }
}*/
.driverCheck {
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.7);
}

.border-red {
  border: 1px solid red;
}

.VideocallpopupMain {
  z-index: 99999;
  padding: 0 !important;
  padding-left: 0 !important;
  overflow: hidden !important;
}
.VideocallpopupMain .modal-dialog {
  max-width: 100%;
  margin: 0;
}
.VideocallpopupMain .modal-dialog .modal-content {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  margin: 0;
  border: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-header {
  position: absolute;
  top: 0;
  z-index: 999999;
  text-align: right;
  width: 100%;
  background: transparent;
  border: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-header .minChatVidCallPop {
  background: transparent;
  border: none;
  color: #fff;
  position: absolute;
  right: 5px;
  padding: 15px 30px;
  top: -15px;
  opacity: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-header.demo-header .minChatVidCallPop {
  top: 0px;
  right: -14px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-header.demo-header .demo-start-call {
  margin-top: 20px;
  margin-right: 20px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  position: relative;
  display: block;
  bottom: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .call-record ingMsg {
  position: absolute;
  padding: 10px ​0px 0px 32px;
  top: 0; /*width: 100%;*/ /*background: aliceblue;*/
  color: #fff;
  display: inline-block;
  z-index: 9;
  float: left;
  width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .call-record ingMsg .recording-wave {
  position: relative;
  padding: 0 5px;
  float: left;
  margin-right: 6px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .call-record ingMsg .recording-wave i {
  color: #F44336;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .call-record ingMsg .recording-wave .waveAnim {
  background-color: #F44336;
  animation: smallWave 1s linear infinite;
  -webkit-animation: smallWave 1s linear infinite;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .call-record ingMsg .recording-duration {
  float: left;
  text-shadow: 1px 1px 8px #000000, 1px 1px 8px #000000;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .call-record ingMsg p {
  margin: 0;
  font-size: 14px;
  font-weight: 600; /*text-align:center;*/
  margin-left: 10px;
  display: inline-block;
  text-shadow: 1px 1px 8px #000000, 1px 1px 8px #000000;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .call-record ingMsg .close-recording {
  float: left;
  position: absolute;
  right: 10px;
  z-index: 9;
  top: 10px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow {
  width: 100%;
  float: left;
  transition: 0.5s;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos {
  position: relative;
  /*Mute message start*/
  /*Top nav band start*/
  /*&:hover{
      .top-navband{top:0px;transition:0.3s;}
  }*/
  /*Top nav band End*/
  /*.highlight_vidCall{ width: calc(100% - 140px);}*/
  /*Added in features from healthhubz*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .user-joined {
  position: absolute;
  left: 0;
  bottom: 75px;
  padding: 10px 20px;
  background: #f1f1f1;
  border-radius: 5px;
  margin-left: 20px;
  animation-name: newCalluser;
  -webkit-animation-name: newCalluser;
  z-index: 999;
  -webkit-animation-duration: 1ms !important;
  animation-duration: 1s !important;
  -webkit-transition-duration: 1ms !important;
  transition-duration: 1s !important;
  -webkit-animation-iteration-count: 1 !important;
  animation-iteration-count: 1 !important;
  animation-delay: 1s;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .user-joined::after {
  content: "";
  position: absolute;
  border: 16px solid transparent;
  border-top: 16px solid #f1f1f1;
  border-right: none;
  bottom: -28px;
  right: 0px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .user-joined img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  top: -21px; /*left:-12px;*/
  box-shadow: 0px 0px 4px 1px #f1f1f1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .open-sidevideos {
  position: absolute;
  bottom: 80px;
  right: -30px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  z-index: 9999999;
  transition: 0.3s;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .close-sidevideos {
  position: absolute;
  bottom: 80px;
  right: -30px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  z-index: 9999999;
  transition: 0.3s;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mute-msg-call {
  position: absolute;
  bottom: 100px;
  left: 5px;
  background: #ccc;
  padding: 10px;
  border-radius: 5px;
  min-width: 250px;
  display: inline-block;
  border: 1px solid #484848;
  z-index: 999;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mute-msg-call .close-icon {
  color: #3c3c3c;
  margin-bottom: 7px;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mute-msg-call .mute-message {
  width: calc(100% - 20px);
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
  z-index: 99999;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options {
  min-width: 75px;
  height: 44px;
  text-align: center;
  display: inline-block;
  background: white;
  padding: 0px 15px;
  float: left;
  border-right: 1px solid #eee;
  color: #585858;
  line-height: 44px;
  position: relative;
  display: list-item;
  list-style-type: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options:first-child {
  border-radius: 0 0 0 6px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options:last-child {
  border-radius: 0 0 6px 0;
  padding: 0;
  position: relative;
  width: 76px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options .user-me {
  position: absolute;
  left: 2px;
  bottom: -10px;
  z-index: 999;
  font-size: 11px;
  font-weight: 600;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options .my-profile-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options .user-Chatname {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  position: absolute;
  right: 32px;
  top: 2px;
  background: dodgerblue;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options .minimize-icon {
  width: 26px;
  height: 26px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options .grp-icon {
  line-height: 36px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options .my-mic {
  font-size: 6px;
  position: absolute;
  right: 2px;
  bottom: -12px;
  color: #11bae0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options .my-mic-off {
  position: absolute;
  right: 2px;
  bottom: 1px;
  font-size: 10px;
  background: #ec0000;
  color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options .my-mic-off i {
  line-height: 20px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options .vcChatNotify {
  width: 8px;
  height: 8px;
  background: #2ae631;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 24px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options.myVideoNavTab {
  width: 100px;
  padding: 0;
  color: #ccc;
  background: #000;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options.myVideoNavTab .myVideoView {
  width: 100px;
  height: 100%;
  object-fit: cover;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options.myVideoNavTab .videoTurnedoff {
  position: absolute;
  background: #404040;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #394f58, #141617);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options.myVideoNavTab .videoTurnedoff .user-Chatname {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  position: absolute;
  right: 32px;
  top: 5px;
  background: dodgerblue;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options.myVideoNavTab .top-resume-indication {
  width: 30px;
  height: 30px;
  background: rgba(3, 169, 244, 0.7);
  border-radius: 50%;
  z-index: 999;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options.myVideoNavTab .top-resume-indication .top_playPause {
  font-size: 12px;
  line-height: 30px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options.myVideoNavTab .rising-indication {
  position: absolute;
  bottom: 9px;
  left: 37px;
  width: 26px;
  height: 26px;
  border: 2px solid #2196F3;
  border-radius: 50%;
  padding: 2px;
  background: #fff;
  cursor: pointer;
  z-index: 99999;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .resume-indication {
  width: 100px;
  height: 100px;
  background: rgba(3, 169, 244, 0.7);
  border-radius: 50%;
  z-index: 999;
  line-height: 115px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .resume-indication .playPause {
  color: #fff;
  font-size: 36px;
  line-height: 100px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .call-recordingMsg {
  position: absolute;
  padding: 2px 10px;
  top: 0;
  width: calc(100% - 302px);
  background: aliceblue;
  display: inline-block;
  z-index: 9;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .call-recordingMsg .recording-wave {
  position: relative;
  padding: 0 5px;
  float: left;
  margin-right: 6px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .call-recordingMsg .recording-wave i {
  color: #F44336;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .call-recordingMsg .recording-wave .waveAnim {
  background-color: #F44336;
  animation: smallWave 1s linear infinite;
  -webkit-animation: smallWave 1s linear infinite;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .call-recordingMsg .recording-duration {
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .call-recordingMsg p {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .call-recordingMsg .close-recording {
  float: left;
  position: absolute;
  right: 10px;
  z-index: 9;
  top: 0;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes {
  margin: 0;
  /*.video_Col{width:90px;}*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.thisVideoShareScreen .video_Col { /*width: 100% !important;*/ }
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.thisVideoShareScreen .video_Col.three_this_video {
  width: 100% !important;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.thisVideoShareScreen .video_Col.four_this_video {
  width: 100% !important;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video {
  width: calc(100% - 169px);
  transition: 0.3s;
  height: 100vh;
  display: inline-block;
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video span {
  height: 100vh;
  display: block;
  width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video span .main-video {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100); /*object-fit:cover;*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video img.main-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff {
  position: absolute;
  background: #404040;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #394f58, #141617);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff .user-letter {
  color: #fff;
  background: #9E9E9E;
  width: 120px;
  height: 120px;
  display: inline-block;
  text-align: center;
  line-height: 120px;
  font-size: 48px;
  font-weight: bold;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff .user-letter.circlebg1 {
  background: #607D8B;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff .user-letter.circlebg2 {
  background: #734db5;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff .user-letter.circlebg3 {
  background: #278bbb;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff .user-letter.circlebg4 {
  background: #0aa5b9;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff .user-letter.circlebg5 {
  background: #a131a9;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff .user-letter.circlebg6 {
  background: #da5406;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff .user-letter.circlebg7 {
  background: #a98431;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .videoTurnedoff .user-letter.circlebg8 {
  background: #4aab4d;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video .shareScreenWindow video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options {
  width: 42px;
  height: 42px;
  position: static;
  right: 25px;
  bottom: -45px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s;
  text-align: center;
  line-height: 42px;
  display: inline-block;
  list-style-type: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options .message-options-main .message-options .dropdown .dropdown-toggle {
  width: 42px;
  height: 42px;
  display: block;
  border-radius: 50%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options .text_chatOpt, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options .tileviewOpt, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options .normalviewOpt {
  display: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options:hover {
  border-radius: 50%;
  background: rgba(158, 158, 158, 0.5);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options .fa-ellipsis-h {
  line-height: 44px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover {
  /*.video_call_btns{bottom:0px;}*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .share-screen, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .raise-hand, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .chat-participants, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .toggleView, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .toggleView3, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .toggleView4, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .showChatWindowicon, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .addUsericon, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .tiled-view, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .normal-view {
  bottom: 28px;
  z-index: 99999;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .VCmore_options {
  bottom: 25px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .close-sidevideos, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos:hover .open-sidevideos {
  right: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain { /*width:500px;float:left;position:relative;left:500px;transition:0.5s;height:100vh;height:calc(var(--vh, 1vh) * 100);*/
  width: 400px;
  float: left;
  position: absolute; /*display:none;*/
  right: -500px;
  transition: 0.5s;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: #fff;
  z-index: 999999;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .close_sideChat {
  position: absolute;
  width: 36px;
  height: 42px;
  background: #FF9800;
  top: 10px;
  line-height: 40px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  border-radius: 0 15px 15px 0;
  z-index: 99;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .close_sideChat .fa {
  line-height: 40px !important;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .chat_userTab {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .chat_userTab .tab-main {
  width: 100%;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .chat_userTab .tab-main .tab-opt {
  width: 50%;
  float: left;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  cursor: pointer;
  /*&:active{background: #03A9F4;color: #fff;}*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .chat_userTab .tab-main .tab-opt .tab-icons {
  font-size: 22px;
  margin-right: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .chat_userTab .tab-main .tab-opt:hover {
  background: #ddd;
  color: #000;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .chat_userTab .tab-main .tab-opt.active {
  background: #03A9F4;
  color: #fff;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .chat_userTab .close-chatPeople {
  position: absolute;
  background: #ff6347;
  padding: 0px 10px;
  border-radius: 0 5px 5px 0;
  top: 45px;
  color: #fff;
  z-index: 9;
  display: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .chat_userTab .close-chatPeople .tab-icons i {
  font-size: 28px;
  position: relative;
  top: 4px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList {
  position: relative;
  margin-top: 45px;
  height: calc(100vh - 45px);
  height: calc(var(--vh, 1vh) * 100 - 45px);
  overflow: auto;
  width: 100%;
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li {
  height: 60px;
  line-height: 60px;
  padding: 0;
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li.offline-user {
  opacity: 0.5;
  font-style: italic;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li.offline-user .user-image .participant-status {
  background: #777 !important;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li.offline-user .more-opt .mute-participants .mute-user {
  color: #bbb;
  cursor: context-menu;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li.offline-user .more-opt .disconnect-participants .disconnect-icon {
  color: #bbb;
  cursor: context-menu;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .people-imageMain {
  padding: 10px 30px;
  display: inline-block;
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .people-imageMain .user-image {
  width: 38px;
  height: 38px;
  display: inline-block;
  float: left;
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .people-imageMain .user-image img {
  width: 100%;
  border-radius: 50%;
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .people-imageMain .user-image .participant-status {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: #8BC34A;
  position: absolute;
  right: 0;
  bottom: 0px;
  border-radius: 50%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .people-imageMain .user-image .captitalize-name {
  width: 38px;
  height: 38px;
  font-size: 18px;
  font-weight: 600;
  background: #03A9F4;
  line-height: 38px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .people-imageMain .user-image .screenshared_user {
  position: absolute;
  bottom: -6px;
  right: -10px;
  background: #009688;
  border-radius: 50%;
  color: #fff;
  height: 24px;
  width: 24px;
  line-height: 30px;
  text-align: center;
  box-shadow: 0px 0px 4px 0px #003a34;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .people-imageMain .user-image .screenshared_user i {
  font-size: 14px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .participant-name {
  font-size: 14px;
  width: calc(100% - 170px);
  display: inline-block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .more-opt {
  display: list-item;
  list-style-type: none;
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .more-opt .mute-participants {
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .more-opt .mute-participants .mute-user {
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 50%;
  line-height: 30px;
  font-size: 22px;
  cursor: pointer;
  color: #777;
  /*&.disabled-icon{color:#bbb;cursor: context-menu;}*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .more-opt .disconnect-participants {
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .more-opt .disconnect-participants .disconnect-icon {
  height: 34px;
  width: 34px;
  text-align: center;
  border-radius: 50%;
  line-height: 34px;
  font-size: 18px;
  cursor: pointer;
  color: #444;
  transform: rotate(135deg);
  /*&.disabled-icon{color:#bbb;cursor: context-menu;}*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .ParticitantsList .Plist-ul .Plist-li .more-opt .disconnect-participants .disconnect-icon:hover {
  background: #ddd;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain {
  font-family: Tahoma;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* --------------New Message Indication-------------- */
  /*---------------------------------------------New Design Chat Start--------------------------------------------------*/
  /*---------------------------------------------New Design Chat End--------------------------------------------------*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages::-webkit-scrollbar {
  width: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages::-webkit-scrollbar-thumb {
  background: #888;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .newMsgindication {
  position: absolute;
  background: #03A9F4;
  color: #fff;
  padding: 4px 15px;
  border-radius: 20px;
  font-size: 12px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 1px 1px 10px 1px #ccc;
  z-index: 9999;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .downFornewMsg {
  position: absolute;
  right: 30px;
  bottom: 72px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #03A9F4;
  z-index: 9999;
  border-radius: 50%;
  font-size: 26px;
  box-shadow: 0px 0px 6px 1px #9E9E9E;
  color: #fff;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder {
  width: 100%;
  margin: 0 0 5px;
  padding-right: 10px;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  position: relative; /*margin-bottom:24px;*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .chat-person-img {
  width: 36px;
  float: left;
  height: 36px;
  position: absolute;
  left: 0;
  margin-top: 20px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .chat-person-img.chat_person_imgname {
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .chat-person-img img {
  width: 100%;
  border-radius: 50%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-sender {
  font-size: 12px;
  margin: 0 0 3px;
  color: #30649c;
  align-self: flex-start;
  font-weight: 500;
  text-transform: capitalize;
  margin-left: 45px;
  margin-top: 20px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-sender .urEmoji {
  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 26px;
  box-shadow: 0px 0px 4px 0px #555;
  position: absolute;
  bottom: -21px;
  right: -3px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-sender .urEmoji i {
  font-size: 18px;
  color: #FF9800;
  background: #FFFFFF;
  border-radius: 50%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-sender a {
  color: #30649c;
  text-decoration: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box {
  padding: 0px;
  border-radius: 6px 0 6px 0;
  position: relative;
  background: #dbf4fd;
  color: #000000; /*background: #d1f3ff;color: #333;*/
  font-size: 14px;
  max-width: 80%;
  word-break: break-word;
  border-bottom: 1px;
  /*&:after {content: "";position: absolute;border: 10px solid transparent;border-top: 10px solid rgba(100, 170, 0, .2);border-right: none;bottom: -22px;right: 10px;}*/
  /*.attachment_files{
               .attach_img{position:relative;cursor:pointer;
                       img{height:128px;width:128px;}
                       .img_attach_overlay{opacity:0;width: 128px;height: 128px;background: rgba(148, 148, 148, 0.8);display: inline-block;position: absolute; left: 0;}
                       i{ opacity:0;color:#383838;font-size: 48px;@include alignMiddle;}
                      &:hover{
                          .img_attach_overlay{opacity:1;}
                          i{opacity:1;}
                      }
               }
       .file_details{height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;background: #f0f8ff;color: #000;
                     &.onlyDocs{font-size:18px;font-weight:600;height:100px;}
                     .file_length{font-size:12px;color:#777;}
                     .file-attachment-type{margin-right:5px;}
       }
        .file_Downloadbtn{max-width: 200px;background: #f0f8ff;margin-top: 2px;text-align: center;font-size: 16px;font-weight: 600;padding: 8px 0;}
  }*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .text_messages {
  padding: 6px 10px;
  display: inline-block;
  font-family: tahoma;
  font-size: 13px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .msg_status {
  position: absolute;
  bottom: -14px;
  right: 0px;
  font-size: 10px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .msg_status .single_tick {
  font-size: 12px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .msg_status .double_tick {
  font-size: 12px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .msg_status .double_tick.seen_msg {
  color: cornflowerblue;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .msg_status .double_tick .double_chk {
  position: relative;
  left: -10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .msg_status img {
  width: 16px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner {
  background: #f1f1f1;
  align-self: flex-start;
  position: relative;
  color: #000;
  margin-left: 45px;
  /*&:after {right: auto;bottom: auto;top: -22px;left: 9px;border: 10px solid transparent;border-bottom: 10px solid rgba(0, 114, 135, .2);border-left: none;}*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img {
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img img {
  height: 128px;
  width: 128px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img .img_attach_overlay {
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_img i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video {
  position: relative;
  height: 200px;
  width: 250px;
  display: inline-block;
  background: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  display: inline-block;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details {
  height: 32px; /*border-left: 4px solid #607d8b;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f0f8ff;
  color: #000;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details.onlyDocs {
  font-size: 14px;
  font-weight: 600;
  height: 100px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download {
  margin-left: 16px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download:hover {
  color: #03a9f4;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #f0f8ff;
  margin-top: 2px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .instantEmoji {
  position: absolute;
  right: -18px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .instantEmoji i {
  font-size: 18px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .chat-Emoji-opt {
  position: absolute;
  width: max-content;
  top: -30px;
  background: #03a9f4;
  color: #FFFFFF;
  padding: 0 10px;
  border-radius: 5px;
  display: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box.message-partner .chat-Emoji-opt i {
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  float: left;
  font-size: 21px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files {
  color: #000;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files:hover {
  text-decoration: none;
  color: #167495;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details {
  position: relative;
  height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
  padding-right: 45px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.onlyDocs {
  font-size: 14px;
  font-weight: 600;
  height: 100px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
  position: absolute;
  bottom: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details .file-attachment-type i {
  color: #333;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details .file-attachment-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img {
  position: relative;
  cursor: pointer;
  height: auto;
  padding: 0;
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img img {
  height: 128px;
  width: 128px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img .img_attach_overlay {
  opacity: 0;
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img i {
  opacity: 0;
  color: #383838;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img:hover .img_attach_overlay {
  opacity: 1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_img:hover i {
  opacity: 1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video {
  position: relative;
  height: auto;
  width: 250px;
  display: inline-block;
  background: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  display: inline-block;
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_details.attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #ddd;
  margin-top: 0px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .replyTOMSG {
  border-bottom: 1px solid #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder.replay_msgOPT .replay_chatMSG {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder.replay_msgOPT:hover .replay_chatMSG {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder.replay_msgOPT:hover .replay_chatMSG i {
  color: #888;
  margin-right: 8px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .edit_chatMSG {
  display: none;
  position: absolute;
  right: 0px;
  top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-options-main {
  position: absolute;
  right: -8px;
  bottom: 14px;
  display: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-options-main .message-options .dropdown .dropdown-toggle:after {
  display: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder .message-options-main .message-options .dropdown .dropdown-toggle i {
  color: #777;
  padding: 4px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder:hover .edit_chatMSG {
  display: block;
  position: absolute;
  right: 0px;
  top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder:hover .edit_chatMSG i {
  color: #03a9f4;
  margin-left: 8px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .message-box-holder:hover .message-options-main {
  display: block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder {
  position: relative; /*margin-top:24px;*/
  margin-bottom: 2px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .chat-person-img {
  width: 36px;
  float: left;
  height: 36px;
  position: absolute;
  left: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .chat-person-img.chat_person_imgname {
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-sender {
  margin-left: 45px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box { /*background-image: linear-gradient(to right, #0079d4, #00baf1);color: #fff;*/
  padding: 0;
  word-break: break-word;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .text_messages {
  padding: 6px 10px;
  display: inline-block;
  font-family: tahoma;
  font-size: 13px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .msg_status {
  position: absolute;
  bottom: -14px;
  right: 0px;
  font-size: 10px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .single_tick {
  font-size: 12px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .double_tick {
  font-size: 12px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .double_tick.seen_msg {
  color: cornflowerblue;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .msg_status .double_tick .double_chk {
  position: relative;
  left: -10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .msg_status img {
  width: 16px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner {
  margin-left: 45px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg {
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details {
  position: relative;
  min-height: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .meeting-name {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .schedule-date-time {
  font-size: 12px;
  color: #777;
  margin-top: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info {
  width: 100%;
  display: inline-block;
  margin-top: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info .meet-passcode {
  color: #9C27B0;
  font-size: 13px;
  position: relative;
  top: -2px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info .meet-passcode .passcode-label {
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .copy-meet-info .meet-infor-btn {
  width: max-content;
  float: left;
  font-size: 11px;
  min-width: unset;
  margin-right: 5px;
  border-radius: 20px;
  padding: 0px 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type {
  margin-top: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type i {
  color: #333;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .mymeetCall-type img {
  width: 18px;
  height: 18px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .attchment_download {
  margin-left: 16px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meeting_details .attchment_download:hover {
  color: #03a9f4;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn {
  width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .btn {
  width: 50%;
  background: #f1f1f1;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
  float: left;
  border-radius: 0;
  border: 1px solid #fff;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .btn.accept-meet {
  border-left: 0;
  border-bottom: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .btn.reject-meet {
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .myMeetScheduleMsg .meetAcceptRejectbtn .meet-status {
  width: 100%;
  background: #f1f1f1;
  margin-top: 0px;
  text-align: center;
  font-size: 15px;
  padding: 8px 0;
  float: left;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #fff;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img {
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img img {
  height: 128px;
  width: 128px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img .img_attach_overlay {
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_img i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video {
  position: relative;
  height: 200px;
  width: 250px;
  display: inline-block;
  background: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  display: inline-block;
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details {
  position: relative;
  height: 32px; /*border-left: 4px solid #607d8b;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
  padding-right: 45px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details.onlyDocs {
  font-size: 14px;
  font-weight: 600;
  height: 100px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
  position: absolute;
  bottom: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type i {
  color: #333;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .file-attachment-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download {
  margin-left: 16px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_details .attchment_download:hover {
  color: #03a9f4;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #ddd;
  margin-top: 0px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG {
  border-bottom: 1px solid #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box.message-partner .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files {
  color: #000;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files:hover {
  text-decoration: none;
  color: #167495;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details {
  position: relative;
  height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  background: #f1f1f1;
  color: #000;
  padding: 6px;
  padding-right: 45px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.onlyDocs {
  font-size: 14px;
  font-weight: 600;
  height: 100px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file_length {
  font-size: 12px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file-attachment-type {
  margin-right: 5px;
  position: absolute;
  bottom: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file-attachment-type i {
  color: #333;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details .file-attachment-type span {
  font-size: 12px;
  color: #555;
  margin-left: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img {
  position: relative;
  cursor: pointer;
  height: auto;
  padding: 0;
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img img {
  height: 128px;
  width: 128px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img .img_attach_overlay {
  opacity: 0;
  width: 128px;
  height: 128px;
  background: rgba(148, 148, 148, 0.8);
  display: inline-block;
  position: absolute;
  left: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img i {
  opacity: 0;
  color: #383838;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img:hover .img_attach_overlay {
  opacity: 1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_img:hover i {
  opacity: 1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video {
  position: relative;
  height: auto;
  width: 250px;
  display: inline-block;
  background: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video video {
  height: auto;
  width: 250px;
  border-radius: 10px;
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video .video_attach_overlay {
  height: 200px;
  width: 250px;
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
  display: inline-block;
  position: absolute;
  left: 0px;
  border-radius: 8px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_details.attach_video i {
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .attachment_files .file_Downloadbtn {
  max-width: 250px;
  background: #ddd;
  margin-top: 0px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG {
  border-bottom: 1px solid #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .message-box-holder .message-box .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .call_details {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin: 10px 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages.newDesignChat .call_details .call_timing {
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .chat-dayDate {
  width: 100%;
  font-size: 12px;
  margin: 30px 0;
  text-align: center;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .chat-dayDate.dayDate_txt {
  position: relative;
  z-index: 1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .chat-dayDate.dayDate_txt:before {
  border-top: 1px solid #bbb;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  z-index: -1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .chat-messages .chat-dayDate.dayDate_txt span {
  background: #fff;
  padding: 0 15px;
  text-transform: capitalize;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain {
  width: 100%;
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview {
  width: calc(100% - 20px);
  height: 150px;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body {
  width: 100%;
  height: 150px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
  border-bottom: 1px solid #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc {
  height: 130px;
  width: 100%;
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment {
  height: 125px;
  width: 125px;
  float: left;
  background: #fff;
  margin: 5px;
  box-shadow: 0px 0px 18px 0px #ccc;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis {
  position: absolute;
  height: 125px;
  width: 125px;
  right: 0px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis i {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment:hover .removeThis {
  opacity: 1;
  z-index: 99;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body {
  display: inline-block;
  width: 100%;
  height: 125px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body.filepad {
  padding: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body img {
  width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body video {
  width: 125px;
  height: 125px;
  z-index: 1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .video_icon {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .file_icon {
  margin-top: 10px;
  font-size: 20px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .fileName {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .filesize {
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .add_more {
  position: relative;
  width: 48px;
  height: 125px;
  background: rgba(158, 158, 158, 0.6);
  display: inline-block;
  float: left;
  line-height: 120px;
  text-align: center;
  margin: 5px;
  cursor: pointer;
  border-radius: 6px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .add_more .addMoreFiles {
  position: absolute;
  width: 48px;
  height: 120px;
  left: 0;
  top: 0;
  opacity: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_doc .add_more .addMoreFiles i {
  line-height: 120px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .attachment_preview .preview_body .attachment_border {
  width: 100%;
  height: 1px;
  background: #999;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .replyMsgAppend {
  width: 100%;
  height: 100px;
  padding: 10px;
  position: absolute;
  top: -82px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .replyMsgAppend .replyToThis {
  width: 100%;
  height: 84px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .replyMsgAppend .replyToThis .removeThis {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
  color: #787878;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .replyMsgAppend .replyToThis .replyTOMSG {
  border-bottom: 1px solid #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
  padding-left: 0px;
  padding-bottom: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain {
  width: 100%;
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview {
  width: calc(100% - 20px);
  height: 150px;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
  top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body {
  width: 100%;
  height: 150px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
  border-bottom: 1px solid #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc {
  height: 130px;
  width: 100%;
  display: inline-block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment {
  height: 125px;
  width: 125px;
  float: left;
  background: #fff;
  margin: 5px;
  box-shadow: 0px 0px 18px 0px #ccc;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  /*Video Recording*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis {
  position: absolute;
  height: 125px;
  width: 125px;
  right: 0px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .removeThis i {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment:hover .removeThis {
  opacity: 1;
  z-index: 99;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body {
  display: inline-block;
  width: 100%;
  height: 125px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body.filepad {
  padding: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body img {
  width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body video {
  width: 125px;
  height: 125px;
  z-index: 1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .video_icon {
  color: #fff;
  font-size: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .file_icon {
  margin-top: 10px;
  font-size: 20px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .fileName {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment .file_body .filesize {
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment.video_attachment {
  background-image: radial-gradient(#3b7dd4, #174c92, #003680);
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .file_attachment.video_attachment .removeThis {
  color: #fff;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .add_more {
  position: relative;
  width: 48px;
  height: 125px;
  background: rgba(158, 158, 158, 0.6);
  display: inline-block;
  float: left;
  line-height: 120px;
  text-align: center;
  margin: 5px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .add_more .addMoreFiles {
  position: absolute;
  width: 48px;
  height: 120px;
  left: 0;
  top: 0;
  opacity: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_doc .add_more .addMoreFiles i {
  line-height: 120px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .attachment_preview .preview_body .attachment_border {
  width: 100%;
  height: 1px;
  background: #999;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .replyMsgAppend {
  width: 100%;
  height: 100px;
  padding: 10px;
  position: absolute;
  top: -82px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .replyMsgAppend .replyToThis {
  width: 100%;
  height: 84px;
  background: #f1f1f1;
  position: relative;
  overflow: auto;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .removeThis {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
  color: #787878;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG {
  border-bottom: 1px solid #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG {
  height: auto;
  color: #000;
  border: 0;
  background: none;
  max-width: 100%;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .replay_quote {
  color: #777;
  padding: 10px 0 0 10px;
  display: block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages {
  padding-left: 24px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .replyMsgAppend .replyToThis .replyTOMSG .replyTOthisMSG .text_messages .message-sender {
  color: #777;
  font-weight: normal;
  padding-left: 0px;
  padding-bottom: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder {
  display: flex;
  position: relative;
  padding: 10px;
  padding-top: 14px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .typing_indication {
  position: absolute;
  top: -6px;
  font-size: 11px;
  color: #303131;
  left: 26px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave {
  position: relative;
  text-align: center;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave .typingdot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 0px;
  background: #303131;
  animation: typingwave 1.3s linear infinite;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .typing_indication .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input {
  resize: none;
  padding: 7px 10px 7px 10px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  border: none;
  border-radius: 24px;
  background: #f1f1f1;
  width: 100% !important;
  -ms-overflow-style: none;
  float: left;
  box-sizing: border-box;
  text-indent: 28px;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /*&.text_inputWidth{width: calc(100% - 136px) !important;}*/
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input::-webkit-scrollbar {
  display: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input:focus {
  outline: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input.append_radius {
  border-radius: 0 0 24px 24px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input .message-send:focus {
  outline: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input .emoji-picker-icon {
  top: 10px;
  right: unset;
  left: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input .emoji-picker-icon.parent-has-scroll {
  right: 10px !important;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input .emoji-menu {
  top: -230px;
  left: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input-area-emoji {
  width: calc(100% - 42px);
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input-area-emoji.text_inputWidth {
  width: calc(100% - 42px) !important;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input-area-emoji .chat-input {
  resize: none;
  padding: 7px 35px 7px 18px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  border: none;
  border-radius: 24px;
  background: #f1f1f1;
  width: 100%;
  -ms-overflow-style: none;
  float: left;
  box-sizing: border-box;
  text-indent: 0px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input-area-emoji .emoji-picker-icon {
  top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input-area-emoji .emoji-picker-icon.parent-has-scroll {
  right: 10px !important;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .chat-input-area-emoji .emoji-menu {
  top: -230px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .removeRecordedAudio {
  height: 32px;
  width: 32px;
  background: #ccc;
  color: #545454;
  font-size: 18px;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin: 4px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .RecordAudioMsg_main {
  position: absolute;
  width: calc(100% - 100px);
  margin-left: 40px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .RecordAudioMsg_main .record_audioControls {
  width: 100%;
  height: 40px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .record_audio {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f1f1f1;
  border-radius: 24px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .record_audio .play_pused {
  float: left;
  margin: 0 10px;
  font-size: 28px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .record_audio .record_times {
  float: left;
  text-align: center;
  width: calc(100% - 100px);
  font-weight: 600;
  font-size: 18px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .record_audio .audioRec {
  float: right;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-color: red;
  border: 0;
  border-radius: 12px;
  margin: 14px;
  outline: none;
  animation-name: audioRecordPulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile {
  width: 200px;
  position: fixed;
  height: 32px;
  background: gainsboro;
  bottom: 100px;
  right: 60px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .selectedFiles {
  font-size: 14px;
  line-height: 32px;
  padding: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .addMoreFiles {
  width: 32px;
  height: 32px;
  float: left;
  text-align: center;
  line-height: 32px;
  background: #9E9E9E;
  font-size: 14px;
  color: #555;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .addMoreFiles i {
  line-height: 32px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .show_AttachFile .sendFiles {
  width: 32px;
  height: 32px;
  float: right;
  text-align: center;
  line-height: 32px;
  background: #03A9F4;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach {
  width: 40px;
  height: 40px;
  background: #ddd;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  margin-right: 4px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-image: radial-gradient(#f4f4f4, #ddd);
  cursor: pointer;
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach:first-child {
  margin-left: 4px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach.attach_file {
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach.attach_file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 40px;
  height: 40px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain.new_input_textmain .chat-input-holder .input_attachment .input_attach i {
  font-size: 18px;
  color: #545454;
  line-height: 40px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder {
  display: flex;
  position: relative;
  padding: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input {
  resize: none;
  padding: 7px 10px 7px 10px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  border: none;
  border-radius: 24px;
  background: #f1f1f1;
  width: 100% !important;
  -ms-overflow-style: none;
  float: left;
  box-sizing: border-box;
  text-indent: 10px; /*text-indent:28px;*/
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input::-webkit-scrollbar {
  display: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input:focus {
  outline: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input.append_radius {
  border-radius: 0 0 24px 24px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input .message-send:focus {
  outline: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input .emoji-picker-icon {
  top: 10px;
  right: unset;
  left: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input .emoji-menu {
  top: -230px;
  left: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input-area-emoji {
  width: calc(100% - 42px);
  position: relative;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input-area-emoji.text_inputWidth {
  width: calc(100% - 42px) !important;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input-area-emoji .chat-input {
  resize: none;
  padding: 7px 35px 7px 18px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #000;
  border: none;
  border-radius: 24px;
  background: #f1f1f1;
  width: 100%;
  -ms-overflow-style: none;
  float: left;
  box-sizing: border-box;
  text-indent: 0px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input-area-emoji .emoji-picker-icon {
  top: 10px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-input-area-emoji .emoji-menu {
  top: -230px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .removeRecordedAudio {
  height: 32px;
  width: 32px;
  background: #ccc;
  color: #545454;
  font-size: 18px;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin: 4px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .record_audio {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f1f1f1;
  border-radius: 24px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .record_audio .play_pused {
  float: left;
  margin: 0 10px;
  font-size: 28px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .record_audio .record_times {
  float: left;
  text-align: center;
  width: calc(100% - 100px);
  font-weight: 600;
  font-size: 18px;
  color: #777;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .record_audio .audioRec {
  float: right;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-color: red;
  border: 0;
  border-radius: 12px;
  margin: 14px;
  outline: none;
  animation-name: audioRecordPulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .RecordAudioMsg_main {
  position: absolute;
  width: calc(100% - 100px);
  margin-left: 40px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .RecordAudioMsg_main .record_audioControls {
  width: 100%;
  height: 40px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .send-msg {
  height: 36px;
  width: 36px; /*border-radius: 50%;margin: 0 5px;*/
  border: none;
  background: #03a9f4;
  color: #FFFFFF;
  font-size: 18px;
  position: absolute;
  right: 10px;
  border-radius: 50%;
  top: 14px;
  box-sizing: border-box;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .add-options {
  margin-left: 10px;
  border: none;
  background: transparent;
  color: #03a9f4;
  font-size: 24px;
  position: absolute;
  left: 0px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .insert_Emoji {
  position: absolute;
  width: 36px;
  height: 40px;
  line-height: 45px;
  text-align: center;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .insert_Emoji i {
  font-size: 24px;
  color: #545454;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis {
  width: 280px;
  position: absolute;
  top: -145px;
  left: 18px;
  text-align: left;
  background: #FFFFFF;
  border-radius: 5px 5px 0 0;
  box-shadow: 1px 1px 10px 0px #888;
  height: 150px;
  overflow: auto;
  display: none;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar {
  width: 2px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar-thumb {
  background: #888;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis span {
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_emotion .chat_emojiICONS {
  padding: 3px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_emotion .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_animals {
  display: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_animals .chat_emojiICONS {
  padding: 3px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_animals .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_foods {
  display: none;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_foods .chat_emojiICONS {
  padding: 3px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_foods .chat_emojiICONS img {
  width: 24px;
  height: 24px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_Tabs {
  height: 28px;
  width: 100%;
  background: #e7f0f3;
  position: sticky;
  top: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_Tabs .emojitab {
  line-height: 28px;
  padding: 0 5px;
  display: inline-block;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .all_emojis .emoji_Tabs .emojitab img {
  width: 22px;
  height: 22px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-plus-opt {
  position: absolute;
  top: -42px;
  color: #FFFFFF;
  display: none;
  right: 0;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-plus-opt i {
  padding: 12px 15px;
  background: #03a9f4;
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-plus-opt i:hover {
  background: #888;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-plus-opt i:first-child {
  border-radius: 3px 0 0 3px;
  border-right: 1px solid #88d4f7;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .chat-plus-opt i:last-child {
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #88d4f7;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .show_AttachFile {
  width: 200px;
  position: fixed;
  height: 32px;
  background: gainsboro;
  bottom: 100px;
  right: 60px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .show_AttachFile .selectedFiles {
  font-size: 14px;
  line-height: 32px;
  padding: 5px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .show_AttachFile .addMoreFiles {
  width: 32px;
  height: 32px;
  float: left;
  text-align: center;
  line-height: 32px;
  background: #9E9E9E;
  font-size: 14px;
  color: #555;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .show_AttachFile .addMoreFiles i {
  line-height: 32px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .show_AttachFile .sendFiles {
  width: 32px;
  height: 32px;
  float: right;
  text-align: center;
  line-height: 32px;
  background: #03A9F4;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .input_attach {
  width: 40px;
  height: 40px;
  background: #ddd;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  margin-right: 4px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-image: radial-gradient(#f4f4f4, #ddd);
  cursor: pointer;
  float: left;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .input_attach:first-child {
  margin-left: 4px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .input_attach.attach_file {
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .input_attach.attach_file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 40px;
  height: 40px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .sideChatMain .MsgchatSectionMain .input_textmain .chat-input-holder .input_attachment .input_attach i {
  font-size: 18px;
  color: #545454;
  line-height: 40px;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .Chatpopup_opt {
  color: #FFFFFF;
  position: absolute;
  top: 4px;
  right: 24px;
  z-index: 9;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .Chatpopup_opt i {
  cursor: pointer;
}
.VideocallpopupMain .modal-dialog .modal-content .modal-body .Chatpopup_opt i.minChatpop {
  position: relative;
  top: -3px;
  margin-right: 16px;
}

.AudiocallpopupMain {
  z-index: 99999;
}
.AudiocallpopupMain .modal-dialog {
  max-width: 100%;
  margin: 0;
}
.AudiocallpopupMain .modal-dialog .modal-content {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  margin: 0;
  border: none;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-header {
  position: absolute;
  top: 0;
  z-index: 999999;
  text-align: right;
  width: 100%;
  background: transparent;
  border: none;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-header .minChatVidCallPop {
  background: transparent;
  border: none;
  color: #fff;
  position: absolute;
  right: 5px;
  padding: 0;
  top: -15px;
  opacity: 0;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-header.demo-header .minChatVidCallPop {
  top: 0px;
  right: -14px;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-header.demo-header .demo-start-call {
  margin-top: 20px;
  margin-right: 20px;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  position: relative;
  display: block;
  bottom: 0;
  background: #000;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_chatNames {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 500;
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_chatNames .audio_chatPeople {
  width: 50%;
  float: left;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 20px;
  font-size: 20px;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_chatNames .audio_chatPeople .onCallDuration {
  display: block;
  color: #aaa;
  font-size: 12px;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_chatNames .audio_chatMembers {
  width: 50%;
  float: left;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_chatNames .audio_chatMembers .Membericon {
  height: 65px;
  width: 65px;
  background: #03a9f4;
  color: #FFFFFF;
  text-align: center;
  line-height: 65px;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 600;
  float: right; /*border: 2px solid #ddd;*/
  box-sizing: content-box;
  margin-right: 5px;
  border: 2px solid #adc0d0;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_chatNames .audio_chatMembers .Membericon.audioCalladd_user {
  background: #505050;
  color: #ddd;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_calling .audio_callPerson {
  height: 100px;
  width: 100px;
  margin: 0;
  text-align: center;
  top: 40%;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_calling .caller_DP {
  float: left;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_calling .caller_DP img {
  width: 100px;
  height: 100px;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_calling .caller_calling {
  color: #FFFFFF;
  margin: 10px 0;
  font-size: 19px;
  display: inline-block;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_calling .caller_calling.testDelete {
  font-size: 18px;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_calling .caller_Name {
  color: #FFFFFF;
  margin-top: 10px;
  font-size: 16px;
  display: block;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_calling .onCallDuration {
  color: #ddd;
  position: relative;
  top: 8px;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_call_btns {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_call_btns .icons {
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  margin: 0px 10px;
  background: #03a9f4;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_call_btns .icons.vc-call {
  background: red;
}
.AudiocallpopupMain .modal-dialog .modal-content .modal-body .voiceCallMain .audio_call_btns .icons.vc-call > i {
  transform: rotate(135deg);
}

.audioDriverissue {
  color: #ff9800;
  position: absolute;
  left: -11px;
  font-size: 20px;
}

.closeTabPopup, .ChatmuteallPopup, .ChatshortcutKeysPopup {
  z-index: 99999;
}

.small-button-wid {
  min-width: 80px !important;
}

/*---------------Share Screen Designs---------------*/
.shareScreenWindow {
  width: 100%;
  height: 100%;
  background: #101010;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.shareScreenWindow img {
  width: 100%;
  height: 100%;
}
.shareScreenWindow video {
  width: 100% !important;
  height: 100% !important;
}

.stop-sharingDiv {
  min-width: 325px;
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: 9;
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translateY(-50%);
  transform: translateX(-50%);
  padding: 5px;
  background: #fff;
  border-radius: 4px;
}

.opponentShareScreens { /*height: calc(100vh - 220px) !important;width: 200px !important;float: right !important;top: 200px !important;position: relative !important;right: 10px !important;overflow: auto;transform: none !important;padding:0 !important;left: unset !important;*/
  margin-right: 0 !important;
}
.opponentShareScreens .main_hvc { /*width: 200px !important;height: 150px !important;margin:0 0 10px 0 !important;padding:0 !important;border-radius:10px !important;*/ }
.opponentShareScreens .main_hvc .opponent-video { /*height: 150px !important;*/ }
.opponentShareScreens .main_hvc .opponent-video img {
  border-radius: 10px;
}
.opponentShareScreens .main_hvc .opponent-video .userNameTemplate { /*display:none !important;*/ }
.opponentShareScreens .main_hvc .opponent-video .userNameTemplate .participant-name {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 50px);
  display: inline-block;
  padding: 0 5px;
}
.opponentShareScreens .main_hvc .opponent-video .userNameTemplate .call_personDOB {
  font-size: 12px !important;
}
.opponentShareScreens .main_hvc .opponent-video:hover .userNameTemplate {
  display: block !important;
}

/*Shortcut Keys Popup*/
.ChatshortcutKeysPopup .modal-body .label-heading {
  font-size: 20px;
}
.ChatshortcutKeysPopup .modal-body .body-massage {
  margin-bottom: 0;
  margin-top: 20px;
}
.ChatshortcutKeysPopup .modal-body .body-massage .shortcutKeysUL {
  padding: 0;
  list-style-type: none;
}
.ChatshortcutKeysPopup .modal-body .body-massage .shortcutKeysUL .shortcutKeysLi {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #eee;
  padding: 5px;
}
.ChatshortcutKeysPopup .modal-body .body-massage .shortcutKeysUL .shortcutKeysLi .shhortcut-msg {
  display: inline-block;
  width: calc(100% - 60px);
}
.ChatshortcutKeysPopup .modal-body .body-massage .shortcutKeysUL .shortcutKeysLi .keyname {
  float: right;
  padding: 2px 10px;
  background: #607D8B;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  min-width: 36px;
  text-align: center;
}
.ChatshortcutKeysPopup .modal-body .mute-btns .btn-md {
  min-width: 100px;
}
.ChatshortcutKeysPopup .modal-body .mute-btns .btn-md:hover {
  min-width: 100px;
}

/*Shortcut Keys Popup*/
.MicissuesPopup {
  z-index: 99999;
}
.MicissuesPopup .modal-body .label-heading {
  font-size: 20px;
}
.MicissuesPopup .modal-body .MicissuesICON {
  width: 22px;
  margin-right: 10px;
  float: left;
}
.MicissuesPopup .modal-body .body-massage {
  margin-bottom: 0;
  margin-top: 20px;
}
.MicissuesPopup .modal-body .popup-btns button {
  border: none;
  padding: 2px 5px;
  min-width: max-content;
}

/*Shortcut Keys Popup*/
.miccamConfirm {
  z-index: 99999;
}
.miccamConfirm .modal-dialog {
  margin: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.miccamConfirm .modal-dialog .modal-content {
  background: #2196f3;
  color: #fff;
  width: max-content;
  max-width: 90%;
  height: auto;
  margin: auto;
  margin-top: 20px;
  text-align: center;
}
.miccamConfirm .modal-dialog .modal-content .modal-body {
  padding: 10px 28px;
}
.miccamConfirm .modal-dialog .modal-content .modal-body .label-heading {
  font-size: 18px;
  color: #fff;
}
.miccamConfirm .modal-dialog .modal-content .modal-body .miccamConfirm-icon {
  text-align: center;
}
.miccamConfirm .modal-dialog .modal-content .modal-body .miccamConfirm-icon .slash-mic-icon {
  background: #d1e2f1;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #3f51b5;
  font-size: 18px;
}
.miccamConfirm .modal-dialog .modal-content .modal-body .miccamConfirm-icon .slash-cam-icon {
  background: #d1e2f1;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #3f51b5;
  font-size: 18px;
  position: relative;
}
.miccamConfirm .modal-dialog .modal-content .modal-body .miccamConfirm-icon .slash-cam-icon:after {
  position: absolute;
  content: "/";
  color: #d1e2f1;
  font-weight: bold;
  font-size: 30px;
  left: 13px;
  top: 0;
  text-shadow: 2px 0px 0px #3f51b5;
  line-height: 32px;
  transform: rotate(20deg);
}
.miccamConfirm .modal-dialog .modal-content .modal-body .body-massage {
  margin-bottom: 0;
  margin-top: 12px;
}
.miccamConfirm .modal-dialog .modal-content .modal-body .body-massage p {
  font-size: 16px;
}
.miccamConfirm .modal-dialog .modal-content .modal-body .mute-btns .btn-md {
  min-width: 100px;
}
.miccamConfirm .modal-dialog .modal-content .modal-body .mute-btns .btn-md:hover {
  min-width: 100px;
}
.miccamConfirm .modal-dialog .modal-content .modal-body .popup-btns button {
  border: 1px solid #fff;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 30px;
  background: transparent;
  border-radius: 5px;
  width: max-content;
  min-width: unset;
}

/*Accept/Deny for host Popup*/
.confirmNewUser {
  z-index: 999999;
}
.confirmNewUser .modal-body .label-heading {
  font-size: 20px;
}
.confirmNewUser .modal-body .body-massage {
  margin-bottom: 0;
  margin-top: 20px;
}
.confirmNewUser .modal-body .body-massage .joinging-user {
  position: relative;
}
.confirmNewUser .modal-body .body-massage .joinging-user .joinging-user-icon {
  width: 36px;
  height: 36px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.confirmNewUser .modal-body .body-massage .joinging-user .joinging-user-icon img {
  width: 100%;
  border-radius: 50%;
}
.confirmNewUser .modal-body .body-massage .joinging-user .joinging-user-details .joinging-user-name {
  font-size: 12px;
}
.confirmNewUser .modal-body .body-massage .joinging-admin-msg {
  margin-top: 24px;
  font-size: 12px;
}
.confirmNewUser .modal-body .body-massage .joinging-admin-msg span {
  float: left;
}
.confirmNewUser .modal-body .body-massage .joinging-admin-msg span.shield-lockAdmin {
  background-color: rgba(223, 245, 255, 0.9);
  padding: 4px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: -5px;
  margin-right: 5px;
}
.confirmNewUser .modal-body .body-massage .joinging-admin-msg span.admin-confirm {
  float: right;
}
.confirmNewUser .modal-body .body-massage .joinging-admin-msg span.admin-confirm .admin-confirm-btn {
  background: none;
  border: none;
  color: #2196f3;
  font-weight: 600;
  margin-right: 5px;
}

.video_call_btns {
  /*&.sharescreenBTN{bottom:30px !important;z-index:99;display: list-item;list-style-type: none;float: left;
                   &.bottomHeight{bottom:30px !important;}
  }*/
}

.share-screenOff {
  width: 42px;
  height: 42px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  transition: 0.3s;
  text-align: center;
  line-height: 42px;
  z-index: 99;
  border-radius: 50%;
  display: list-item;
  list-style-type: none;
}
.share-screenOff img {
  width: 100%;
  width: 26px;
  height: 26px;
}
.share-screenOff:hover {
  border-radius: 50%;
  background: rgba(158, 158, 158, 0.5);
}

.hide-sharescreenBTN {
  cursor: pointer;
}

.shareMsgMain {
  background: #1d252b;
  padding: 40px 60px;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.shareMsgMain .share-icon {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.shareMsgMain .share-icon img {
  width: 30px;
  height: 30px;
}

.sharingVideoWidth {
  width: 100px !important;
  height: 80px !important;
}

.MBshareVideo_call_btns {
  bottom: 50px !important;
}

/*============New Design form more Opponent videoes==========================*/
.more-opponent-video {
  width: calc(100% - 110px) !important;
  height: 100% !important;
}

.main_hvc_more {
  position: absolute !important;
  top: 116px;
  right: 10px !important;
  width: 90px !important;
  height: 70px !important;
}
.main_hvc_more.main_hvc_six {
  top: 190px;
}
.main_hvc_more.main_hvc_seven {
  top: 264px;
}
.main_hvc_more.main_hvc_eight {
  top: 338px;
}
.main_hvc_more.main_hvc_nine {
  top: 412px;
}
.main_hvc_more .opponent-video img {
  border-radius: 10px;
}

/*========== New Design form more Opponent videoes END =======================*/
.dropdown-menu.chat_dropdown {
  background-color: #eee;
  border: none;
  z-index: 99999;
}
.dropdown-menu.chat_dropdown.moreVideoOpts {
  transform: translate3d(-125px, -95px, 0px) !important;
  top: -42px !important; /*top:-68px !important;*/
  left: -38px !important;
}
.dropdown-menu.chat_dropdown.moreVideoOpts.noHostMorebtn {
  top: -40px !important;
}
.dropdown-menu.chat_dropdown.liveMoreopt {
  top: -12px !important;
  transform: translate3d(-105px, -95px, 0px) !important;
}
.dropdown-menu.chat_dropdown.liveMoreopt.patientMoreOpt {
  top: 45px !important;
}
.dropdown-menu.chat_dropdown .dropdown-item {
  border: none;
  padding: 5px 10px;
  line-height: 1.5;
}
.dropdown-menu.chat_dropdown .dropdown-item:hover {
  background: #ccc;
}
.dropdown-menu.chat_dropdown .dropdown-item img {
  width: 16px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
.dropdown-menu.chat_dropdown .dropdown-item i {
  color: #000;
  margin: 0;
}
.dropdown-menu.chat_dropdown .dropdown-item i.call_settings {
  font-size: 18px;
}
.dropdown-menu.chat_dropdown .mob-addpeople, .dropdown-menu.chat_dropdown .mob-raisehand {
  display: none !important;
}

.ConfirmSharescreenPopup {
  z-index: 999999 !important;
}

/*audio Call Popup*/
/*.AudiocallpopupMain {z-index:99999;
    .modal-dialog {
        .modal-content{height: calc(100vh - 60px);height:calc((var(--vh, 1vh) * 100) - 60px);width:96%; margin:0 2%;
                       .modal-header{position: absolute;top: 0;z-index: 9;text-align: right;width: 100%;background: transparent;border: none;
                                     .minChatAudCallPop{background: transparent;border: none;color: $cmn-white;position: absolute; right: 5px; margin: -1rem auto;padding:0; top: -15px;}
                       }
                       .modal-body{padding:0;
                       }
        }
    }
}*/
/*audio call popup end*/
.caller_name {
  box-shadow: 1px 1px 10px 1px #ccc;
  background: rgba(0, 0, 0, 0.2);
  padding: 2px 10px;
}

/*.mutedAudio{margin: 0;position: absolute;top: 10px;right: 10px;color: $cmn-white;background: rgba(0, 0, 0, 0.25);z-index:999;
            i{padding:10px;background: rgba(0, 0, 0, 0.25);}
}*/
.mutedAudio {
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 10px;
  background: #ec0000;
  color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  z-index: 99;
  text-align: center;
  /*i{padding:10px;background: rgba(0, 0, 0, 0.25);}*/
}
.mutedAudio i {
  line-height: 20px;
}

.indexHigh {
  z-index: 99999 !important;
}

.video-chat-main {
  position: relative;
  height: calc(100vh - 60px);
  height: calc(var(--vh, 1vh) * 100 - 60px); /*background-image: url("/Content/style/images/whatsappp.png");*/
  background: #000 !important;
  /*.video-call-ring{margin: 0; @include alignMiddle;
      .ring-page{color: $cmn-white;
          >img{width:100px; height:100px; border-radius: 50%;}
          >button{margin-top: 5px;}
      }
  }*/
}
.video-chat-main .video-call-ring {
  margin: 0;
  width: 100%;
  position: relative;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: inline-block;
}
.video-chat-main .video-call-ring .call_personName {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
}
.video-chat-main .video-call-ring .call_personName span {
  text-transform: uppercase;
  color: #777;
  font-size: 14px;
  font-weight: 700;
  display: block;
  position: relative;
  top: -8px;
}
.video-chat-main .video-call-ring .ring-page {
  color: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.video-chat-main .video-call-ring .ring-page .ring_img > img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #777;
}
.video-chat-main .video-call-ring .ring-page .ring_img .user_name {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-block;
  background: #03a9f4;
  font-size: 36px;
  font-weight: 600;
  line-height: 100px;
}
.video-chat-main .video-call-ring .call_ringBTN {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.video-chat-main .video-call-ring .call_ringBTN a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  margin: 0px 10px;
  background: #03a9f4;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.video-chat-main .video-call-ring .call_ringBTN a.disconnect_callBTN {
  background: red;
  transform: rotate(135deg);
}
.video-chat-main .video-call-ring .call_ringBTN .disconnect_callBTN {
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  margin: 0px 10px;
  background: #03a9f4;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  background: red;
  transform: rotate(135deg);
}
.video-chat-main .show-videos {
  margin: 0;
  height: 100%;
  width: 100%;
}
.video-chat-main .show-videos .connection-icon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #4caf50;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  display: block;
  z-index: 999999;
}
.video-chat-main .show-videos .connection-icon.connection-good {
  background: #4caf50;
}
.video-chat-main .show-videos .connection-icon.connection-medium {
  background: #ff9800;
}
.video-chat-main .show-videos .connection-icon.connection-low {
  background: #f44336;
}
.video-chat-main .show-videos .connection-icon .dropdown-toggle {
  color: #fff;
}
.video-chat-main .show-videos .connection-icon .dropdown-toggle:after {
  display: none;
}
.video-chat-main .show-videos .connection-icon .dropdown-menu {
  border: 1px solid #aaa;
}
.video-chat-main .show-videos .connection-icon .dropdown-menu.signal-dropdown { /*transform: translate3d(-193px, -7px, 0px) !important;*/
  background: #444;
  margin: 5px;
}
.video-chat-main .show-videos .connection-icon .dropdown-menu.signal-dropdown .dropdown-item {
  padding: 0px 10px;
  border: none;
}
.video-chat-main .show-videos .connection-icon .dropdown-menu.signal-dropdown .dropdown-item:hover {
  background: #313131;
}
.video-chat-main .show-videos .connection-icon .dropdown-menu.signal-dropdown .dropdown-item .signal-heading {
  width: 76px;
  display: inline-block;
  font-size: 13px;
  color: #ddd;
}
.video-chat-main .show-videos .connection-icon .dropdown-menu.signal-dropdown .dropdown-item .signal-val {
  font-size: 13px;
  color: #ddd;
}
.video-chat-main .show-videos .connection-icon .dropdown-menu.signal-dropdown .dropdown-item .signal-val i {
  margin: 0;
  width: auto;
  color: #ddd;
}
.video-chat-main .show-videos .connection-details {
  position: absolute;
  left: -101px;
  width: 100px;
  height: 100px;
  border: 1px solid #aaa;
  background: #525252;
  color: #fff;
  border-radius: 5px;
  display: none;
}
.video-chat-main .show-videos .call_personName {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  z-index: 9;
  width: 100%;
  line-height: 15px;
  text-align: center;
  z-index: 99;
  text-shadow: 1px 1px 8px #000000, 1px 1px 8px #000000;
}
.video-chat-main .show-videos .call_personName .call_personDOB {
  display: inline-block;
  top: 0;
}
.video-chat-main .show-videos .call_personName span {
  text-transform: uppercase;
  color: #ccc;
  font-size: 14px;
  font-weight: 700;
  display: block;
  position: relative;
  top: 16px;
}
.video-chat-main .show-videos .call_personName span.call-duration {
  margin-top: 10px;
  left: -15px;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled {
  position: absolute;
  right: 0;
  top: 44px;
  float: left;
  padding: 4px 4px 0 4px; /*margin-left: 5px;margin-top: 5px;*/
  width: 169px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: auto;
  transition: 0.3s;
  background: #0a0a0a;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc {
  margin-top: 5px;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video {
  display: inline-block;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff {
  position: absolute;
  background: #404040;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #394f58, #141617);
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff .user-letter {
  color: #fff;
  background: #9E9E9E;
  width: 80px;
  height: 80px;
  display: inline-block;
  text-align: center;
  line-height: 80px;
  font-size: 40px;
  font-weight: bold;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg1 {
  background: #607D8B;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg2 {
  background: #734db5;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg3 {
  background: #278bbb;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg4 {
  background: #0aa5b9;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg5 {
  background: #a131a9;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg6 {
  background: #da5406;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg7 {
  background: #a98431;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg8 {
  background: #4aab4d;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
  margin: 0; /*padding: 10px;*/
  top: auto;
  right: auto;
  float: left;
  transition: 0.3s;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  float: left;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc {
  position: relative;
  float: left;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video {
  /*img{height:250px;}
  video{height:350px;}*/
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video video {
  border-radius: 0 !important;
  object-fit: cover;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff {
  position: absolute;
  background: #404040;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #394f58, #141617);
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff .user-letter {
  color: #fff;
  background: #9E9E9E;
  width: 100px;
  height: 100px;
  display: inline-block;
  text-align: center;
  line-height: 100px;
  font-size: 40px;
  font-weight: bold;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg1 {
  background: #607D8B;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg2 {
  background: #734db5;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg3 {
  background: #278bbb;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg4 {
  background: #0aa5b9;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg5 {
  background: #a131a9;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg6 {
  background: #da5406;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg7 {
  background: #a98431;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg8 {
  background: #4aab4d;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off {
  position: absolute;
  font-size: 16px;
  width: 100%;
  height: 100%;
  top: 0;
  background: #353535;
  opacity: 0.9;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-recon, .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-turnoff {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  width: max-content;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-recon .typingwave, .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-turnoff .typingwave {
  position: relative;
  text-align: center;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-recon .typingwave .typingdot, .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-turnoff .typingwave .typingdot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0px;
  background: #fff;
  animation: typingwave 1.3s linear infinite;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-recon .typingwave .typingdot:nth-child(2), .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-turnoff .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-recon .typingwave .typingdot:nth-child(3), .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off .vid-turnoff .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn {
  position: absolute;
  font-size: 16px;
  width: 100%;
  height: 100%;
  top: 0;
  background: #353535;
  opacity: 0.9;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-recon, .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-turnoff {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  width: max-content;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-recon .typingwave, .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-turnoff .typingwave {
  position: relative;
  text-align: center;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-recon .typingwave .typingdot, .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-turnoff .typingwave .typingdot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0px;
  background: #fff;
  animation: typingwave 1.3s linear infinite;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-recon .typingwave .typingdot:nth-child(2), .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-turnoff .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-recon .typingwave .typingdot:nth-child(3), .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video .recon-off-btn .vid-turnoff .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc {
  width: 160px;
  float: left;
  position: relative;
  height: 120px;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > .speaker_indication {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > .speaker_indication > .indication_bar {
  background: #03f4b1;
  bottom: 1px;
  height: 3px;
  width: 3px;
  margin: 0px 2px;
  border-radius: 5px;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > .speaker_indication.speaker_anim > .indication_bar {
  animation: sound 0ms 600ms linear infinite alternate;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > .speaker_indication.speaker_anim > .indication_bar:nth-child(1) {
  animation-duration: 350ms;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > .speaker_indication.speaker_anim > .indication_bar:nth-child(2) {
  animation-duration: 327ms;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > .speaker_indication.speaker_anim > .indication_bar:nth-child(3) {
  animation-duration: 380ms;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > .speaker_indication.speaker_anim > .indication_bar:nth-child(4) {
  animation-duration: 327ms;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #4caf50;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  display: none;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon.connection-good {
  background: #4caf50;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon.connection-medium {
  background: #ff9800;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon.connection-low {
  background: #f44336;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon .dropdown-toggle {
  color: #fff;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon .dropdown-toggle:after {
  display: none;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon .dropdown-menu {
  border: 1px solid #aaa;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon .dropdown-menu.signal-dropdown { /*transform: translate3d(-193px, -7px, 0px) !important;*/
  background: #444;
  margin: 5px;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item {
  padding: 0px 10px;
  border: none;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item:hover {
  background: #313131;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item .signal-heading {
  width: 76px;
  display: inline-block;
  font-size: 13px;
  color: #ddd;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item .signal-val {
  font-size: 13px;
  color: #ddd;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item .signal-val i {
  margin: 0;
  width: auto;
  color: #ddd;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .connection-details {
  position: absolute;
  left: -101px;
  width: 100px;
  height: 100px;
  border: 1px solid #aaa;
  background: #525252;
  color: #fff;
  border-radius: 5px;
  display: none;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .reconnection-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #607D8B;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  line-height: 24px;
  display: none;
  z-index: 99999;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .reconnection-icon img {
  width: 100%;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video:hover .connection-icon, .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video:hover .reconnection-icon {
  display: block;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > img {
  width: 100%;
  height: 100%;
  border: 1px solid #777;
  border-radius: 10px;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > img.selectToMainframe { /*border: 2px solid #FF9800;*/ }
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .rising-indication {
  position: absolute;
  top: 5px;
  width: 24px;
  height: 24px;
  border: 2px solid #2196F3;
  border-radius: 50%;
  padding: 2px;
  background: #fff;
  left: 5px;
  cursor: pointer;
  z-index: 99999;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > video {
  width: 100%;
  height: 100%; /*border: 1px solid #777;*/
  object-fit: cover;
  border-radius: 5px;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video > video.selectToMainframe { /*border: 2px solid #FF9800;*/ }
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff {
  position: absolute;
  background: #404040;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #394f58, #141617);
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff .user-letter {
  color: #fff;
  background: #9E9E9E;
  width: 80px;
  height: 80px;
  display: inline-block;
  text-align: center;
  line-height: 80px;
  font-size: 40px;
  font-weight: bold;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg1 {
  background: #607D8B;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg2 {
  background: #734db5;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg3 {
  background: #278bbb;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg4 {
  background: #0aa5b9;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg5 {
  background: #a131a9;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg6 {
  background: #da5406;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg7 {
  background: #a98431;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg8 {
  background: #4aab4d;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off {
  position: absolute;
  font-size: 16px;
  width: 100%;
  height: 100%;
  top: 0;
  background: #353535;
  opacity: 0.9;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-recon, .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-turnoff {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  width: max-content;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-recon .typingwave, .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-turnoff .typingwave {
  position: relative;
  text-align: center;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-recon .typingwave .typingdot, .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-turnoff .typingwave .typingdot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0px;
  background: #fff;
  animation: typingwave 1.3s linear infinite;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-recon .typingwave .typingdot:nth-child(2), .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-turnoff .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-recon .typingwave .typingdot:nth-child(3), .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off .vid-turnoff .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn {
  position: absolute;
  font-size: 16px;
  width: 100%;
  height: 100%;
  top: 0;
  background: #353535;
  opacity: 0.9;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-recon, .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-turnoff {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  width: max-content;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-recon .typingwave, .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-turnoff .typingwave {
  position: relative;
  text-align: center;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-recon .typingwave .typingdot, .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-turnoff .typingwave .typingdot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0px;
  background: #fff;
  animation: typingwave 1.3s linear infinite;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-recon .typingwave .typingdot:nth-child(2), .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-turnoff .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-recon .typingwave .typingdot:nth-child(3), .video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .recon-off-btn .vid-turnoff .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.video-chat-main .show-videos .highlight_vidCall .main_hvc .opponent-video .userNameTemplate {
  display: block;
  font-size: 14px;
  bottom: 0;
  left: 6px;
  top: unset;
  text-align: left;
  font-weight: 500;
}
.video-chat-main .show-videos .bg-img {
  position: absolute;
  top: 0;
  right: 0;
}
.video-chat-main .show-videos .chat_Videoes {
  right: 0;
  margin: 0;
  transition: 0.3s;
  display: none;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled {
  position: relative;
  width: 50%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  float: left; /*padding: 10px;*/
  top: auto;
  right: auto;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col {
  width: 100% !important;
  height: 120px;
  position: relative;
  margin: 0;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video {
  height: 50vh;
  height: calc(var(--vh, 1vh) * 50);
  display: inline-block;
  /*.myVideoView{height:250px;}*/
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video video {
  border: 0;
  border-radius: 0;
  object-fit: cover;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff {
  position: absolute;
  background: #404040;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #394f58, #141617);
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff .user-letter {
  color: #fff;
  background: #9E9E9E;
  width: 100px;
  height: 100px;
  display: inline-block;
  text-align: center;
  line-height: 100px;
  font-size: 40px;
  font-weight: bold;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff .user-letter.circlebg1 {
  background: #607D8B;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff .user-letter.circlebg2 {
  background: #734db5;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff .user-letter.circlebg3 {
  background: #278bbb;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff .user-letter.circlebg4 {
  background: #0aa5b9;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff .user-letter.circlebg5 {
  background: #a131a9;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff .user-letter.circlebg6 {
  background: #da5406;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff .user-letter.circlebg7 {
  background: #a98431;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .videoTurnedoff .user-letter.circlebg8 {
  background: #4aab4d;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off {
  position: absolute;
  font-size: 16px;
  width: 100%;
  height: 100%;
  top: 0;
  background: #353535;
  opacity: 0.9;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-recon, .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-turnoff {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  width: max-content;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-recon .typingwave, .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-turnoff .typingwave {
  position: relative;
  text-align: center;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-recon .typingwave .typingdot, .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-turnoff .typingwave .typingdot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0px;
  background: #fff;
  animation: typingwave 1.3s linear infinite;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-recon .typingwave .typingdot:nth-child(2), .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-turnoff .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-recon .typingwave .typingdot:nth-child(3), .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off .vid-turnoff .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn {
  position: absolute;
  font-size: 16px;
  width: 100%;
  height: 100%;
  top: 0;
  background: #353535;
  opacity: 0.9;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-recon, .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-turnoff {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  width: max-content;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-recon .typingwave, .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-turnoff .typingwave {
  position: relative;
  text-align: center;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-recon .typingwave .typingdot, .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-turnoff .typingwave .typingdot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0px;
  background: #fff;
  animation: typingwave 1.3s linear infinite;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-recon .typingwave .typingdot:nth-child(2), .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-turnoff .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-recon .typingwave .typingdot:nth-child(3), .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .recon-off-btn .vid-turnoff .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.video-chat-main .show-videos .chat_Videoes .video_Col {
  width: 160px;
  float: left;
  margin-right: 10px;
  margin-left: 0px;
  margin-top: 0; /*position: relative;*/
}
.video-chat-main .show-videos .chat_Videoes .video_Col.three_this_video {
  width: 100%;
  margin: 0;
}
.video-chat-main .show-videos .chat_Videoes .video_Col.three_this_video .this-video {
  height: 50%;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.video-chat-main .show-videos .chat_Videoes .video_Col.three_this_video .this-video > img {
  border-radius: 0%;
}
.video-chat-main .show-videos .chat_Videoes .video_Col.three_this_video .this-video > video {
  border-radius: 0%;
}
.video-chat-main .show-videos .chat_Videoes .video_Col.three_this_video .this-video > .rising-indication {
  border-radius: 50%;
}
.video-chat-main .show-videos .chat_Videoes .video_Col.four_this_video {
  width: 50% !important;
  height: 100%;
  margin: 0;
}
.video-chat-main .show-videos .chat_Videoes .video_Col.four_this_video .this-video { /*height: 50%;position: absolute;*/
  width: 100% !important;
  height: 100%;
  float: right;
}
.video-chat-main .show-videos .chat_Videoes .video_Col.four_this_video .this-video > img {
  border-radius: 0%;
}
.video-chat-main .show-videos .chat_Videoes .video_Col.four_this_video .this-video > video {
  border-radius: 0%;
}
.video-chat-main .show-videos .chat_Videoes .video_Col.four_this_video .this-video > .rising-indication {
  border-radius: 50%;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video { /*position:absolute;width:100px;height:100px;top:10px;right:10px;*/
  position: relative; /*height:120px;*/
  display: inline-block;
  width: 100%;
  height: 100%;
  /*.call-speaking-range{
      input[type="range"] {outline: 0;border: 0;border-radius: 100px;width: 100%;max-width: 100%;position:absolute;bottom:0;
    @media screen and (-webkit-min-device-pixel-ratio:0) {
     & {overflow: hidden;height: 4px;-webkit-appearance: none;background-color: #f5f5f5;}
     &::-webkit-slider-runnable-track {height: 4px;-webkit-appearance: none;color: #444;}
     &::-webkit-slider-thumb {width: 4px;-webkit-appearance: none;height: 4px;	cursor: ew-resize;background: #fff;box-shadow: -320px 0 0 320px #1597ff, inset 0 0 0 4px #1597ff;border-radius: 50%;position: relative;}
    }
   }
  }*/
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .my-mic-off {
  position: absolute;
  right: 2px;
  bottom: 1px;
  font-size: 10px;
  background: #ec0000;
  color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  z-index: 99999;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .my-mic-off i {
  line-height: 20px;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .this-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px; /*z-index:-1;*/
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > .speaker_indication {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > .speaker_indication > .indication_bar {
  background: #03f4b1;
  bottom: 1px;
  height: 3px;
  width: 3px;
  margin: 0px 2px;
  border-radius: 5px;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > .speaker_indication.speaker_anim > .indication_bar {
  animation: sound 0ms 600ms linear infinite alternate;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > .speaker_indication.speaker_anim > .indication_bar:nth-child(1) {
  animation-duration: 350ms;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > .speaker_indication.speaker_anim > .indication_bar:nth-child(2) {
  animation-duration: 327ms;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > .speaker_indication.speaker_anim > .indication_bar:nth-child(3) {
  animation-duration: 380ms;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > .speaker_indication.speaker_anim > .indication_bar:nth-child(4) {
  animation-duration: 327ms;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon {
  position: absolute;
  top: 35px;
  left: 5px;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #4caf50;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  display: none;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon.connection-good {
  background: #4caf50;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon.connection-medium {
  background: #ff9800;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon.connection-low {
  background: #f44336;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon .dropdown-toggle {
  color: #fff;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon .dropdown-toggle:after {
  display: none;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon .dropdown-menu {
  border: 1px solid #aaa;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon .dropdown-menu.signal-dropdown { /*transform: translate3d(-193px, -7px, 0px) !important;*/
  background: #444;
  margin: 5px;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item {
  padding: 0px 10px;
  border: none;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item:hover {
  background: #313131;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item .signal-heading {
  width: 76px;
  display: inline-block;
  font-size: 13px;
  color: #ddd;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item .signal-val {
  font-size: 13px;
  color: #ddd;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-icon .dropdown-menu.signal-dropdown .dropdown-item .signal-val i {
  margin: 0;
  width: auto;
  color: #ddd;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .connection-details {
  position: absolute;
  left: -101px;
  width: 100px;
  height: 100px;
  border: 1px solid #aaa;
  background: #525252;
  color: #fff;
  border-radius: 5px;
  display: none;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video:hover .connection-icon {
  display: block;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > img {
  width: 100%;
  height: 100%;
  border-radius: 5px; /*border: 1px solid #777;*/ /*object-fit:cover;*/
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > img.selectToMainframe { /*border: 2px solid #FF9800;*/ }
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > video {
  width: 100%;
  height: 100%;
  border-radius: 5px; /*border: 1px solid #777;*/
  object-fit: cover;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video > video.selectToMainframe { /*border: 2px solid #FF9800;*/ }
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff {
  position: absolute;
  background: #404040;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #394f58, #141617);
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff .user-letter {
  color: #fff;
  background: #9E9E9E;
  width: 80px;
  height: 80px;
  display: inline-block;
  text-align: center;
  line-height: 80px;
  font-size: 40px;
  font-weight: bold;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff .user-letter.circlebg1 {
  background: #607D8B;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff .user-letter.circlebg2 {
  background: #734db5;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff .user-letter.circlebg3 {
  background: #278bbb;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff .user-letter.circlebg4 {
  background: #0aa5b9;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff .user-letter.circlebg5 {
  background: #a131a9;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff .user-letter.circlebg6 {
  background: #da5406;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff .user-letter.circlebg7 {
  background: #a98431;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .videoTurnedoff .user-letter.circlebg8 {
  background: #4aab4d;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off {
  position: absolute;
  font-size: 16px;
  width: 100%;
  height: 100%;
  top: 0;
  background: #353535;
  opacity: 0.9;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-recon, .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-turnoff {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  width: max-content;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-recon .typingwave, .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-turnoff .typingwave {
  position: relative;
  text-align: center;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-recon .typingwave .typingdot, .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-turnoff .typingwave .typingdot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0px;
  background: #fff;
  animation: typingwave 1.3s linear infinite;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-recon .typingwave .typingdot:nth-child(2), .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-turnoff .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-recon .typingwave .typingdot:nth-child(3), .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off .vid-turnoff .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn {
  position: absolute;
  font-size: 16px;
  width: 100%;
  height: 100%;
  top: 0;
  background: #353535;
  opacity: 0.9;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-recon, .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-turnoff {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  width: max-content;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-recon .typingwave, .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-turnoff .typingwave {
  position: relative;
  text-align: center;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-recon .typingwave .typingdot, .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-turnoff .typingwave .typingdot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0px;
  background: #fff;
  animation: typingwave 1.3s linear infinite;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-recon .typingwave .typingdot:nth-child(2), .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-turnoff .typingwave .typingdot:nth-child(2) {
  animation-delay: -1.1s;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-recon .typingwave .typingdot:nth-child(3), .video-chat-main .show-videos .chat_Videoes .video_Col .this-video .recon-off-btn .vid-turnoff .typingwave .typingdot:nth-child(3) {
  animation-delay: -0.9s;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .rising-indication {
  position: absolute;
  top: 5px;
  width: 24px;
  height: 24px;
  border: 2px solid #2196F3;
  border-radius: 50%;
  padding: 2px;
  background: #fff;
  left: 5px;
  cursor: pointer;
  z-index: 99999; /*animation: raiseHandAnim 1s linear infinite;-webkit-animation: raiseHandAnim 1s linear infinite;*/
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .this-muted {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #3F51B5;
  color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .this-hold {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #3F51B5;
  color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .userNameTemplate {
  position: absolute;
  top: unset;
  bottom: 5px;
  left: 0;
  color: #fff;
  font-size: 14px;
  z-index: 9999;
  width: calc(100% - 32px);
  line-height: 15px;
  text-align: left; /*display:none;*/
  font-weight: 500;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video .userNameTemplate .participant-name {
  text-shadow: 1px 1px 8px #000000, 1px 1px 8px #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 32px);
  padding: 5px;
  display: inline-block;
}
.video-chat-main .show-videos .chat_Videoes .video_Col .this-video:hover .userNameTemplate {
  display: block;
}
.video-chat-main .show-videos .chat_Videoes.thisVideoShareScreen .video_Col { /*width: 100% !important;*/ }
.video-chat-main .show-videos .chat_Videoes.thisVideoShareScreen .video_Col.three_this_video {
  width: 100% !important;
}
.video-chat-main .show-videos .chat_Videoes.thisVideoShareScreen .video_Col.four_this_video {
  width: 100% !important;
}
.video-chat-main .show-videos .video_call_btns {
  position: fixed;
  bottom: -85px; /*bottom: -45px;*/
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  width: auto;
  transition: 0.3s;
  z-index: 9999;
  background: rgba(25, 25, 25, 0.7) !important;
  padding: 10px !important;
  border-radius: 15px 15px 0 0 !important;
  width: max-content !important;
  display: inline-block; /*background-image: url(/Content/style/images/call-controls-bg.svg);background-repeat: no-repeat;width:590px;padding:20px;*/
}
.video-chat-main .show-videos .video_call_btns:hover {
  bottom: 0px !important;
}
.video-chat-main .show-videos .video_call_btns .icons {
  width: 42px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  margin: 0px 20px 0 0; /*background: #03a9f4;*/
  border: 1px solid #fff;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  display: list-item;
  list-style-type: none;
  float: left;
  /*&.vc-switchAudio{margin:0;}*/
  /*&.vc-call{margin:0;}*/
  /*.onofficon{width:24px;height:24px;position:relative;top:-2px;}*/
}
.video-chat-main .show-videos .video_call_btns .icons.disable_icon {
  background: #8c8c8c;
  cursor: no-drop;
}
.video-chat-main .show-videos .video_call_btns .icons:last-child {
  margin: 0;
}
.video-chat-main .show-videos .video_call_btns .icons.vc-call {
  background: red;
  margin: 0px 20px 0 0;
  border: none;
}
.video-chat-main .show-videos .video_call_btns .icons.vc-call > i {
  transform: rotate(135deg);
}
.video-chat-main .show-videos .video_call_btns .icons.vc-switchAudio {
  position: relative;
}
.video-chat-main .show-videos .video_call_btns .icons.vc-switchAudio .offVideoicon {
  position: relative;
  top: -3px;
  width: 20px;
  height: 20px;
}
.video-chat-main .show-videos .video_call_btns .icons i {
  line-height: 42px;
}
.video-chat-main .show-videos .video_call_btns .icons img {
  width: 26px;
  height: 26px;
}
.video-chat-main .show-videos .VCmore_options {
  width: 42px;
  height: 42px;
  position: absolute;
  right: 25px;
  bottom: -45px; /*bottom: -40px;*/
  color: #fff;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s;
  text-align: center;
  line-height: 42px;
  display: list-item;
  list-style-type: none;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #fff;
}
.video-chat-main .show-videos .VCmore_options.VCmore_options-a {
  position: relative !important;
  right: unset !important;
  bottom: unset !important;
  display: inline-block !important;
}
.video-chat-main .show-videos .VCmore_options .text_chatOpt {
  display: none;
}
.video-chat-main .show-videos .VCmore_options img {
  line-height: 42px;
}
.video-chat-main .show-videos .VCmore_options:hover {
  border-radius: 50%; /*background: rgba(158, 158, 158, 0.5);*/
}
.video-chat-main .show-videos .VCmore_options .fa-ellipsis-h {
  line-height: 44px;
}
.video-chat-main .show-videos:hover {
  /*.video_call_btns{bottom:0px;}*/
}
.video-chat-main .show-videos:hover .new-video_call_btns {
  bottom: 0px !important;
}
.video-chat-main .show-videos:hover .share-screen, .video-chat-main .show-videos:hover .raise-hand, .video-chat-main .show-videos:hover .chat-participants, .video-chat-main .show-videos:hover .toggleView, .video-chat-main .show-videos:hover .toggleView3, .video-chat-main .show-videos:hover .toggleView4, .video-chat-main .show-videos:hover .showChatWindowicon, .video-chat-main .show-videos:hover .addUsericon, .video-chat-main .show-videos:hover .tiled-view, .video-chat-main .show-videos:hover .normal-view {
  bottom: 28px;
  z-index: 9;
}
.video-chat-main .show-videos:hover .VCmore_options {
  bottom: -40px;
}
.video-chat-main .video_textChatMain {
  position: absolute;
  bottom: 0;
  right: 0px;
  background: #FFFFFF;
  transition: 0.5s;
  height: 0%;
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.video-chat-main .video_textChatMain::-webkit-scrollbar {
  width: 5px;
}
.video-chat-main .video_textChatMain::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.video-chat-main .video_textChatMain::-webkit-scrollbar-thumb {
  background: #888;
}
.video-chat-main .video_textChatMain::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead {
  width: 300px;
  height: 36px;
  line-height: 36px;
  transition: 0.8s;
  color: #FFFFFF;
  background: #03a9f4;
  position: sticky;
  top: 0;
  z-index: 1;
}
.video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead .chat_persons {
  padding: 0 0 0 8px;
}
.video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown {
  float: right;
  font-size: 18px;
  cursor: pointer;
  margin-right: 5px;
}
.video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown .sideChatupArrow {
  padding: 8px;
}
.video-chat-main .video_textChatMain .video_textChatLayout .video_textChatHead .video_textChatDown .sideChatDwnArrow {
  padding: 8px;
}
.video-chat-main .video_textChatMain .video_textChatLayout .chat-messages {
  height: 100%;
  overflow: auto;
  transition: 0.8s;
  padding: 10px;
  width: 300px;
}
.video-chat-main .video_textChatMain .video_textChatLayout .chat-messages .message-box-holder .message-box {
  font-size: 13px;
  max-width: 90%;
}
.video-chat-main .height_full {
  height: 65vh !important;
}
.video-chat-main .height_half {
  height: 32vh !important;
}
.video-chat-main .width_full {
  width: 100% !important;
}
.video-chat-main .width_half {
  width: 50% !important;
}

.rateVideoCall {
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.7);
}
.rateVideoCall .modal-dialog {
  top: 50%;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  padding: 0 1.5rem;
}
.rateVideoCall .modal-dialog .modal-content .modal-body { /*height: calc(100vh - 124px);height:calc((var(--vh, 1vh) * 100) - 124px);*/
  overflow: auto;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedback_rating {
  margin-bottom: 20px;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedback_rating .rating-box {
  display: inline-block;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedback_rating .rating-box .rating-container {
  direction: rtl !important;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedback_rating .rating-box .rating-container label {
  display: inline-block;
  margin: 0;
  color: #d4d4d4;
  cursor: pointer;
  font-size: 34px;
  transition: color 0.2s;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedback_rating .rating-box .rating-container input {
  display: none;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedback_rating .rating-box .rating-container label:hover, .rateVideoCall .modal-dialog .modal-content .modal-body .feedback_rating .rating-box .rating-container label:hover ~ label, .rateVideoCall .modal-dialog .modal-content .modal-body .feedback_rating .rating-box .rating-container input:checked ~ label {
  color: #2196F3;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedback_rating .rating_val {
  position: relative;
  top: -5px;
  font-size: 13px;
  font-weight: 600;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedbackRow .feedbackCol .heading {
  font-size: 17px;
  color: #2196F3;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedbackRow .feedbackCol .custom_fbChkbox {
  display: block;
  margin-bottom: 5px;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedbackRow .feedbackCol .custom_fbChkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedbackRow .feedbackCol .custom_fbChkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedbackRow .feedbackCol .custom_fbChkbox label {
  position: relative;
  cursor: pointer;
  margin-bottom: 4px;
}
.rateVideoCall .modal-dialog .modal-content .modal-body .feedbackRow .feedbackCol .custom_fbChkbox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.addVendCheckbox {
  position: relative;
  top: 22px;
}

.custom_input {
  padding: 5px !important;
  height: 34px !important;
}

.thisVideoShareScreen {
  padding: 0 !important;
}
.thisVideoShareScreen .video_Col { /*width: 200px !important;height: 150px !important;*/ }
.thisVideoShareScreen .video_Col .this-video img {
  border-radius: 10px !important;
}
.thisVideoShareScreen .video_Col.three_this_video {
  width: 200px !important;
  height: 150px !important;
}
.thisVideoShareScreen .video_Col.three_this_video .this-video {
  width: 100% !important;
  height: 100% !important;
}
.thisVideoShareScreen .video_Col.four_this_video {
  width: 200px !important;
  height: 150px !important;
  position: relative;
  top: 5px;
}
.thisVideoShareScreen .video_Col.four_this_video .this-video {
  width: 100% !important;
  height: 100% !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Opera and Firefox */
}

.AllListBoxView {
  display: none;
}
.AllListBoxView .Listaccordion {
  padding: 10px;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  overflow: scroll;
}
.AllListBoxView .Listaccordion li {
  list-style: none;
  box-shadow: 1px 1px 7px 0px #ccc;
  margin-bottom: 10px;
  position: relative;
}
.AllListBoxView .Listaccordion li .Listcheck_this {
  position: absolute;
  z-index: 1;
  width: 28px;
  height: 37px;
  text-align: center;
  line-height: 37px;
}
.AllListBoxView .Listaccordion li .Listaccordion-control {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  background-color: #FFFFFF;
  color: #000;
  border: none;
  border-radius: 5px;
  padding-left: 30px;
}
.AllListBoxView .Listaccordion li .Listaccordion-control::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 11px;
  width: 2px;
  height: 8px;
  background-color: #607D8B;
  transform: rotate(-45deg);
  transition: all 0.2s;
}
.AllListBoxView .Listaccordion li .Listaccordion-control::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 16px;
  width: 2px;
  height: 8px;
  background-color: #607D8B;
  transform: rotate(45deg);
  transition: all 0.2s;
}
.AllListBoxView .Listaccordion li .Listaccordion-control.Listopen::before {
  top: 10px;
  right: 22px;
  height: 14px;
  transform: rotate(45deg);
}
.AllListBoxView .Listaccordion li .Listaccordion-control.Listopen::after {
  right: 22px;
  top: 10px;
  height: 14px;
  transform: rotate(135deg);
}
.AllListBoxView .Listaccordion li .Listaccordion-panel {
  display: none;
  padding: 10px;
  border: none;
  border-top: 1px solid #b1cde6;
  background-color: #FFFFFF;
  color: #000;
  border-radius: 0 0 8px 8px;
  margin: 0;
  border-top: 1px solid #ccc;
}
.AllListBoxView .Listaccordion li .Listaccordion-panel.Listis-visible {
  display: block;
}
.AllListBoxView .Listaccordion li .Listaccordion-panel .accordion_details {
  width: 100%;
  display: inline-block;
}
.AllListBoxView .Listaccordion li .Listaccordion-panel .accordion_details .accordion_row {
  width: 100%;
  display: inline-block;
}
.AllListBoxView .Listaccordion li .Listaccordion-panel .accordion_details .accordion_row .details_heading {
  width: 120px;
  float: left;
}
.AllListBoxView .Listaccordion li .Listaccordion-panel .accordion_details .accordion_row .details_desc {
  width: calc(100% - 120px);
  float: left;
}
.AllListBoxView .Listaccordion li .Listaccordion-panel .accordion_details .accordion_row .details_desc .contact-email {
  font-size: 13px;
  color: #777;
}

.fixed_filterBTN {
  position: fixed;
  bottom: 36px;
  right: 36px;
  z-index: 99;
  display: none;
}
.fixed_filterBTN .filter_btn {
  width: 40px;
  height: 40px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #20a8d8;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  cursor: pointer;
  float: right;
  clear: both;
}
.fixed_filterBTN .filter_btn i {
  color: #FFFFFF;
  line-height: 34px;
  font-size: 32px;
}

.import_main .import_header {
  background: #FFFFFF;
  margin: 5px;
  height: 55px;
  line-height: 55px;
  padding-left: 18px;
  box-shadow: 1px 1px 7px 0px #ccc;
}
.import_main .import_header p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}
.import_main .import_body {
  background: #FFFFFF;
  margin: 5px;
  padding: 10px;
  box-shadow: 1px 1px 7px 0px #ccc;
  height: calc(100vh - 125px);
  height: calc(var(--vh, 1vh) * 100 - 125px);
}
.import_main .import_body .import_LeftContain {
  padding: 0;
}
.import_main .import_body .import_LeftContain .wrapperTest {
  padding: 20px;
}
.import_main .import_body .import_LeftContain .wrapperTest:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.import_main .import_body .import_LeftContain .wrapperTest .file-select-name {
  font-size: 14px;
  color: #03a9f4;
  margin-bottom: 5px;
}
.import_main .import_body .import_LeftContain .wrapperTest .fileProgBar {
  position: relative;
}
.import_main .import_body .import_LeftContain .wrapperTest .fileProgBar .calcLoadNum span {
  position: absolute;
  top: -18px;
  right: 0;
}
.import_main .import_body .import_LeftContain .wrapperTest .dropZoneElement {
  position: relative;
  display: inline-block;
  background-color: #f8f8f8;
  border: 1px dashed #9E9E9E;
  width: 100%;
  height: 140px;
  text-align: center;
}
.import_main .import_body .import_LeftContain .wrapperTest .dropZoneElement .textWrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 24px;
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}
.import_main .import_body .import_LeftContain .wrapperTest .dropZoneElement .textWrapper .dropImageHereText {
  color: #c7c7c7;
  text-transform: uppercase;
  font-size: 12px;
}
.import_main .import_body .import_LeftContain .wrapperTest .dropZoneElement input[type=file] {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.import_main .import_body .import_LeftContain .wrapperTest .upload_limitation p {
  margin: 0;
  color: #777;
  font-size: 12px;
}
.import_main .import_body .import_LeftContain .wrapperTest .upload_limitation p span {
  font-weight: 600;
}
.import_main .import_body .import_LeftContain .wrapperTest .product {
  float: left;
  position: relative;
  margin: 0 10px 10px 0;
  padding: 0;
}
.import_main .import_body .import_LeftContain .wrapperTest .product img {
  width: 110px;
  height: 110px;
}
.import_main .import_body .import_RightContain {
  padding: 20px 0 0 0;
}
.import_main .import_body .import_RightContain .custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.import_main .import_body .import_RightContain .custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 10px;
}
.import_main .import_body .import_RightContain .custom-counter li span .fa {
  color: #00BCD4;
}
.import_main .import_body .import_RightContain .custom-counter li::before {
  content: counter(step-counter);
  height: 24px;
  width: 24px;
  line-height: 21px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  font-size: 12px;
  color: #00BCD4;
  font-weight: bold;
  border-radius: 50%;
  border: 1px solid #00BCD4;
}
.import_main .import_body .import_btn {
  margin-left: 20px;
}

.filtered_val {
  font-size: 12px;
  display: block;
  font-weight: 600;
  height: 16px;
  line-height: 16px;
}
.filtered_val .filtered_txts {
  background-color: #ddd;
  padding: 0 6px;
}

.topbar_heading {
  height: 38px !important;
  line-height: 38px !important;
  display: block;
}

.remarkchkBox .k-checkbox-label {
  min-height: 12px;
  line-height: 11px;
}
.remarkchkBox .k-checkbox-label:before {
  width: 12px;
  height: 12px;
  font-size: 7px;
}
.remarkchkBox .k-checkbox-label:after {
  width: 12px;
  height: 12px;
  font-size: 7px;
}

.disabledSolidBorder .k-picker-wrap {
  border: none !important;
}

.selectRow {
  background-color: #b1ddf3 !important;
  border-left: 4px solid #255bc7 !important;
}

.PRCountnew {
  background: #FF5722;
  border-radius: 50%;
  min-width: 21px;
  height: 21px;
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 8px;
  line-height: 21px;
  font-size: 12px;
  font-weight: 600;
  padding: 0 5px;
}

.multi_tabSection {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}
.multi_tabSection ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  float: left;
  border-bottom: 1px solid #47bbe4;
}
.multi_tabSection ul li {
  width: auto;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
  padding: 4px 16px;
  float: left;
  cursor: pointer;
}
.multi_tabSection ul li.active {
  border: 1px solid #47bbe4;
  border-top: 3px solid #47bbe4;
  background: lavender;
  cursor: pointer;
  color: #000000;
  position: relative;
  top: 1px;
  border-bottom: none;
}
.multi_tabSection ul li.active:hover {
  cursor: pointer;
  color: #000000;
}
.multi_tabSection ul li:hover {
  cursor: pointer;
  color: #000000;
}

.kendGidforMobile {
  margin: 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
.kendGidforMobile .customGrid_mobview {
  display: block;
  width: 100%;
  float: left;
  width: 100%;
}
.kendGidforMobile .customGrid_mobview .col-template-title {
  font-size: 13px;
  font-weight: 600;
  width: 120px;
  display: inline-block;
  float: left;
}
.kendGidforMobile .customGrid_mobview .template_value {
  float: left;
  width: calc(100% - 140px);
}
.kendGidforMobile .customGrid_mobview .template_value .col-template-val {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.kendGidforMobile .customGrid_mobview .template_value .col-template-desc {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
}
.kendGidforMobile .next_pageIcon {
  margin: 0;
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
}

.scroll_bottomChat {
  background: transparent;
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 10px;
  cursor: pointer;
  display: none;
}

.scroll_bottom {
  background: red;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  box-shadow: 0px 1px 8px 1px #aaa;
}

.selected-checkmark {
  font-size: 16px;
  color: #20a8d8;
}

.cust-checkbox {
  padding-left: 10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cust-checkbox input {
  opacity: 0;
  position: absolute;
  top: 7px;
  z-index: 1;
  left: -8px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

/* Create a custom checkbox */
.Custom-checkmark {
  position: absolute;
  top: 5px;
  left: -10px;
  height: 24px;
  width: 24px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.cust-checkbox:hover input ~ .Custom-checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cust-checkbox input:checked ~ .Custom-checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.Custom-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cust-checkbox input:checked ~ .Custom-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cust-checkbox .Custom-checkmark:after {
  left: 10px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.noDataDiv {
  height: 90%;
  width: 100%;
  background: #eee;
  display: inline-block;
  color: #777;
}
.noDataDiv .no_data {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}

.ChatVideoRecordPopup {
  z-index: 99999;
}
.ChatVideoRecordPopup .modal-dialog .modal-content {
  height: calc(100vh - 60px);
  height: calc(var(--vh, 1vh) * 100 - 60px);
  width: 96%;
  margin: 0 2%;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  text-align: right;
  width: 100%;
  background: transparent;
  border: none;
  /*.closeRecordVideoPopup{background: transparent;border: none;color: $cmn-white;position: absolute; right: 5px;padding:0; top: -22px;font-size:16px;}*/
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-header .closeRecordVideoPopup {
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  overflow: hidden;
  text-align: center;
  top: 10px;
  right: 10px;
  z-index: 99;
  cursor: pointer;
  background: transparent;
  color: #fff;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .rotate_cam {
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  overflow: hidden;
  text-align: center;
  top: 56px;
  right: 10px;
  z-index: 99;
  cursor: pointer;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .rotate_cam .sync_camera {
  color: #fff;
  font-size: 24px;
  line-height: 38px;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .rotate_cam .sync_camera:active {
  color: #777;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .record_video_body {
  position: relative;
  height: calc(100vh - 146px);
  height: calc(var(--vh, 1vh) * 100 - 146px);
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .record_video_body .video_duration {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  z-index: 99;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .record_video_body img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .record_video_body video {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer {
  width: 100%;
  position: absolute;
  bottom: 0px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  text-align: center;
  background: #111;
  border-radius: 0 0 5px 5px;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn {
  position: relative;
  width: 100%;
  height: 86px;
  padding: 10px 0;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns {
  display: inline-block;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  line-height: 1;
  width: max-content;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .stop_recording {
  color: #FFFFFF;
  font-size: 60px;
  cursor: pointer;
  position: relative;
  float: left;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .stop_recording .record_buttons {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: red;
  font-size: 24px;
  z-index: 99;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .stop_recording .record_buttonsMain {
  position: relative;
  top: -1px;
  z-index: 9;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn {
  position: relative;
  float: left;
  margin: 0 18px;
  top: 10px;
  cursor: pointer;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn .snapbtn_md_outerline {
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn .snapbtn_md_outerline .sync_camera {
  color: #fff;
  font-size: 24px;
  line-height: 38px;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn .snapbtn_md_outerline .sync_camera:active {
  color: #777;
}
.ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn .snapbtn_md_outerline img {
  width: 100%;
}

.ChatSnapshotPopup {
  z-index: 99999;
}
.ChatSnapshotPopup .modal-dialog .modal-content {
  height: calc(100vh - 60px);
  height: calc(var(--vh, 1vh) * 100 - 60px);
  width: 96%;
  margin: 0 2%;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  text-align: right;
  width: 100%;
  background: transparent;
  border: none;
  /*.closeSnapshotPopup{background: transparent;border: none;color: $cmn-white;position: absolute; right: 5px;padding:0; top: -22px;font-size:16px;}*/
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-header .closeSnapshotPopup {
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  overflow: hidden;
  text-align: center;
  top: 10px;
  right: 10px;
  z-index: 99;
  cursor: pointer;
  background: transparent;
  color: #fff;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body {
  padding: 0;
  background: #212121;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .rotate_cam {
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  overflow: hidden;
  text-align: center;
  top: 56px;
  right: 10px;
  z-index: 99;
  cursor: pointer;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .rotate_cam .sync_camera {
  color: #fff;
  font-size: 24px;
  line-height: 38px;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .rotate_cam .sync_camera:active {
  color: #777;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .capture_area {
  position: relative;
  height: calc(100vh - 146px);
  height: calc(var(--vh, 1vh) * 100 - 146px);
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .capture_area img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .capture_area video {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer {
  width: 100%;
  position: absolute;
  bottom: 0px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  text-align: center;
  background: #111;
  border-radius: 0 0 5px 5px;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn {
  position: relative;
  width: 100%;
  height: 86px;
  padding: 10px 0;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns {
  display: inline-block;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  width: max-content;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapshot_lg_btn {
  position: relative;
  float: left;
  cursor: pointer;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapshot_lg_btn .snapbtn_lg_outerline {
  width: 56px;
  height: 56px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 50%;
  position: relative;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapshot_lg_btn .snapbtn_lg_outerline .click_btn {
  width: 48px;
  height: 48px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapshot_lg_btn .snapbtn_lg_outerline .click_btn:active {
  background: #777;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn {
  position: relative;
  float: left;
  margin: 0 18px;
  top: 10px;
  cursor: pointer;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn .snapbtn_md_outerline {
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn .snapbtn_md_outerline .sync_camera {
  color: #fff;
  font-size: 24px;
  line-height: 38px;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn .snapbtn_md_outerline .sync_camera:active {
  color: #777;
}
.ChatSnapshotPopup .modal-dialog .modal-content .modal-body .popUp_footer .Snapshot_btn .snapshot_all_btns .snapbtn_md_btn .snapbtn_md_outerline img {
  width: 100%;
}

.videoTestingMain {
  padding: 10px;
}
.videoTestingMain .col-main {
  width: 100%;
  position: relative;
  display: inline-block;
}
.videoTestingMain .col-main.message_box {
  height: calc(100vh - 300px);
  height: calc(var(--vh, 1vh) * 100 - 300px);
  padding: 10px;
  border: 1px solid #555;
  background: #faebd7;
  overflow: auto;
}
.videoTestingMain .col-main.message_box .list_message ul {
  list-style-type: none;
  padding: 0;
}
.videoTestingMain .col-main.message_box .list_message ul li {
  display: inline-block;
  width: 100%;
}
.videoTestingMain .col-main.message_box .list_message ul li .message_timing {
  width: 150px;
  text-align: right;
  display: inline-block;
  float: left;
}
.videoTestingMain .col-main.message_box .list_message ul li .messages {
  margin-left: 10px;
  width: calc(100% - 160px);
  float: left;
}
.videoTestingMain .col-main.message_box .list_message ul li .messages.error {
  color: red;
}
.videoTestingMain .col-main .col-left {
  width: 50%;
  float: left;
  height: 260px;
}
.videoTestingMain .col-main .col-left .contents {
  padding: 10px;
}
.videoTestingMain .col-main .col-left .contents .video_file {
  width: 400px;
  height: 205px;
}
.videoTestingMain .col-main .col-left .contents .video_body .video_row {
  width: 100%;
  height: auto;
  display: inline-block;
}
.videoTestingMain .col-main .col-left .contents .video_body .video_row .video_buttons {
  float: left;
  width: 85px;
}
.videoTestingMain .col-main .col-left .contents .video_body .video_row .test_inputs {
  width: calc(100% - 95px);
  float: right;
  margin-left: 10px;
}
.videoTestingMain .col-main .col-right {
  width: 50%;
  float: left;
  height: 260px;
}
.videoTestingMain .col-main .col-right .contents {
  padding: 10px;
}
.videoTestingMain .col-main .col-right .contents .video_file {
  width: 400px;
  height: 205px;
}
.videoTestingMain .col-main .col-right .contents .video_body .video_row {
  width: 100%;
  height: auto;
  display: inline-block;
}
.videoTestingMain .col-main .col-right .contents .video_body .video_row .video_buttons {
  float: left;
  width: 85px;
}
.videoTestingMain .col-main .col-right .contents .video_body .video_row .test_inputs {
  width: calc(100% - 95px);
  float: right;
  margin-left: 10px;
}

/*Virtual Appointment Join Page*/
.VirtualAppJoin {
  position: relative;
}
.VirtualAppJoin .landingPageMain {
  position: relative;
  width: 100%;
  height: 100vh;
}
.VirtualAppJoin .landingPageMain .welcomeMsg {
  position: absolute;
  left: 50%;
  top: 36%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: fit-content;
}
.VirtualAppJoin .landingPageMain .welcomeMsg p {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #666;
}
.VirtualAppJoin .landingPageMain .LogintoMeeting {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  min-width: 410px;
}
.VirtualAppJoin .landingPageMain .LogintoMeeting .form-group {
  display: inline-block;
}
.VirtualAppJoin .landingPageMain .LogintoMeeting .form-group .meetingIDinput {
  padding: 5px 85px 5px 10px;
  padding-left: 10px;
  border: 1px solid #ccc;
  display: inline-block;
  float: left;
  border-radius: 5px;
  width: 420px;
  height: 40px;
  box-sizing: border-box;
  font-size: 18px;
}
.VirtualAppJoin .landingPageMain .LogintoMeeting .joinMeetingbtn {
  float: left;
  width: 80px;
  height: 39px;
  border: none;
  background: #03A9F4;
  color: #fff;
  font-size: 16px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0;
}
.VirtualAppJoin .landingPageMain .LogintoMeeting .joinMeetingbtn:hover {
  background: #1586e0;
}
.VirtualAppJoin .landingPageMain .LogintoMeeting .joinMeetingbtn:focus {
  border: none;
}

.InvalidIDMain {
  width: 100%;
  height: 100vh;
  background-image: radial-gradient(circle, #a3e2ff, #2196F3);
}
.InvalidIDMain .disconnect-msg {
  height: 100vh;
}
.InvalidIDMain .disconnect-msg .message-container {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 400px;
  background-image: linear-gradient(#78c2fd, #e1f2ff, #fff);
  box-shadow: 1px 2px 10px 0px #777;
  /*.person_name{text-align: center;font-size: 27px;text-shadow: 0 0 1px #009688, 0 0 2px #CDDC39;font-weight: 600;color: forestgreen;}*/
  /*.consultation_room{text-align: center;font-size: 18px;font-weight: 600;color: #009688;margin-top:10px;}
  .thankyouVC{font-size: 22px;color: navy;margin-top: 24px;font-weight:600;}*/
}
.InvalidIDMain .disconnect-msg .message-container .OrganizationName {
  text-align: center;
  font-size: 27px; /*text-shadow: 0 0 1px #FF0000, 0 0 2px #0000FF;*/
  font-weight: 700;
  color: #16288c;
}
.InvalidIDMain .disconnect-msg .message-container .errorMessage {
  font-size: 18px;
  color: #FF5722;
  margin-top: 10px;
  font-weight: 600;
}
.InvalidIDMain .disconnect-msg .message-container .close-errorMsg {
  position: relative;
}
.InvalidIDMain .disconnect-msg .message-container .close-errorMsg button:hover {
  background-color: #FF5722;
  color: #ffffff;
  border-color: #FF5722;
}
.InvalidIDMain .disconnect-msg .message-container .close-errorMsg button:focus {
  box-shadow: none;
}

.forceProceedPopup {
  z-index: 999999;
}
.forceProceedPopup .modal-dialog {
  width: 100%;
  min-width: 100%;
  margin: 0;
}
.forceProceedPopup .modal-dialog .modal-content {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 0px 6px 0px #3F51B5; /*box-shadow: 0px 0px 12px 1px #97a4b1;*/
  max-width: 100%;
  min-width: 270px;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .Organization-logo {
  text-align: center;
  margin-bottom: 15px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .Organization-logo img {
  width: 80px;
  height: 80px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .Organization-logo img.callEndedlogo {
  width: 65px;
  height: 65px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting p {
  text-align: center;
  color: #949494;
  font-size: 16px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting p.callEndMsg {
  animation: textblink 1.5s linear infinite;
  -webkit-animation: textblink 1.5s linear infinite;
  display: block;
  font-size: 18px;
  margin: 0;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .login-Meeting {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .login-Meeting .joinGuest-btn {
  width: calc(100% - 30px);
  max-width: 350px;
  border-radius: 20px;
  padding: 8px;
  margin: 0px 15px;
  margin-bottom: 5px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .login-Meeting .joinMember-btn {
  width: calc(100% - 30px);
  max-width: 350px;
  border-radius: 20px;
  padding: 8px;
  margin: 0px 15px;
  background: transparent;
  color: #2196F3;
}

.meet-grad-bg {
  background-image: linear-gradient(45deg, #1de5e2, #ac8df6) !important;
}

.proceedToMeeting {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 0px 6px 0px #3F51B5; /*box-shadow: 0px 0px 12px 1px #97a4b1;*/
  max-width: 300px;
  margin: auto;
}
.proceedToMeeting .Organization-logo {
  text-align: center;
  margin-bottom: 15px;
}
.proceedToMeeting .Organization-logo img {
  width: 80px;
  height: 80px;
}
.proceedToMeeting .Organization-logo img.callEndedlogo {
  width: 65px;
  height: 65px;
}
.proceedToMeeting p {
  text-align: center;
}
colo .proceedToMeeting p.callEndMsg {
  animation: textblink 1.5s linear infinite;
  -webkit-animation: textblink 1.5s linear infinite;
  color: red !important;
  display: block;
  font-size: 18px;
}
.proceedToMeeting .login-Meeting {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.proceedToMeeting .login-Meeting .joinGuest-btn {
  width: calc(100% - 30px);
  max-width: 350px;
  border-radius: 20px;
  padding: 8px;
  margin: 0px 15px;
  margin-bottom: 5px;
}
.proceedToMeeting .login-Meeting .joinMember-btn {
  width: calc(100% - 30px);
  max-width: 350px;
  border-radius: 20px;
  padding: 8px;
  margin: 0px 15px;
  background: transparent;
  color: #2196F3;
}

.forceProceedPopup .modal-dialog {
  width: 100%;
  min-width: 100%;
  margin: 0;
}
.forceProceedPopup .modal-dialog .modal-content {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 0px 6px 0px #3F51B5; /*box-shadow: 0px 0px 12px 1px #97a4b1;*/
  max-width: 100%;
  min-width: 270px;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .Organization-logo {
  text-align: center;
  margin-bottom: 15px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .Organization-logo img {
  width: 80px;
  height: 80px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .Organization-logo img.callEndedlogo {
  width: 65px;
  height: 65px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting p {
  text-align: center;
  color: #949494;
  font-size: 16px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting p.callEndMsg {
  animation: textblink 1.5s linear infinite;
  -webkit-animation: textblink 1.5s linear infinite;
  display: block;
  font-size: 18px;
  margin: 0;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .login-Meeting {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .login-Meeting .joinGuest-btn {
  width: calc(100% - 30px);
  max-width: 350px;
  border-radius: 20px;
  padding: 8px;
  margin: 0px 15px;
  margin-bottom: 5px;
}
.forceProceedPopup .modal-dialog .modal-content .forceproceedToMeeting .login-Meeting .joinMember-btn {
  width: calc(100% - 30px);
  max-width: 350px;
  border-radius: 20px;
  padding: 8px;
  margin: 0px 15px;
  background: transparent;
  color: #2196F3;
}

.force-hide {
  display: none !important;
}

/*------------------------- My Meet waiting room start -------------------------*/
.CallWaitingRoom {
  position: relative;
}
.CallWaitingRoom .WaitingRoomMain {
  width: 100%;
  height: calc(100vh - 55px);
  height: calc(var(--vh, 1vh) * 100 - 55px);
  background-image: radial-gradient(circle, #a3e2ff, #2196F3);
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody {
  background-image: linear-gradient(#78c2fd, #e1f2ff, rgba(255, 255, 255, 0));
  height: calc(100vh - 100px);
  height: calc(var(--vh, 1vh) * 100 - 100px);
  border: none;
  box-shadow: 0px 0px 12px 0px #666;
  overflow: auto;
  width: 90%;
  max-width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .room-top {
  text-align: center;
  margin: 30px;
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .room-top .image {
  width: 145px;
  height: 145px;
  margin: auto;
  box-shadow: 1px 2px 10px 0px #777;
  overflow: hidden;
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .room-top .image img {
  width: 100%;
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .OrganizationName {
  text-align: center;
  font-size: 27px; /*text-shadow: 0 0 1px #FF0000, 0 0 2px #0000FF;*/
  font-weight: 700;
  color: #16288c;
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .person_name {
  text-align: center;
  font-size: 27px;
  text-shadow: 0 0 1px #009688, 0 0 2px #CDDC39;
  font-weight: 600;
  color: forestgreen;
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .consultation_room {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #009688;
  margin-top: 10px;
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .confirmationVideoCallBTN {
  padding: 5px;
  text-align: center;
  background: #e68a17;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-top: 80px;
  cursor: pointer;
}
.CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .confirmationVideoCallBTN:hover {
  background: forestgreen;
}

/*------------------------- My Meet waiting room end -------------------------*/
/*Proceed to Join*/
.proceedTocall {
  background: #000;
  margin: 0;
}
.proceedTocall .modal-dialog {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  min-width: 500px;
}
.proceedTocall .modal-dialog .modal-content .modal-body .bodyMessage p {
  font-weight: 700;
  font-size: 24px;
  animation-name: blinkText;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.proceedTocall .modal-dialog .modal-content .modal-body .bodyMessage div .btn {
  min-width: 80px !important;
}

.CallWaitingRoompopup {
  margin: 0;
}
.CallWaitingRoompopup .modal-dialog {
  margin: 0;
  max-width: 100%;
}
.CallWaitingRoompopup .modal-dialog .modal-content {
  border: none;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom {
  position: relative;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-image: radial-gradient(circle, #a3e2ff, #2196F3);
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody {
  background-image: linear-gradient(#78c2fd, #e1f2ff, rgba(255, 255, 255, 0));
  height: calc(100vh - 100px);
  height: calc(var(--vh, 1vh) * 100 - 100px);
  border: none;
  box-shadow: 0px 0px 12px 0px #666;
  overflow: auto;
  width: 90%;
  max-width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .room-top {
  text-align: center;
  margin: 30px;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .room-top .image {
  width: 145px;
  height: 145px;
  margin: auto;
  box-shadow: 1px 2px 10px 0px #777;
  overflow: hidden;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .room-top .image img {
  width: 100%;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .OrganizationName {
  text-align: center;
  font-size: 27px; /*text-shadow: 0 0 1px #FF0000, 0 0 2px #0000FF;*/
  font-weight: 700;
  color: #16288c;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .person_name {
  text-align: center;
  font-size: 27px;
  text-shadow: 0 0 1px #009688, 0 0 2px #CDDC39;
  font-weight: 600;
  color: forestgreen;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .consultation_room {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #009688;
  margin-top: 10px;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .confirmationVideoCallBTN {
  padding: 5px;
  text-align: center;
  background: #e68a17;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-top: 80px;
  cursor: pointer;
}
.CallWaitingRoompopup .modal-dialog .modal-content .modal-body .CallWaitingRoom .WaitingRoomMain .waitingRoomBody .roomBody .confirmationVideoCallBTN:hover {
  background: forestgreen;
}

/*Chat meeting styling*/
.chatJoinAmeeting {
  z-index: 99999;
}
.chatJoinAmeeting .modal-dialog .modal-content {
  border: none;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body {
  padding: 20px;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .chatJoinAmeetingCLose {
  position: absolute;
  right: 15px;
  top: 10px;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .chat-meeting-icon {
  text-align: center;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .chat-meeting-icon img {
  width: 50px;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .label-heading {
  text-align: center;
  margin-bottom: 25px;
  margin-top: 20px;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .joiningCode-label {
  color: #999;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 6px;
  display: inline-block;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .chat-join-input {
  border: none;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 20px;
  font-size: 14px;
  min-width: 120px;
  border-radius: 20px;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .join-meeting-btn {
  text-align: center;
  margin-top: 30px;
}
.chatJoinAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .join-meeting-btn .join-instant-meet-btn {
  border-radius: 30px;
  min-width: 120px;
  border-radius: 20px;
}

/*Chat meeting styling*/
.chatHostAmeeting {
  z-index: 99999;
}
.chatHostAmeeting .modal-dialog {
  max-width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  margin: 0;
  max-height: 100vh !important;
  max-height: calc(var(--vh, 1vh) * 100) !important;
}
.chatHostAmeeting .modal-dialog .modal-content {
  border: none;
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh) * 100);
  background-color: #222;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body {
  padding: 20px 10%;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .chatJoinAmeetingCLose {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #fff;
  opacity: 0.8;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated {
  position: relative;
  height: calc(100vh - 40px);
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating {
  padding: 0 10px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room {
  width: 340px;
  padding: 15px;
  background: #fff; /*box-shadow: 0px 2px 20px 2px #9c9c9c;*/
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 10px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .enterMeetingID, .chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .enterMeetingPassword {
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .enterMeetingdiv {
  position: relative;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .enterMeetingdiv i {
  position: absolute;
  right: 0px;
  top: 21px;
  padding: 13px;
  background: #d8d8d8;
  border-radius: 0 4px 4px 0;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .label-header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 40px;
  background: #21a8d8;
  color: #fff;
  font-size: 16px;
  left: 0px;
  border-radius: 10px 10px 0 0;
  line-height: 40px;
  text-align: center;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .label-header .close-newMeet-form {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .mymeeting-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
  margin-top: 10px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .form-group {
  margin-bottom: 10px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .form-group.mar-top-40 {
  margin-top: 40px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group {
  margin-bottom: 10px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group.meet-time {
  width: calc(50% - 2px);
  float: left;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group label {
  margin: 0;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group .k-datepicker, .chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group .k-timepicker {
  border: none;
  height: auto;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group .k-datepicker .k-picker-wrap .k-input, .chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group .k-timepicker .k-picker-wrap .k-input {
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group .k-datepicker .k-picker-wrap .k-select, .chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group .k-timepicker .k-picker-wrap .k-select {
  background: #d8d8d8;
  height: 41px;
  border: none !important;
  width: 40px;
  border-radius: 0 5px 5px 0;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group .MeetReminder select {
  width: 100%;
  border: none;
  background: #eee;
  padding: 10px 8px;
  height: auto;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-creating .create-meet-room .scheduleMyMeet .form-group .MeetReminder select:focus {
  border: none;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview {
  padding: 0 30px 0 0;
  transform: translateY(50%);
  float: left;
  width: 40%;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .share-meeting {
  padding: 20px;
  background: #fff;
  width: 100%;
  height: auto;
  border-radius: 10px;
  position: relative;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .share-meeting .new-meeting .form-group label {
  font-weight: 700;
  margin: 0;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .share-meeting .new-meeting .form-group .sub-heading {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #708090;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .share-meeting .new-meeting .form-group .meetingIDBox {
  display: block;
  position: relative;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .share-meeting .new-meeting .form-group .meetingIDBox .enterMeetingID {
  border: none;
  background: #eee;
  padding: 10px 8px;
  padding-right: 30px;
  height: auto;
  color: #000;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 700;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .share-meeting .new-meeting .form-group .meetingIDBox .copy-meetingID {
  position: absolute;
  right: 5px;
  top: 10px;
  cursor: pointer;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .share-meeting .new-meeting .mymeeting-share-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .share-meeting .new-meeting .backToMeetListBTN {
  display: none;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .share-meeting .new-meeting .mymeeting-call-btn {
  width: 100%;
  border-radius: 20px;
  padding: 8px;
  background: none;
  border: 1px solid #888;
  margin-top: 10px;
  color: #000;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .chatJoinAmeeting-oneclick {
  padding: 20px;
  background: #fff;
  width: 100%;
  height: auto;
  border-radius: 10px;
  position: relative;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .chatJoinAmeeting-oneclick .chatJoinAmeetingCLose {
  position: absolute;
  right: 15px;
  top: 10px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .chatJoinAmeeting-oneclick .chat-meeting-icon {
  text-align: center;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .chatJoinAmeeting-oneclick .chat-meeting-icon img {
  width: 50px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .chatJoinAmeeting-oneclick .label-heading {
  text-align: center;
  margin-bottom: 25px;
  margin-top: 20px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .chatJoinAmeeting-oneclick .joiningCode-label {
  color: #999;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 6px;
  display: inline-block;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .chatJoinAmeeting-oneclick .chat-join-input {
  border: none;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 20px;
  font-size: 14px;
  min-width: 120px;
  border-radius: 20px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .chatJoinAmeeting-oneclick .join-meeting-btn {
  text-align: center;
  margin-top: 30px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview .chatJoinAmeeting-oneclick .join-meeting-btn .join-instant-meet-btn {
  border-radius: 30px;
  min-width: 120px;
  border-radius: 20px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview {
  position: relative;
  width: 60%;
  transform: translateY(30%);
  float: left;
  padding: 0 0 0 30px;
  border-radius: 10px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video {
  background: #000;
  width: 100%;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video img, .chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video video {
  width: 100%;
  height: 100%;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting {
  position: absolute;
  bottom: 15px;
  left: calc(50% - 40px);
  display: inline-block;
  text-align: center;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeetvideoOnOff {
  float: left;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeetvideoOnOff .login-videoON {
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeetvideoOnOff .login-videoOFF {
  background: red;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  display: block;
  cursor: pointer;
  border: none;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeetvideoOnOff .login-videoOFF img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 9px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeetmicONOFF {
  float: left;
  margin-right: 10px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeetmicONOFF .meetmicOn {
  border: solid 1px #FFFFFF;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  color: #FFFFFF;
  cursor: pointer;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeetmicONOFF .meetmicOFF {
  border: solid 1px #FF0000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  color: #FFFFFF;
  cursor: pointer;
  background: #FF0000;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeeteiconOFF {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeeteiconOFF .meeteicon {
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: inline-block;
  font-size: 20px;
  line-height: 40px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .login-videoSetting .MeeteiconOFF .meetmicOFF {
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: red;
  display: inline-block;
  font-size: 20px;
  line-height: 43px;
}
.chatHostAmeeting .modal-dialog .modal-content .modal-body .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video .setting-meet {
  width: 28px;
  height: 28px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}

/* The container */
.customCheckMain {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customCheckMain input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.customCheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.customCheckMain:hover input ~ .customCheckmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customCheckMain input:checked ~ .customCheckmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.customCheckMain input:checked ~ .customCheckmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.customCheckMain .customCheckmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#CallCompletedPopup .modal-dialog {
  width: 100%;
  min-width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  margin: 0;
}
#CallCompletedPopup .modal-dialog .modal-content {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
#CallCompletedPopup .modal-dialog .modal-content .modal-body .proceedToMeeting {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.menu-disabled {
  background: #9e9e9e !important;
  color: #5a5a5a !important;
  border-top: 1px solid #5a5a5a !important;
}
.menu-disabled i {
  color: #5a5a5a !important;
}

@keyframes sound {
  0% {
    opacity: 0.35;
    height: 3px;
  }
  100% {
    opacity: 1;
    height: 12px;
  }
}
.fileLoaderMessage-box {
  width: 150px !important;
  height: 120px !important;
}

#file-loader {
  position: fixed;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  -o-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
  z-index: 1000;
}

#file-loader.fullscreen {
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#file-loader.show {
  -webkit-transition: opacity 0.4s ease-out, visibility 0s linear 0s;
  -o-transition: opacity 0.4s ease-out, visibility 0s linear 0s;
  transition: opacity 0.4s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

#file-loader .circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  display: block;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#file-loader .circular .path-bg {
  stroke-width: 4;
  stroke: #ffffff;
}

#file-loader .circular .path {
  stroke-width: 4;
  stroke: #F96D00;
  stroke-miterlimit: 10;
}

#file-loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

.section-animated {
  -webkit-animation-duration: 1ms !important;
  animation-duration: 0.5s !important;
  -webkit-transition-duration: 1ms !important;
  transition-duration: 0.5s !important;
  -webkit-animation-iteration-count: 1 !important;
  animation-iteration-count: 1 !important;
}

.group_callList.fade .modal-dialog {
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0);
}

.inviteMeetChatMain {
  text-align: center;
  margin: 5px auto;
  width: 100%;
}
.inviteMeetChatMain .inviteMeetChatTemplate {
  padding: 5px 20px;
  background: #f1f1f1;
  border-radius: 5px;
  display: inline-block;
}
.inviteMeetChatMain .inviteMeetChatTemplate .input-meeting-link {
  position: relative;
}
.inviteMeetChatMain .inviteMeetChatTemplate .input-meeting-link .ChatMeetingID {
  border: none;
  padding: 8px;
  padding-right: 35px;
  background: #fff;
  height: 40px;
  border-radius: 5px;
  font-size: 13px;
}
.inviteMeetChatMain .inviteMeetChatTemplate .input-meeting-link i {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 18px;
  color: #666;
  cursor: pointer;
}
.inviteMeetChatMain .inviteMeetChatTemplate .input-meeting-link i.copied-meet-link-icon {
  color: #4caf50;
}
.inviteMeetChatMain .inviteMeetChatTemplate .chat-invite-label {
  margin: 12px 0;
}
.inviteMeetChatMain .inviteMeetChatTemplate .chatmeeting-share-btn {
  width: 140px;
  border-radius: 20px;
  padding: 5px;
}

/*-----------video call speaking-loader start-----------*/
.speaking-loader {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 30px;
  z-index: 99999;
}
.speaking-loader .bar {
  height: 10px;
  width: 3px;
  display: inline-block;
  margin-right: 5px;
  position: absolute;
  bottom: 0;
  animation: UserspeakingAnim 0.8s ease-out infinite;
  box-shadow: 0 0 10px #000, 0 0 40px #000, 0 0 80px #000;
  background-color: #ffc107;
}
.speaking-loader .bar.bar-2 {
  animation-delay: 0.1s;
  left: 6px;
}
.speaking-loader .bar.bar-3 {
  animation-delay: 0.2s;
  left: 12px;
}
.speaking-loader .bar.bar-4 {
  animation-delay: 1.2s;
  left: 18px;
}
.speaking-loader .bar.bar-5 {
  animation-delay: 0.3s;
  left: 24px;
}

@keyframes UserspeakingAnim {
  0% {
    height: 2px;
  }
  25% {
    height: 6px;
  }
  50% {
    height: 10px;
  }
  75% {
    height: 6px;
  }
  100% {
    height: 2px;
  }
}
.call-new-participant {
  border-radius: 50%;
  background: #4caf50;
  padding: 0px;
  color: #fff;
  min-width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  position: absolute;
  top: 2px;
}

.speach-indicator {
  position: absolute;
  width: inherit;
  height: inherit;
  z-index: 1;
  /*background-color: green;
  border-radius: 0.125rem;*/
  animation-name: speaking-pulse;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  top: 0;
  width: 100%;
  border-radius: 5px;
  z-index: -1;
}

/*-----------video call speaking-loader start-----------*/
.dot-elastic {
  position: absolute;
  width: 3px;
  height: 4px;
  border-radius: 5px;
  background-color: #18ccbb;
  color: #18ccbb;
  display: inline-block;
  right: 10px;
  bottom: 4px;
  z-index: 9999;
}
.dot-elastic.user-speaking-indication {
  right: 18px !important;
  bottom: 8px !important;
}

.add-dot-elastic-anim {
  animation: dotElastic 1s infinite linear;
  -webkit-animation: dotElastic 1s infinite linear;
}
.add-dot-elastic-anim::before {
  animation: dotElasticBefore 1s infinite linear;
  -webkit-animation: dotElasticBefore 1s infinite linear;
}
.add-dot-elastic-anim::after {
  animation: dotElasticAfter 1s infinite linear;
  -webkit-animation: dotElasticAfter 1s infinite linear;
}

.user-mic-off {
  position: absolute;
  right: 18px !important;
  bottom: 8px !important;
  font-size: 12px;
  background: #ec0000;
  color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.login-video-mic {
  left: 20px;
  bottom: 20px;
}

.dot-elastic::before, .dot-elastic::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-elastic::before {
  left: -6px;
  width: 3px;
  height: 4px;
  border-radius: 5px;
  background-color: #18ccbb;
  color: #18ccbb;
}

.dot-elastic::after {
  left: 6px;
  width: 3px;
  height: 4px;
  border-radius: 5px;
  background-color: #18ccbb;
  color: #18ccbb;
}

@keyframes dotElasticBefore {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dotElastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 0.8);
  }
  50% {
    transform: scale(1, 3);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dotElasticAfter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
/*22-04-2021*/
.noHostMorebtn {
  top: -105px !important;
}

.noHostMoremobbtn {
  top: -40px !important;
}

.meeting-backBTN {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  z-index: 9999;
  height: 55px;
  font-size: 18px;
  display: none;
}

/*---CRM Design---*/
.crm-cust-name {
  padding: 20px;
}

.crmorder_sec {
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

/*EnableX design*/
.enableXvideo_DP {
  min-height: 44px !important;
  min-width: 100px !important;
}
.enableXvideo_DP div video {
  height: 44px !important;
  width: 100px !important;
  object-fit: cover;
}

.video_DP div video {
  object-fit: cover !important;
}

.fixed_glob_menu {
  position: absolute;
  z-index: 999999;
  right: 0;
  color: white;
  top: 150px;
  border-radius: 5px 0 0 5px;
  cursor: pointer;
}
.fixed_glob_menu .fixed_glob_icon {
  background: #555;
  padding: 10px;
}
.fixed_glob_menu .fixed_glob_icon_details {
  position: absolute;
  right: 36px;
  top: 0;
  background: #555;
  display: none;
  min-width: 170px;
}
.fixed_glob_menu .fixed_glob_icon_details label {
  padding: 8px;
  margin: 0;
  border-bottom: 1px dashed #fff;
  text-align: center;
  width: 100%;
  color: #fbf308;
}
.fixed_glob_menu .fixed_glob_icon_details:hover {
  display: block;
}
.fixed_glob_menu .fixed_glob_icon_details .fixed_glob_icon_ul {
  padding: 5px;
  margin: 0;
  list-style-type: none;
  background: #555555;
}
.fixed_glob_menu .fixed_glob_icon_details .fixed_glob_icon_ul li {
  width: 100%;
  display: inline-block;
  border-radius: 24px;
  font-size: 12px;
}
.fixed_glob_menu .fixed_glob_icon_details .fixed_glob_icon_ul lihover {
  color: #737f8a;
}
.fixed_glob_menu .fixed_glob_icon_details .fixed_glob_icon_ul li .fixed_glob_menu_option {
  padding: 0px 10px;
  background: #fff;
  line-height: 21px;
  border-radius: 24px;
  width: calc(100% - 56px);
  display: inline-block;
  color: #000;
  float: left;
}
.fixed_glob_menu .fixed_glob_icon_details .fixed_glob_icon_ul li .fixed_glob_menu_option:hover {
  background: steelblue;
  color: #000;
}
.fixed_glob_menu .fixed_glob_icon_details .fixed_glob_icon_ul li .removeList {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  color: #555;
  display: inline-block;
  float: right;
}
.fixed_glob_menu .fixed_glob_icon_details .fixed_glob_icon_ul li .removeList:hover {
  background: #f44336;
  color: #fff;
}

.fixed_glob_icon:hover + .fixed_glob_icon_details {
  display: block;
  box-shadow: 0px 0px 10px 0px #5f5f5f;
}

/*New Design form 50 person video call Tiled view 08-07-2021*/
/* one item */
.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(2),
.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(2) ~ .videoCallUser {
  /* -or- li:only-child { */
  width: 100% !important;
  height: 100vh !important;
}

/* two items */
.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(3),
.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(3) ~ .videoCallUser {
  width: 50% !important;
  height: 50vh !important;
  top: 25%;
}

.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(3) .opponent-video video,
.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(3) ~ .videoCallUser .opponent-video video {
  height: 50vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* three items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(4),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(4) ~ .videoCallUser {
  width: 50% !important;
  height: 50vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(4) ~ .videoCallUser:last-child {
  margin-left: 25%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(4) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(4) ~ .videoCallUser .opponent-video video {
  height: 50vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* four items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(5),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(5) ~ .videoCallUser {
  width: 50% !important;
  height: 50vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled.videoCallUser:first-child:nth-last-child(5) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(5) ~ .videoCallUser .opponent-video video {
  height: 50vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* five items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(6),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(6) ~ .videoCallUser {
  width: 33.3333% !important;
  height: 50vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(6) ~ .videoCallUser:nth-last-child(2) {
  margin-left: 16.6665%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(6) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(6) ~ .videoCallUser .opponent-video video {
  height: 50vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* Six items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(7),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(7) ~ .videoCallUser {
  width: 33.3333% !important;
  height: 50vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(7) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(7) ~ .videoCallUser .opponent-video video {
  height: 50vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* Seven items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(8),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(8) ~ .videoCallUser {
  width: 33.3333% !important;
  height: 33.3333vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(8) ~ .videoCallUser:last-child {
  margin-left: 33.3333%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(8) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(8) ~ .videoCallUser .opponent-video video {
  height: 33.3333vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* Eight items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(9),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(9) ~ .videoCallUser {
  width: 33.3333% !important;
  height: 33.3333vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(9) ~ .videoCallUser:nth-last-child(2) {
  margin-left: 16.6665%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(9) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(9) ~ .videoCallUser .opponent-video video {
  height: 33.3333vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* Nine items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(10),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(10) ~ .videoCallUser {
  width: 33.3333% !important;
  height: 33.3333vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(10) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(10) ~ .videoCallUser .opponent-video video {
  height: 33.3333vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* Ten items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(11),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(11) ~ .videoCallUser {
  width: 25% !important;
  height: 33.3333vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(11) ~ .videoCallUser:nth-last-child(2) {
  margin-left: 25%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(11) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(11) ~ .videoCallUser .opponent-video video {
  height: 33.3333vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* Eleven items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(12),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(12) ~ .videoCallUser {
  width: 25% !important;
  height: 33.3333vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(12) ~ .videoCallUser:nth-last-child(3) {
  margin-left: 12.5%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(12) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(12) ~ .videoCallUser .opponent-video video {
  height: 33.3333vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 12 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(13),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(13) ~ .videoCallUser {
  width: 25% !important;
  height: 33.3333vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(13) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(13) ~ .videoCallUser .opponent-video video {
  height: 33.3333vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 13 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(14),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(14) ~ .videoCallUser {
  width: 25% !important;
  height: 25vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(14) ~ .videoCallUser:last-child {
  margin-left: 37.5%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(14) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(14) ~ .videoCallUser .opponent-video video {
  height: 25vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 14 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(15),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(15) ~ .videoCallUser {
  width: 25% !important;
  height: 25vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(15) ~ .videoCallUser:nth-last-child(2) {
  margin-left: 25%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(15) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(15) ~ .videoCallUser .opponent-video video {
  height: 25vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 15 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(16),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(16) ~ .videoCallUser {
  width: 25% !important;
  height: 25vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(16) ~ .videoCallUser:nth-last-child(3) {
  margin-left: 12.5%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(16) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(16) ~ .videoCallUser .opponent-video video {
  height: 25vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 16 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(17),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(17) ~ .videoCallUser {
  width: 25% !important;
  height: 25vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(17) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(17) ~ .videoCallUser .opponent-video video {
  height: 25vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 17 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(18),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(18) ~ .videoCallUser {
  width: 20% !important;
  height: 25vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(18) ~ .videoCallUser:nth-last-child(2) {
  margin-left: 30%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(18) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(18) ~ .videoCallUser .opponent-video video {
  height: 25vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 18 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(19),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(19) ~ .videoCallUser {
  width: 20% !important;
  height: 25vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(19) ~ .videoCallUser:nth-last-child(3) {
  margin-left: 20%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(19) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(19) ~ .videoCallUser .opponent-video video {
  height: 25vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 19 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(20),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(20) ~ .main_hvc {
  width: 20% !important;
  height: 25vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(20) ~ .main_hvc:nth-last-child(4) {
  margin-left: 10%;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(20) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(20) ~ .main_hvc .opponent-video video {
  height: 25vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 20 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(21),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(21) ~ .main_hvc {
  width: 20% !important;
  height: 25vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(21) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(21) ~ .main_hvc .opponent-video video {
  height: 25vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 21 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(22),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(22) ~ .main_hvc {
  width: 20% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(22) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(22) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 22 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(23),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(23) ~ .main_hvc {
  width: 20% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(23) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(23) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 23 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(24),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(24) ~ .main_hvc {
  width: 20% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(24) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(24) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 24 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(25),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(25) ~ .main_hvc {
  width: 20% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(25) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(25) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 25 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(26),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(26) ~ .main_hvc {
  width: 20% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(26) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(26) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 26 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(27),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(27) ~ .main_hvc {
  width: 16.66667% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(27) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(27) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 27 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(28),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(28) ~ .main_hvc {
  width: 16.66667% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(28) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(28) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 28 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(29),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(29) ~ .main_hvc {
  width: 16.66667% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(29) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(29) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 29 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(30),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(30) ~ .main_hvc {
  width: 16.66667% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(30) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(30) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 30 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(31),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(31) ~ .main_hvc {
  width: 16.66667% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(31) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(31) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 31 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(32),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(32) ~ .main_hvc {
  width: 14.2857% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(32) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(32) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 32 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(33),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(33) ~ .main_hvc {
  width: 14.2857% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(33) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(33) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 33 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(34),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(34) ~ .main_hvc {
  width: 14.2857% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(34) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(34) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 34 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(35),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(35) ~ .main_hvc {
  width: 14.2857% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(35) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(35) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 35 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(36),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(36) ~ .main_hvc {
  width: 14.2857% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(36) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(36) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 36 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(37),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(37) ~ .main_hvc {
  width: 12.5% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(37) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(37) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 37 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(38),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(38) ~ .main_hvc {
  width: 12.5% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(38) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(38) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 38 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(39),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(39) ~ .main_hvc {
  width: 12.5% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(39) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(39) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 39 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(40),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(40) ~ .main_hvc {
  width: 12.5% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(40) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(40) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 40 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(41),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(41) ~ .main_hvc {
  width: 12.5% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(41) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(41) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 41 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(42),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(42) ~ .main_hvc {
  width: 10% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(42) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(42) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 42 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(43),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(43) ~ .main_hvc {
  width: 10% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(43) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(43) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 43 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(44),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(44) ~ .main_hvc {
  width: 10% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(44) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(44) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 44 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(45),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(45) ~ .main_hvc {
  width: 10% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(45) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(45) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 45 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(46),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(46) ~ .main_hvc {
  width: 10% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(46) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(46) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 46 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(47),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(47) ~ .main_hvc {
  width: 10% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(47) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(47) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 47 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(48),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(48) ~ .main_hvc {
  width: 10% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(48) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(48) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 48 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(49),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(49) ~ .main_hvc {
  width: 10% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(49) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(49) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

/* 49 user items */
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(50),
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(50) ~ .main_hvc {
  width: 10% !important;
  height: 20vh !important;
}

.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(50) .opponent-video video,
.highlight_vidCall.highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(50) ~ .main_hvc .opponent-video video {
  height: 20vh !important;
  width: 100% !important;
  object-fit: cover;
}

[class*=eicon-] {
  display: block;
  background-repeat: no-repeat;
}

[class*=eicon]::before {
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
}

.eicon-linkedin-like {
  font-size: 20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' data-supported-dps='24x24' fill='currentColor' class='mercado-match' focusable='false'%3E%3Cpath d='M19.46 11l-3.91-3.91a7 7 0 01-1.69-2.74l-.49-1.47A2.76 2.76 0 0010.76 1 2.75 2.75 0 008 3.74v1.12a9.19 9.19 0 00.46 2.85L8.89 9H4.12A2.12 2.12 0 002 11.12a2.16 2.16 0 00.92 1.76A2.11 2.11 0 002 14.62a2.14 2.14 0 001.28 2 2 2 0 00-.28 1 2.12 2.12 0 002 2.12v.14A2.12 2.12 0 007.12 22h7.49a8.08 8.08 0 003.58-.84l.31-.16H21V11zM19 19h-1l-.73.37a6.14 6.14 0 01-2.69.63H7.72a1 1 0 01-1-.72l-.25-.87-.85-.41A1 1 0 015 17l.17-1-.76-.74A1 1 0 014.27 14l.66-1.09-.73-1.1a.49.49 0 01.08-.7.48.48 0 01.34-.11h7.05l-1.31-3.92A7 7 0 0110 4.86V3.75a.77.77 0 01.75-.75.75.75 0 01.71.51L12 5a9 9 0 002.13 3.5l4.5 4.5H19z'%3E%3C/path%3E%3C/svg%3E");
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' data-supported-dps='24x24' fill='currentColor' class='mercado-match' width='24' height='24' focusable='false'%3E%3Cpath d='M19.46 11l-3.91-3.91a7 7 0 01-1.69-2.74l-.49-1.47A2.76 2.76 0 0010.76 1 2.75 2.75 0 008 3.74v1.12a9.19 9.19 0 00.46 2.85L8.89 9H4.12A2.12 2.12 0 002 11.12a2.16 2.16 0 00.92 1.76A2.11 2.11 0 002 14.62a2.14 2.14 0 001.28 2 2 2 0 00-.28 1 2.12 2.12 0 002 2.12v.14A2.12 2.12 0 007.12 22h7.49a8.08 8.08 0 003.58-.84l.31-.16H21V11zM19 19h-1l-.73.37a6.14 6.14 0 01-2.69.63H7.72a1 1 0 01-1-.72l-.25-.87-.85-.41A1 1 0 015 17l.17-1-.76-.74A1 1 0 014.27 14l.66-1.09-.73-1.1a.49.49 0 01.08-.7.48.48 0 01.34-.11h7.05l-1.31-3.92A7 7 0 0110 4.86V3.75a.77.77 0 01.75-.75.75.75 0 01.71.51L12 5a9 9 0 002.13 3.5l4.5 4.5H19z'%3E%3C/path%3E%3C/svg%3E");*/
}

.eicon-liknedin-comment {
  font-size: 20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' data-supported-dps='24x24' fill='currentColor' class='mercado-match' focusable='false'%3E%3Cpath d='M7 9h10v1H7zm0 4h7v-1H7zm16-2a6.78 6.78 0 01-2.84 5.61L12 22v-4H8A7 7 0 018 4h8a7 7 0 017 7zm-2 0a5 5 0 00-5-5H8a5 5 0 000 10h6v2.28L19 15a4.79 4.79 0 002-4z'%3E%3C/path%3E%3C/svg%3E");
}

.eicon-linkedin-share {
  font-size: 20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' data-supported-dps='24x24' fill='currentColor' class='mercado-match' focusable='false'%3E%3Cpath d='M23 12l-4.61 7H16l4-6H8a3.92 3.92 0 00-4 3.84V17a4 4 0 00.19 1.24L5.12 21H3l-.73-2.22A6.4 6.4 0 012 16.94 6 6 0 018 11h12l-4-6h2.39z'%3E%3C/path%3E%3C/svg%3E");
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' data-supported-dps='24x24' fill='currentColor' class='mercado-match' width='24' height='24' focusable='false'%3E%3Cpath d='M23 12l-4.61 7H16l4-6H8a3.92 3.92 0 00-4 3.84V17a4 4 0 00.19 1.24L5.12 21H3l-.73-2.22A6.4 6.4 0 012 16.94 6 6 0 018 11h12l-4-6h2.39z'%3E%3C/path%3E%3C/svg%3E");*/
}

.eicon-linkedin-send {
  font-size: 20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' data-supported-dps='24x24' fill='currentColor' class='mercado-match' focusable='false'%3E%3Cpath d='M21 3L0 10l7.66 4.26L16 8l-6.26 8.34L14 24l7-21z'%3E%3C/path%3E%3C/svg%3E");
}

.divFullScreen {
  object-fit: contain;
  user-select: text;
  position: fixed !important;
  box-sizing: border-box !important;
  min-width: 0px !important;
  max-width: none !important;
  min-height: 0px !important;
  max-height: none !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  inset: 0px !important;
  margin: 0px !important;
  z-index: 999999;
  background: #FFFFFF;
}

@media only screen and (max-width: 600px) {
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content {
    padding: 0px;
  }
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content ul li a {
    padding: 10px 8px;
    font-size: 13px;
  }
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform {
    padding: 0;
  }
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-edit-address .adm-address-hd {
    width: calc(100% - 130px);
  }
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-address-view .adm-edit-address .adm-form-edit {
    width: 130px;
  }
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform table {
    font-size: 12px;
  }
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform table > thead > tr > th {
    padding: 8px 10px;
  }
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform table > tbody > tr > td {
    padding: 8px 10px;
  }
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-card-pay {
    margin-top: 20px;
  }
  .adm-section .adm-body-content .card-body .adm-vertical-tab .adm-tab-content .adm-Profileform .adm-card-pay .adm-card-pay-header .header-text span {
    font-size: 22px;
  }
  .heading-blue {
    font-size: 14px;
  }
  .userlist-pagination ul::-webkit-scrollbar {
    height: 0px !important;
  }
  .app-header .nav-item.nav-item-mobile {
    min-width: 35px;
  }
  .rateVideoCall .modal-dialog {
    padding: 5px;
  }
  .customer-list .customer-list-section {
    /*.cl-main {padding: 0.5rem;}*/
  }
  .customer-list .customer-list-section .cl-profile .row .myprofile-pad {
    padding: 0 5px;
  }
  .people-list .people-list-section .pl-main .pl_topBAR {
    height: 55px;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft {
    width: 100%;
    padding: 0;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt {
    width: 100%;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt {
    height: 55px;
    margin: 0;
    line-height: 55px;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt.ListunselectOptLeft {
    width: calc(100% - 160px);
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt.ListunselectOptRight {
    width: 160px;
    text-align: right;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt.ListunselectOptRight button {
    padding: 3px 10px;
    min-width: 40px !important;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt.ListunselectOptRight button .plimport_txt {
    display: none;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt.ListunselectOptRight button .pladd_txt {
    display: none;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt.ListunselectOptRight button .add_UserBtn {
    display: block;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListunselectOpt .pl_topbar_opt .pl_topbar_optPAD {
    margin: 8px 0;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListselectOpt {
    margin: 0;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListselectOpt .pl_topbar_opt .k-dropdown {
    width: calc(100% - 171px) !important;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListselectOpt .pl_topbar_opt button {
    margin: 10px 5px;
    min-width: 80px !important;
  }
  .people-list .people-list-section .pl-main .pl_topBAR .pl_topLeft .ListselectOpt .pl_topbar_opt .pl_topbar_optPAD {
    margin: 10px 5%;
    width: 90%;
  }
  .people-list .people-list-section .pl-main .PeopleListsMain {
    /*.Peolistview{display:none;}
    .AllListBoxView{display:block;}*/
  }
  .people-list .people-list-section .pl-main.add-new-pl .add_peopleForms .k-tabstrip-items li {
    width: 50%;
  }
  .people-list .people-list-section .pl-profile .row .myprofile-pad {
    padding: 0 5px;
  }
  .people-list .people-list-section .vl-main .vl_topBAR {
    height: 55px;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft {
    width: 100%;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt {
    width: 100%;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt {
    height: 55px;
    margin: 0;
    line-height: 55px;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt.ListunselectOptLeft {
    width: calc(100% - 160px);
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt.ListunselectOptRight {
    width: 160px;
    text-align: right;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt.ListunselectOptRight button {
    padding: 3px 10px;
    min-width: 100px;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt.ListunselectOptRight button .vlimport_txt {
    display: none;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListunselectOpt .vl_topbar_opt .vl_topbar_optPAD {
    margin: 8px 0;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListselectOpt .vl_topbar_opt .k-dropdown {
    width: calc(100% - 140px) !important;
    float: left;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListselectOpt .vl_topbar_opt button {
    margin: 10px 5px;
    min-width: 80px !important;
    float: left;
  }
  .people-list .people-list-section .vl-main .vl_topBAR .vl_topLeft .ListselectOpt .vl_topbar_opt .vl_topbar_optPAD {
    margin: 0;
  }
  .people-list .people-list-section .vl-main .VendorListsMain {
    /*.Vendlistview{display:none;}
    .AllListBoxView{display:block;}*/
  }
  .vendor-list .vendor-list-section {
    /*.vl-main {padding: 0.5rem;}*/
  }
  .vendor-list .vendor-list-section .vl-profile .row .myprofile-pad {
    padding: 0 5px;
  }
  .tabADDVend {
    position: relative;
  }
  .tabADDVend .k-content {
    padding: 10px 5px;
  }
  .tabADDEmp {
    position: relative;
  }
  .tabADDEmp .k-content {
    padding: 10px 5px;
  }
  .addVendCheckbox {
    position: relative;
    top: 5px;
  }
  .Vendor_ActivityMain {
    position: relative;
  }
  .Vendor_ActivityMain .VendorActDetails {
    padding: 0px;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper {
    height: calc(100vh - 125px);
    height: calc(var(--vh, 1vh) * 100 - 125px);
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain {
    position: relative;
    padding: 10px;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items {
    margin: 0;
    border: 0px;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li {
    background: transparent;
    color: #000;
    font-weight: bold;
    width: 16.7%;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    position: relative;
    height: 30px;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li:after {
    border-top-width: 3px;
    border-bottom: none;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li.k-state-active {
    color: #000;
    background: lavender;
    border: none;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li.k-state-active:after {
    border-color: #03a9f4;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li.k-state-selected {
    color: #000;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-tabstrip-items li .k-link {
    padding: 5px;
    text-transform: capitalize;
    margin: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content {
    padding: 0;
    margin: 0;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab {
    padding: 0px;
    margin-top: 16px;
    height: calc(100vh - 180px);
    height: calc(var(--vh, 1vh) * 100 - 180px);
    overflow: scroll;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab::-webkit-scrollbar {
    width: 5px;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab::-webkit-scrollbar-thumb {
    background: #888;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget {
    font-size: 13px;
    background: #FFFFFF;
    margin: 10px; /*box-shadow:0px 0px 6px 0px #ccc;*/
    border-radius: 8px 8px 0 0;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    /*&.sec2{animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
    &.sec3{animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }*/
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .vendAct_Heading {
    font-size: 14px;
    font-weight: 600;
    padding: 8px 15px; /*border-radius: 8px 8px 0 0;*/
    color: #000;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .vendAct_Heading.height40 {
    height: 40px;
  }
  .Vendor_ActivityMain .VendorActDetails .k-tabstrip-wrapper .tabVendActMain .k-content .Vend_ActTab .widget .VenSumUL {
    padding: 0;
  }
  .vendor-main {
    padding: 10px !important;
  }
  .vendor-main .vendor-card {
    margin-bottom: 0.5rem !important;
  }
  .vendor-main .vendor_announcement_main .announcement_body {
    padding: 0;
  }
  .Vendpurchase_req .ListunselectOptLeft {
    width: 100% !important;
  }
  .Vendpurchase_req .vendPReqListsMain {
    width: 100% !important;
  }
  .Vendpurchase_req .vendPReqListsMain .vendPReqlistview {
    position: relative;
  }
  .Vendpurchase_req .vendPReqListsMain .vendPReqlistview .vendPReqListMain {
    width: 100% !important;
  }
  .Vendpurchase_req .vendPReqListsMain .vendPReqlistview .vendPReqListMain .vendPReqListCol {
    width: 100% !important;
    border-right: 0 !important;
  }
  .Vendpurchase_req .vendPReqListsMain .vendPReqlistview .purchase_detailsMain {
    width: 100% !important;
  }
  .Vendpurchase_req .vendPReqListsMain .vendPReqlistview .purchase_detailsMain .purchase_grid .PRtabONE .k-grid {
    height: calc(100vh - 145px);
    height: calc(var(--vh, 1vh) * 100 - 145px);
  }
  .Vendpurchase_req .vendPReqListsMain .vendPReqlistview .purchase_detailsMain .purchase_grid .PRtabONE .k-grid .k-grid-content {
    height: calc(100vh - 175px) !important;
    height: calc(var(--vh, 1vh) * 100 - 175px) !important;
  }
}
@media only screen and (min-width: 769px) {
  #ChatPartialView .chat-section .chat-Side-Menu {
    display: block !important;
  }
  #ChatPartialView .chat-section .chat-msg-room {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .dropdown-menu.dropdown-menu-lg, .dropdown-menu.dropdown-menu-md, .dropdown-menu.dropdown-menu-xl {
    width: 300px;
  }
  .dropdown-menu.dropdown-menu-lg {
    width: 300px;
    left: calc(100% - 147px) !important;
  }
  .calNotifi {
    display: none;
  }
  .db-cal-notitsk-info {
    display: block;
  }
  .rfq-price-comp-searchMob {
    display: none;
  }
  #ChatPartialView .chat-section {
    position: relative;
    height: 100%;
  }
  #ChatPartialView .chat-section .chat-left-list {
    width: 100% !important;
  }
  #ChatPartialView .chat-section .chat-left-list .chat-Side-Menu {
    width: 100% !important;
  }
  #ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav {
    width: 100% !important;
  }
  #ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-user-search, #ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .chat-nav-tabs, #ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .MeetchatListBTN, #ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .vendorchatListBTN, #ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .EmpchatListBTN, #ChatPartialView .chat-section .chat-left-list .chat-Side-Menu .chat-side-nav .customerchatListBTN {
    width: 100% !important;
  }
  #ChatPartialView .chat-section .chat-msg-room {
    width: 100% !important;
    /*Chat Setting Page start*/
    /*Create Group Start*/
    /*Video chat for Mobile*/
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder {
    display: block !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top {
    padding: 5px 0;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chatbox-icons {
    float: left;
    top: -5px;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-back {
    display: block !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name {
    position: relative;
    top: -5px;
    font-size: 18px !important; /*width: calc(100% - 148px);*/
    width: calc(100% - 20px);
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chatbox-top .chat-partner-name .name-side-icons {
    display: inline-block !important;
    line-height: 0;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main {
    height: calc(100vh - 105px);
    height: calc(var(--vh, 1vh) * 100 - 105px);
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_chatNames {
    font-size: 14px !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .voiceCallMain .audio_chatMembers .Membericon {
    height: 40px !important;
    width: 40px !important;
    line-height: 40px !important;
    font-size: 18px !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages {
    padding: 10px !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .user_msg_section {
    padding: 0;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .user_msg_section .user_icon {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .chat-messages .user_msg_section .user_chats .user_reply_textbox .input_textmain {
    position: static;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .sideChatMain {
    width: 100% !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .chat_room_main .sideChatMain .chat_userTab .tab-main .close-chatPeople {
    display: block !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .chatbox-holder .chatbox .input_textmain { /*position: fixed;bottom: 0px;*/
    display: inline-block;
  }
  #ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top {
    position: relative;
  }
  #ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-partner-name {
    font-size: 18px !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .Chat_Main_Setting .chatbox-top .chat-back {
    display: block !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top {
    position: relative;
  }
  #ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-partner-name {
    font-size: 18px !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .creat_my_grp .chatbox-top .chat-back {
    display: block !important;
  }
  #ChatPartialView .chat-section .chat-msg-room .video-chat-main .show-videos .chat_Videoes {
    margin: 0;
  }
  #ChatPartialView .chat-section .chat-msg-room .video-chat-main .show-videos .chat_Videoes .video_Col {
    width: 65px !important;
  }
  .addUsericon, .raise-hand, .tiled-view, .normal-view {
    display: none !important;
  }
  .VCmore_options .message-options-main .message-options .dropdown .dropdown-menu.chat_dropdown.moreVideoOpts {
    top: -76px !important;
  }
  .VCmore_options .message-options-main .message-options .dropdown .dropdown-menu.chat_dropdown.moreVideoOpts.mob-live {
    top: -140px !important;
  }
  .VCmore_options .message-options-main .message-options .dropdown .dropdown-menu.chat_dropdown.moreVideoOpts.mob-live .mob-addpeople, .VCmore_options .message-options-main .message-options .dropdown .dropdown-menu.chat_dropdown.moreVideoOpts.mob-live .mob-raisehand {
    display: block !important;
  }
  .VCmore_options .message-options-main .message-options .dropdown .dropdown-menu.chat_dropdown.moreVideoOpts.mob-live .view-shortcut-btn {
    display: none !important;
  }
  .VCmore_options .message-options-main .message-options .dropdown .dropdown-menu.chat_dropdown.moreVideoOpts.mob-live.noHostMoremobbtn {
    top: -105px !important;
  }
  .videoChatpopupmain .sideChatMain {
    width: 100% !important;
  }
  .videoChatpopupmain .sideChatMain .chat_userTab .tab-main .close-chatPeople {
    display: block !important;
  }
  #PostPartialView {
    position: relative;
  }
  #PostPartialView .Post_Main {
    width: 100%;
  }
  #PostPartialView .Post_Main .post_row {
    position: relative;
  }
  #PostPartialView .Post_Main .post_row .post_col {
    position: relative;
  }
  #PostPartialView .Post_Main .post_row .post_col .post-section {
    position: relative;
  }
  #PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room { /*height: calc(100vh - 150px);height:calc((var(--vh, 1vh) * 100) - 150px);*/ }
  #PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px;
    overflow: auto; /*display: flex;flex-flow: row wrap;align-content: flex-start;flex: 1;*/
  }
  #PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder {
    padding: 0;
  }
  #PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section {
    margin-bottom: 16px !important;
    width: 100%;
    display: inline-block;
  }
  #PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .post-messages .message-box-holder.user_msg_section .user_icon {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
  }
  #PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain {
    float: left;
    padding: 0 10px;
  }
  #PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .loadSearch-task {
    width: 100%;
    margin: 0;
  }
  #PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .attachment_preview {
    width: 100%;
    margin: 0;
  }
  #PostPartialView .Post_Main .post_row .post_col .post-section .post-msg-room .input_textmain .post-input-holder {
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 0 10px 0 !important;
  }
  .chat_themeICON {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: blue;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
  }
  .minChatVidCallPop {
    padding: 5px !important;
    top: 5px !important;
  }
  .VideocallpopupMain {
    z-index: 99999;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain {
    position: relative;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .share-screen {
    display: none;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .mainFrame-video span .main-video {
    object-fit: contain;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_notiled.mob-screenShare {
    height: 130px;
    top: unset;
    bottom: 80px;
    right: 0px;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    position: relative;
    margin: 0;
    padding: 10px;
    top: auto;
    right: auto;
    float: left;
    padding: 0;
    overflow: auto;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain {
    width: 100%;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain.more-opponent {
    position: absolute;
    top: 0;
    left: 0;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain.half-screen {
    height: 50vh;
    height: calc(var(--vh, 1vh) * 50);
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc:first-child {
    margin-left: 50%;
    width: 50% !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc:first-child .opponent-video .reconnection-icon {
    top: 50px;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video {
    display: inline-block;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.highlight_vidCall_tiled .opponentVideoesMain .main_hvc .opponent-video video {
    height: 250px;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.opponentShareScreens .main_hvc {
    transform: unset !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall.opponentShareScreens .main_hvc .opponent-video video {
    height: 70px !important;
    width: 100px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes { /*position: absolute;right: 0 !important;top: 0px;*/
    margin: 0;
    transition: 0.3s;
    display: block;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes .video_Col {
    height: 120px;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes.mob-screenShare {
    right: unset;
    left: 10px;
    bottom: 84px;
    top: unset;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes.chat_Videoes_tiled {
    position: relative;
    width: 100%;
    height: 50vh;
    height: calc(var(--vh, 1vh) * 50);
    float: left;
    top: initial !important;
    right: auto;
    /*.video_Col{width:100% !important;height:auto;top: 50%;position:relative;}*/
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes.chat_Videoes_tiled.thisVideoShareScreen {
    width: 100px !important;
    height: 70px !important;
    float: left;
    margin-left: 5px !important; /*bottom: 100px !important; top: unset !important; right:15px !important;*/
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes.chat_Videoes_tiled.thisVideoShareScreen .video_Col {
    width: 100px !important;
    height: 70px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes.chat_Videoes_tiled.thisVideoShareScreen .video_Col .this-video {
    height: 70px !important;
    display: inline-block;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes.thisVideoShareScreen {
    width: 100px !important;
    height: 70px !important;
    margin-left: 5px !important;
    bottom: 100px !important;
    top: unset !important;
    right: 15px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes.thisVideoShareScreen .video_Col {
    width: 100px !important;
    height: 70px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .highlight_vidCall .chat_Videoes.thisVideoShareScreen .video_Col .this-video {
    height: 70px !important;
    display: inline-block;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes { /*position: absolute;right: 0 !important;top: 0px;*/
    margin: 0;
    transition: 0.3s;
    display: block;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes .video_Col {
    height: 100vh;
    width: 100%;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.mob-screenShare {
    right: unset;
    left: 10px;
    bottom: 84px;
    top: unset;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled {
    position: relative;
    width: 100%;
    height: 50vh;
    height: calc(var(--vh, 1vh) * 50);
    float: left;
    top: initial !important;
    right: auto;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled.thisVideoShareScreen {
    width: 100px !important;
    height: 70px !important;
    float: left;
    margin-left: 5px !important; /*bottom: 100px !important; top: unset !important; right:15px !important;*/
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled.thisVideoShareScreen .video_Col {
    width: 100px !important;
    height: 70px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled.thisVideoShareScreen .video_Col .this-video {
    height: 70px !important;
    display: inline-block;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col {
    width: 100% !important;
    height: auto;
    position: relative;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video {
    /*.myVideoView{height:250px; }*/
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.chat_Videoes_tiled .video_Col .this-video .rising-indication {
    top: 35px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.thisVideoShareScreen {
    width: 100px !important;
    height: 70px !important;
    float: left;
    margin-left: 5px !important;
    bottom: 100px !important;
    top: unset !important;
    right: 15px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.thisVideoShareScreen .video_Col {
    width: 100px !important;
    height: 70px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .chat_Videoes.thisVideoShareScreen .video_Col .this-video {
    height: 70px !important;
    display: inline-block;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .showChatWindowicon {
    display: none !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband {
    top: 0px;
    right: 0 !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options {
    display: none;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .top-navband .top-navband-options.mob-minimize {
    display: block;
    border-radius: 0 0 0 10px;
    width: 45px !important;
    min-width: 45px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .video_call_btns {
    display: inline-block;
    width: 248px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .video_call_btns .share-screen-a, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .video_call_btns .addUsericon-a, .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .video_call_btns .showChatWindow-a {
    display: none;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .video_call_btns .VCmore_options-a {
    right: unset !important;
    bottom: unset !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options {
    right: 10px !important;
    bottom: 33px !important;
    border-radius: 50%;
    background: rgba(158, 158, 158, 0.5);
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options.MBshareVCmore_opt {
    bottom: 30px !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options .text_chatOpt {
    display: block !important;
  }
  .VideocallpopupMain .modal-dialog .modal-content .modal-body .videoChatpopupmain .video_callWindow .video-chat-main .show-videos .VCmore_options .tileviewOpt {
    display: block;
  }
  /*New Design form 50 person video call Tiled view 08-07-2021*/
  /* n User Video call */
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(n),
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(n) ~ .videoCallUser {
    width: 50% !important;
    height: 25vh !important;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(n) .video_Col .this-video,
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(n) ~ .videoCallUser .video_Col .this-video {
    height: 25vh !important;
  }
  /* one item */
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(1) {
    width: 100% !important;
    height: 100vh !important;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(1) .video_Col .this-video {
    height: 100vh !important;
  }
  /* 2 User Video call */
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(2),
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(2) ~ .videoCallUser {
    width: 100% !important;
    height: 50vh !important;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(2) .video_Col .this-video,
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(2) ~ .videoCallUser .video_Col .this-video {
    height: 50vh !important;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(2) .opponent-video video,
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(2) ~ .videoCallUser .opponent-video video {
    height: 50vh !important;
    width: 100% !important;
  }
  /* 3 User Video call */
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(3),
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(3) ~ .videoCallUser {
    width: 50% !important;
    height: 50vh !important;
    top: unset;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(3) .video_Col .this-video,
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(3) ~ .videoCallUser .video_Col .this-video {
    height: 50vh !important;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(3) ~ .videoCallUser:last-child {
    width: 100% !important;
  }
  /* 4 User Video call */
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(4),
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(4) ~ .videoCallUser {
    width: 50% !important;
    height: 50vh !important;
    top: unset;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(4) .video_Col .this-video,
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(4) ~ .videoCallUser .video_Col .this-video {
    height: 50vh !important;
  }
  /* 5 User Video call */
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(5),
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(5) ~ .videoCallUser {
    width: 50% !important;
    height: 33.3333vh !important;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(5) .video_Col .this-video,
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(5) ~ .videoCallUser .video_Col .this-video {
    height: 33.3333vh !important;
  }
  /* 6 User Video call */
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(6),
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(6) ~ .videoCallUser {
    width: 50% !important;
    height: 33.3333vh !important;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(6) .video_Col .this-video,
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(6) ~ .videoCallUser .video_Col .this-video {
    height: 33.3333vh !important;
  }
  /* 7 User Video call */
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(7),
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(7) ~ .videoCallUser {
    width: 50% !important;
    height: 25vh !important;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(7) .video_Col .this-video,
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(7) ~ .videoCallUser .video_Col .this-video {
    height: 25vh !important;
  }
  /* 8 User Video call */
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(8),
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(8) ~ .videoCallUser {
    width: 50% !important;
    height: 25vh !important;
  }
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(8) .video_Col .this-video,
  .highlight_vidCall_tiled .videoCallUser:first-child:nth-last-child(8) ~ .videoCallUser .video_Col .this-video {
    height: 25vh !important;
  }
  /*New Design form 50 person video call Tiled view 08-07-2021*/
  .meeting-backBTN {
    display: block;
  }
  /*Share screen mobile view*/
  .shareScreenWindow {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    border-right: none;
  }
  .shareScreenWindow video {
    object-fit: unset !important;
    height: auto !important;
  }
  .shareMsgMain {
    width: 80%;
    padding: 40px 0;
    font-size: 18px;
  }
  .opponentShareScreens {
    height: 91px !important;
    width: 100% !important;
    bottom: 95px !important;
    padding: 10px !important;
    float: unset !important;
    top: unset !important;
    position: absolute !important;
    right: unset !important;
    overflow: auto;
    margin: 0 !important;
  }
  .opponentShareScreens .main_hvc {
    position: relative !important;
    width: 100px !important;
    height: 70px !important;
    margin-left: 5px !important;
    top: 0 !important;
  }
  .opponentShareScreens .main_hvc .opponent-video {
    height: 100% !important;
    display: inline-block;
  }
  .opponentShareScreens .main_hvc .opponent-video .userNameTemplate {
    display: none !important;
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff {
    position: absolute;
    background: #404040;
    width: 100%;
    height: 100%;
    top: 0;
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff .user-letter {
    color: #fff;
    background: #9E9E9E;
    width: 50px !important;
    height: 50px !important;
    display: inline-block;
    text-align: center;
    line-height: 50px !important;
    font-size: 30px !important;
    font-weight: bold;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg1 {
    background: #607D8B;
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg2 {
    background: #734db5;
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg3 {
    background: #278bbb;
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg4 {
    background: #0aa5b9;
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg5 {
    background: #a131a9;
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg6 {
    background: #da5406;
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg7 {
    background: #a98431;
  }
  .opponentShareScreens .main_hvc .opponent-video .videoTurnedoff .user-letter.circlebg8 {
    background: #4aab4d;
  }
  .opponentShareScreens.threeUserViewMain .three_Video {
    width: 100px !important;
    height: 70px !important;
  }
  .opponentShareScreens.threeUserViewMain .three_Video.mainFullVideo {
    width: 100px !important;
    height: 70px !important;
  }
  .opponentShareScreens.fourUserViewMain .four_Video {
    width: 80px !important;
    height: 70px !important;
  }
  .opponentShareScreens.fourUserViewMain .four_Video:nth-child(3) {
    top: unset !important;
  }
  .opponentShareScreens.fourUserViewMain .four_Video.mainFullVideo {
    width: 80px !important;
    height: 70px !important;
  }
  .thisVideoShareScreen {
    width: 100px !important;
    height: 70px !important;
    float: left;
    margin-left: 5px !important; /*bottom: 100px !important; top: unset !important; right:15px !important;*/
  }
  .thisVideoShareScreen .video_Col {
    width: 100px !important;
    height: 70px !important;
  }
  .thisVideoShareScreen .video_Col .this-video {
    height: 70px !important;
    display: inline-block;
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff {
    position: absolute;
    background: #404040;
    width: 100%;
    height: 100%;
    top: 0;
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff .user-letter {
    color: #fff;
    background: #9E9E9E;
    width: 50px !important;
    height: 50px !important;
    display: inline-block;
    text-align: center;
    line-height: 50px !important;
    font-size: 30px !important;
    font-weight: bold;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff .user-letter.circlebg1 {
    background: #607D8B;
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff .user-letter.circlebg2 {
    background: #734db5;
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff .user-letter.circlebg3 {
    background: #278bbb;
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff .user-letter.circlebg4 {
    background: #0aa5b9;
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff .user-letter.circlebg5 {
    background: #a131a9;
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff .user-letter.circlebg6 {
    background: #da5406;
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff .user-letter.circlebg7 {
    background: #a98431;
  }
  .thisVideoShareScreen .video_Col .this-video .videoTurnedoff .user-letter.circlebg8 {
    background: #4aab4d;
  }
  /*.closeRecordVideoPopup, .closeSnapshotPopup{padding: 1rem !important; top: 0px !important;}*/
  .ChatVideoRecordPopup .modal-dialog, .ChatSnapshotPopup .modal-dialog {
    margin: 0 !important;
  }
  .ChatVideoRecordPopup .modal-dialog .modal-content, .ChatSnapshotPopup .modal-dialog .modal-content {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    margin: 0;
  }
  .ChatVideoRecordPopup .modal-dialog .modal-content .modal-body .rotate_cam, .ChatSnapshotPopup .modal-dialog .modal-content .modal-body .rotate_cam {
    top: 56px;
  }
  .sidebar {
    height: calc(var(--vh, 1vh) * 100 - 55px) !important;
  }
  /*.setup{
      .setup-side-menu{width:100%;}
      .setup-content{display:none;}
  }*/
  .rfqGeneration-custom-form .form-group .rfqtext-box-md {
    width: 276px !important;
  }
  #GlobalFinder.k-window-content {
    width: 100% !important;
  }
  .global-sidebarSearch {
    width: 100% !important;
    top: 0;
    right: 0;
    left: 0;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -webkit-border-radius: 0px;
    -os-border-radius: 0px;
    border-radius: 0px;
  }
  .global-sidebarSearch .global-search-maindiv {
    width: 100% !important;
    float: left;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .rfqGenerateMob {
    position: relative;
  }
  .rfqGenerateMob .createdby-mob {
    margin-right: 19px !important;
  }
  .rfqGenerateMob .desc-input-mob-width {
    width: 384px;
  }
  .rfqDetails_date_ipad {
    width: 116px !important;
  }
  .rfqGenerationGridScroll .k-grid-content {
    height: calc(100vh - 436px) !important;
    height: calc(var(--vh, 1vh) * 100 - 436px) !important;
    overflow: scroll;
  }
  .rfqMaintaineGridScroll .k-grid-content {
    height: calc(100vh - 248px) !important;
    height: calc(var(--vh, 1vh) * 100 - 348px) !important;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .rfqGenerateMob {
    position: relative;
  }
  .rfqGenerateMob .createdby-mob {
    margin-right: inherit;
  }
  .rfqGenerateMob .status-mob {
    padding-right: 36px !important;
  }
  .rfqGenerateMob .desc-input-mob-width {
    width: 505px;
  }
  .rfqGenerationGridScroll .k-grid-content {
    height: calc(100vh - 359px) !important;
    height: calc(var(--vh, 1vh) * 100 - 359px);
    overflow: scroll;
  }
}
/* Large devices (Tablets/Mobile , 1200px and Less) */
@media only screen and (max-width: 1200px) {
  .VLChangeViewBtn {
    display: none;
  }
  .PLChangeViewBtn {
    display: none;
  }
}
/* When the width is between 600px and 1025px */
@media screen and (max-width: 900px) and (min-width: 600px), (min-width: 1100px) {
  .tabADDVend {
    position: relative;
  }
  .tabADDVend .k-content {
    height: 450px;
  }
  .tabADDEmp {
    position: relative;
  }
  .tabADDEmp .k-content {
    height: 450px;
  }
}
@media sceen and (max-width: 768.5px) and (min-width: 1024px) {
  .rfqGenerateMob {
    position: relative;
  }
  .rfqGenerateMob .createdby-mob {
    margin-right: 19px !important;
  }
  .rfqGenerateMob .desc-input-mob-width {
    width: 439px;
  }
}
@media (max-width: 767.98px) {
  .k-window {
    width: 96%;
    margin: 0 2%;
  }
  .k-scheduler-edit-form .k-edit-form-container {
    width: 100%;
    display: contents;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform {
    position: relative;
    height: 300px;
    overflow: auto;
    padding-right: 10px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform::-webkit-scrollbar {
    width: 5px;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform::-webkit-scrollbar-thumb {
    background: #888;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-label {
    width: 100%;
    float: left;
    clear: both;
    text-align: left;
    padding: 8px 0;
    font: 400 14px Arial, Helvetica, sans-serif;
    color: #656565;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field {
    width: 100%;
    float: right;
    clear: right;
    margin-bottom: 5px;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field > .k-textbox {
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -os-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.08);
    width: 100%;
    font: 400 12px Arial, Helvetica, sans-serif;
    color: #656565;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datetimepicker .k-picker-wrap {
    border-color: rgba(0, 0, 0, 0.08);
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -os-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box;
    cursor: default;
    outline: 0;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datetimepicker .k-link {
    padding: 3px 4px;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datetimepicker .k-select {
    border-color: rgba(0, 0, 0, 0.08);
    color: #656565;
    background-color: #f6f6f6;
    background-image: linear-gradient(#f6f6f6, #f1f1f1);
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datepicker {
    box-sizing: border-box;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datepicker .k-picker-wrap {
    border-color: rgba(0, 0, 0, 0.08);
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -os-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box;
    cursor: default;
    outline: 0;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-datepicker .k-select {
    border-color: rgba(0, 0, 0, 0.08);
    color: #656565;
    background-color: #f6f6f6;
    background-image: linear-gradient(#f6f6f6, #f1f1f1);
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-numerictextbox .k-numeric-wrap {
    border-color: rgba(0, 0, 0, 0.08);
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -os-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-numerictextbox .k-select {
    border-color: rgba(0, 0, 0, 0.08);
    color: #656565;
    background-color: #f6f6f6;
    background-image: linear-gradient(#f6f6f6, #f1f1f1);
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-dropdown .k-dropdown-wrap {
    background-image: linear-gradient(#f6f6f6, #f1f1f1);
    background-color: #f6f6f6;
    border-color: rgba(0, 0, 0, 0.08);
    transition: all 0.1s ease;
    position: relative;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -os-border-radius: 4px;
    border-radius: 4px;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field .k-dropdown .k-dropdown-wrap .k-input {
    padding: 4px 8px;
    outline: 0;
    box-sizing: border-box;
  }
  .k-scheduler-edit-form .k-edit-form-container .m-calendar-editform .k-edit-field.eventFORSelection {
    display: block;
  }
  .k-scheduler-edit-form .k-edit-form-container .k-edit-buttons {
    margin: 0;
  }
  .k-scheduler-edit-form .k-edit-form-container .k-edit-buttons .k-button {
    margin-bottom: 10px;
    min-width: 100px !important;
  }
  .k-button.k-scheduler-delete, .k-button.k-scheduler-cancel, .k-button.k-scheduler-Editcurrentoccurrence, .k-button.k-scheduler-Edittheseries, .k-button.k-scheduler-update,
  .btn-primary, .btn-secondary, .btn-success, .btn-warning, .btn-default {
    min-width: 100px !important;
  }
  .teams-team-controller {
    /*.team-heading-second{
        .team-heading-inner-list{
            ul{
                li{width:20% !important; margin-right:0px !important;
                    .label{display:none;}
                }
            }
        }
    }*/
  }
  .teams-team-controller .teams-heading { /*min-height:109px;*/
    padding: 10px 21px 0 10px;
  }
  .teams-team-controller .team-heading-first {
    width: calc(100% - 15px) !important;
  }
  .teams-team-controller .team-heading-first .team-name-text {
    width: 230px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .teams-team-controller .team-heading-first .team-icons-box {
    width: max-content !important;
    float: right !important;
  }
  .team-file-header-action-area div i + span {
    display: none;
  }
  .girdFilterby-showing {
    display: none;
  }
  .filter-wrap .gridFilter-popup {
    z-index: 2;
    height: calc(100vh - 55px);
    height: calc(var(--vh, 1vh) * 100 - 55px);
    width: 100%;
    top: -55px;
  }
  .grid-addbtn-mob {
    display: block !important;
    float: left;
    margin-right: 0.25rem;
  }
  .grid-addbtn-web {
    display: none !important;
  }
  .mob-input-top {
    margin-top: 1rem;
  }
  .global-chekbox-form-row {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 16px;
  }
  .mimsysPharmacyVendorDetailsGrid {
    position: relative;
  }
  .mimsysPharmacyVendorDetailsGrid .k-grid-content {
    height: calc(100vh - 400px) !important;
    height: calc(var(--vh, 1vh) * 100 - 400px);
    overflow: scroll;
  }
  .rfqGeneration-custom-form .form-group {
    width: 100% !important;
    margin-right: 0px !important;
  }
  .rfqGeneration-custom-form .form-group .rfqtext-box-md {
    width: 100% !important;
  }
  .rfqGeneration-custom-form .form-group .rfqdate-picker-box {
    width: 100% !important;
  }
  .rfq-price-comp-search {
    display: none;
  }
  .rfq-price-comp-searchMob {
    display: block;
  }
  .list-gridview-toggle {
    display: none;
  }
  .pwf-app-install .pwf-text span {
    float: left;
    width: 100%;
    padding-bottom: 8px;
  }
  .comp-login-name {
    display: block;
  }
  .teams-content-wrap .mytskListView_Template_height {
    height: calc(100vh - 320px);
    height: calc(var(--vh, 1vh) * 100 - 320px);
  }
}
@media only screen and (min-width: 769.5px) and (max-width: 1024px) {
  .rfqGeneration-custom-form .form-group .rfqtext-box-md {
    width: 300px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .k-scheduler-toolbar > ul.k-scheduler-views {
    margin-right: 30px;
  }
  .cal-db-task-list .cal-sidebar-header .cal-sidebar-menu ul li {
    padding: 11px 3px;
  }
  .msg-overly-container {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .app-header .navbar-brand {
    position: absolute;
    top: 0;
    left: 41px;
    width: 30px;
    margin-left: unset;
  }
  .app-header .navbar-brand .navbar-brand-minimized {
    display: block;
  }
  .app-header .navbar-brand .navbar-brand-full {
    display: none;
  }
  .add-company {
    display: block;
  }
  .mytsk-global-search .mytsk-global-search-scroll {
    max-height: calc(100vh - 326px);
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .form-control-plaintext.tempEnter-input {
    display: inherit;
    width: 100%;
    padding-right: 25px;
    padding-left: 10px;
  }
  .form-control-plaintext.tempEnter-input:focus {
    border: 1px solid #20a8d8;
    outline: none;
  }
  .db-widget .db-widget-icon {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }
  .db-widget .db-widget-icon i {
    font-size: 20px;
    line-height: 40px;
  }
  .db-widget .db-widget-content {
    width: calc(100% - 55px);
    padding-right: 10px;
  }
  .callout {
    padding: 0 0.6rem;
  }
  .announcement-listview {
    height: auto;
    overflow: hidden;
  }
  .timesheet-add-task {
    margin: 0 !important;
    width: 100% !important;
  }
  .timesheet-project-area {
    margin-top: 30px !important;
  }
  .timesheet-project-area .timesheet-insert-task .timiesheet-entry-action .timesheet-componet-divide-left {
    border: 0;
  }
  .timesheet-project-area .timesheet-insert-task .timiesheet-entry-action .timesheet-componet-divide-left.entryTime {
    width: 53%;
  }
  .timesheet-project-area .timesheet-insert-task .timiesheet-entry-action .timesheet-componet-divide-left.entryTime .timesheet-timepicker {
    width: 85px !important;
    text-align: center;
  }
  .timesheet-project-area .timesheet-insert-task .timiesheet-entry-action .timesheet-componet-divide-left.dateChange {
    width: 10%;
  }
  .timesheet-project-area .timesheet-insert-task .timiesheet-entry-action .timesheet-componet-divide-left.timeCount {
    width: 29%;
  }
  .timesheet-project-area .timesheet-insert-task .timiesheet-entry-action .timesheet-componet-divide-left.playArea {
    width: 8%;
    margin-right: 0px !important;
  }
  .timesheet-project-area .timesheet-insert-task .timiesheet-entry-action .timesheet-componet-divide-left.dropicon {
    width: 5%;
  }
  .vendorMapingGrid .k-grid-content {
    height: calc(100% - 550px) !important;
    height: calc(var(--vh, 1vh) * 100 - 550px) !important;
    overflow: scroll;
  }
  .mimsys-tempalte {
    position: relative;
  }
  .mimsys-tempalte .m-template-listbox {
    width: 100%;
  }
  .mimsys-tempalte .m-template-listbox-action-tool {
    width: 100%;
  }
  .mimsys-tempalte .m-template-listbox-action-tool ul {
    margin-top: 10px;
  }
  .mimsys-tempalte .m-template-listbox-action-tool ul li {
    width: auto;
    padding: 0 10px;
  }
  .calendar-widget {
    width: 100%;
    float: left;
    position: relative;
    height: auto;
    background: #FFFFFF;
  }
  .calendar-widget .calendar-widget-title {
    position: relative;
  }
  .calendar-widget .calendar-widget-title.rfq-comp-hd {
    height: auto !important;
  }
  .calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-search {
    width: 100% !important;
  }
  .calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-search .form-inline .input-group {
    margin-bottom: 12px !important;
  }
  .calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-search .form-inline .form-group {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
  }
  .calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-comp-date {
    width: 100% !important;
  }
  .calendar-widget .calendar-widget-title.rfq-comp-hd .rfq-btn-section {
    width: 100% !important;
  }
  .calendar-widget .calendar-widget-title .add-task {
    font-size: 13px;
  }
  .calendar-widget .rfqRequisitonCompareGrid .k-grid-content {
    height: calc(100vh - 258px) !important;
    height: calc(var(--vh, 1vh) * 100 - 378px) !important;
    overflow: scroll;
  }
  .campaign-recordLookup-search {
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -webkit-border-radius: 0px;
    -os-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    right: 0;
    top: 0;
  }
  .campaign-recordLookup-search .recordLookup-maindiv {
    width: 100% !important;
  }
  .campaign-recordLookup-search .recordLookup-maindiv.for-post-details {
    width: 100%;
  }
  .requisition-box .requisition-form-box.for-campaignbox {
    max-height: calc(100vh - 216px) !important;
    max-height: calc(var(--vh, 1vh) * 100 - 216px) !important;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .grid-stack.grid-stack-one-column-mode .grid-stack-item {
    position: relative !important;
    width: auto !important;
    left: 0 !important;
    top: auto !important;
    max-width: none !important;
    height: 380px !important;
  }
}
@media only screen and (max-width: 1365px) {
  .timesheet-componet-divide-left {
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    padding: 0 !important;
  }
}
/*----------------My meet login Start----------------*/
@media only screen and (max-width: 768px) {
  .MeetingLoginpage {
    position: relative;
  }
  .MeetingLoginpage .guestMeetlogin-main {
    position: relative;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    margin: 0;
    background-image: linear-gradient(45deg, #1de5e2, #ac8df6);
  }
  .MeetingLoginpage .guestMeetlogin-main .guestLoginSetting {
    height: calc(100vh - 420px);
    height: calc(var(--vh, 1vh) * 100 - 420px);
    padding: 0;
  }
  .MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo {
    position: relative;
    width: 100%;
    height: 100%;
    top: unset;
    overflow: hidden;
    border-radius: 0px;
    box-shadow: unset;
    transform: unset;
  }
  .MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo img, .MeetingLoginpage .guestMeetlogin-main .guestLoginSetting .guestLoginVideo video {
    width: 100%;
    height: 100%;
  }
  .MeetingLoginpage .guestMeetlogin-main .guestLoginInfo {
    height: 420px;
    overflow: scroll;
  }
  .MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin {
    position: relative;
    margin: 20px auto;
    width: 100%;
    overflow: scroll;
    top: unset;
    transform: none;
  }
  .MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin form .login-label {
    font-weight: 600;
  }
  .MeetingLoginpage .guestMeetlogin-main .guestLoginInfo .guestLogin form .form-group {
    margin-bottom: 5px;
  }
  .myMeetLoginSetting .modal-dialog {
    width: 100%;
    margin: 0;
  }
}
/*----------------My meet login End----------------*/
/*----------------Very small Desice Start----------------*/
@media only screen and (max-width: 390px) {
  /*Video chat for Mobile*/
  .highlight_vidCall.opponentShareScreens {
    height: 91px !important;
    width: 100% !important;
    bottom: 95px !important;
    padding: 10px !important;
    float: unset !important;
    top: unset !important;
    position: absolute !important;
    right: unset !important;
    overflow: auto;
    margin: 0 !important;
  }
  .highlight_vidCall.opponentShareScreens.threeUserViewMain .three_Video {
    width: 90px !important;
    height: 80px !important;
  }
  .highlight_vidCall.opponentShareScreens.threeUserViewMain .three_Video.mainFullVideo {
    width: 90px !important;
    height: 80px !important;
  }
  .highlight_vidCall.opponentShareScreens.fourUserViewMain .four_Video {
    width: 70px !important;
    height: 62px !important;
  }
  .highlight_vidCall.opponentShareScreens.fourUserViewMain .four_Video:nth-child(3) {
    top: unset !important;
  }
  .highlight_vidCall.opponentShareScreens.fourUserViewMain .four_Video.mainFullVideo {
    width: 70px !important;
    height: 62px !important;
  }
  .chat_Videoes.thisVideoShareScreen.fourUsermyView {
    width: 70px !important;
    height: 62px !important;
    margin: 0 5px 15px 0 !important;
  }
  .chat_Videoes.thisVideoShareScreen.fourUsermyView .video_Col {
    width: 70px !important;
    height: 62px !important;
  }
  .teams-team-controller .teams-heading { /*min-height:109px;*/
    padding: 10px 21px 0 10px;
  }
  .teams-team-controller .team-heading-first {
    width: calc(100% - 15px);
  }
  .teams-team-controller .team-heading-first .team-name-text {
    width: 230px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .teams-team-controller .team-heading-first .team-icons-box {
    width: max-content !important;
    float: right !important;
  }
  .teams-team-controller .team-heading-second .team-heading-inner-list ul li {
    width: 20% !important;
    margin-right: 0px !important;
  }
  .teams-team-controller .team-heading-second .team-heading-inner-list ul li .label {
    display: none;
  }
}
/*----------------Very small Desice End----------------*/
@media (max-width: 768px) {
  .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-preview {
    width: 100% !important;
    transform: none !important;
    padding: 0 !important;
    height: 50vh;
  }
  .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview {
    width: 100% !important;
    transform: none !important;
    padding: 0 !important;
  }
  .chatJoinAmeeting-body .hostMeetingCreated .chat-meet-created .chat-meet-video-preview .chat-meet-video {
    height: 45vh !important;
    max-height: 45vh !important;
  }
}
.m-carousel {
  display: flex;
  flex-direction: column;
  width: 15rem;
  margin: 0rem auto;
  position: relative;
}

/* CONTROLS */
.mbtn-arrow {
  width: 2.6rem;
  height: 2.6rem;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.075);
  cursor: pointer;
  position: absolute;
  transform: translate(-50%, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.mbtn-arrow:hover,
.mbtn-arrow:active {
  background-color: #e6e6e6;
}

.mbtn-arrow-left {
  top: 48%;
  left: 0;
  transform: translate(-50%, -50%);
}

.mbtn-arrow-right {
  top: 48%;
  right: 0;
  transform: translate(50%, -50%);
}

.icon {
  /*width: 1.4rem;
  height: 1.4rem;*/
  width: 1em;
  height: 1em;
}

/* SLIDES */
.inner {
  position: relative;
  align-self: center;
  width: 15rem;
  height: 15rem;
  background-color: transparent;
  border-radius: 7px;
  overflow: hidden;
}

.m-container {
  list-style: none;
  /* transform: translate(0%); */
}

.m-slide {
  /* === TO CENTER TEXT === */
  display: flex;
  justify-content: center;
  align-items: center;
  /* ====================== */
  padding: 0rem;
  position: absolute;
  background-color: transparent;
  width: 15rem;
  height: 15rem;
  transition: all 0.3s;
}

/* DOTS */
.m-dots {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  margin-bottom: 0.5rem;
}

.m-dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: none;
  background-color: #ccc;
  cursor: pointer;
}

.m-dot:hover {
  background-color: #1985ac;
}

.m-dot--active {
  background-color: #20a8d8;
}

.mim-socialAccount-area {
  position: relative;
  width: 100%;
  float: left;
}
.mim-socialAccount-area.forPopup .mim-socialAccount-widget {
  width: calc(50% - 30px);
}
.mim-socialAccount-area .mim-socialAccount-widget {
  width: calc(33.33333% - 30px);
  float: left;
  position: relative;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #c8ced3;
  background: #FFFFFF;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-iconbox {
  width: 65px;
  height: 65px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  position: relative;
  float: left;
  text-shadow: 0 2px 0px #000000;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-iconbox.fb {
  background: #3b5998;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-iconbox.inst {
  background: #e4405f;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-iconbox.twitter {
  background: #00acee;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-iconbox.link {
  background: #0e76a8;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-iconbox.google {
  background: #1968df;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-iconbox.youTube {
  background: #c4302b;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-iconbox i {
  text-align: center;
  line-height: 65px;
  color: #FFFFFF;
  font-size: 28px;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-content {
  position: relative;
  width: calc(100% - 75px);
  position: relative;
  float: left;
  margin-left: 10px;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-content .hd {
  font-size: 16px;
  font-weight: bold;
  float: left;
  width: 100%;
}
.mim-socialAccount-area .mim-socialAccount-widget .mim-socialAcc-content .text {
  position: relative;
  float: left;
  width: 100%;
  font-size: 13px;
}
.mim-socialAccount-area .mim-socialAccount-widget:hover {
  box-shadow: none;
  cursor: pointer;
}
.mim-socialAccount-area .socialAcc-schedulepost {
  position: relative;
  float: left;
  width: 10rem;
  min-height: 6rem;
  padding: 10px;
  display: grid;
}
.mim-socialAccount-area .socialAcc-schedulepost .imgeBox {
  width: 90px;
  height: 90px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -webkit-border-radius: 20px;
  -os-border-radius: 20px;
  border-radius: 20px;
  background: #FFFFFF;
  border: 1px solid #c8ced3;
  float: left;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: grid;
  margin-bottom: 7px;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
}
.mim-socialAccount-area .socialAcc-schedulepost .imgeBox .icon {
  font-size: 30px;
  color: #21abdc;
}
.mim-socialAccount-area .socialAcc-schedulepost .text-hd {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.mim-socialAccount-area .socialAcc-schedulepost .desc {
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.mim-socialAccount-area .socialAcc-schedulepost:hover .imgeBox {
  box-shadow: none;
  cursor: pointer;
}
.mim-socialAccount-area .socialAcc-overview {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.12);
  width: 15rem;
  min-height: 6rem;
  padding: 10px;
  display: grid;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -os-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #c8ced3;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.mim-socialAccount-area .socialAcc-overview .acchd-sec {
  float: left;
  position: relative;
  width: 100%;
}
.mim-socialAccount-area .socialAcc-overview .acchd-sec .img {
  width: 20px;
  float: left;
  position: relative;
  text-align: center;
}
.mim-socialAccount-area .socialAcc-overview .acchd-sec .hd {
  width: calc(100% - 50px);
  float: left;
  position: relative;
  margin-left: 10px;
  font-weight: bold;
  font-size: 16px;
}
.mim-socialAccount-area .socialAcc-overview .acchd-sec .hd.nopost {
  width: calc(100% - 30px);
}
.mim-socialAccount-area .socialAcc-overview .acchd-sec .setting {
  width: 20px;
  float: left;
  position: relative;
  text-align: center;
}
.mim-socialAccount-area .socialAcc-overview .acchd-sec .setting:hover {
  cursor: pointer;
  color: #20a8d8;
}
.mim-socialAccount-area .socialAcc-overview .acc-list {
  position: relative;
  float: left;
  width: 100%;
}
.mim-socialAccount-area .socialAcc-overview .acc-list .acc-img {
  width: 30px;
  height: 30px;
  float: left;
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
  line-height: 30px;
  position: relative;
  border: 1px solid #c8ced3;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  font-weight: bold;
  background: #ffdb6d;
}
.mim-socialAccount-area .socialAcc-overview .acc-list .acc-img .social-img {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  bottom: -6px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.mim-socialAccount-area .socialAcc-overview .acc-list .acc-img .social-img i {
  font-size: 65%;
  color: #FFFFFF;
}
.mim-socialAccount-area .socialAcc-overview .acc-list .acc-img .social-img.fb {
  background: #3b5998;
}
.mim-socialAccount-area .socialAcc-overview .acc-list .acc-img .social-img.insta {
  background: #e4405f;
}
.mim-socialAccount-area .socialAcc-overview .acc-list .acc-img .social-img.twitter {
  background: #00acee;
}
.mim-socialAccount-area .socialAcc-overview .acc-list .acc-img .social-img.linkedin {
  background: #0e76a8;
}
.mim-socialAccount-area .socialAcc-overview .acc-list .acc-img .social-img.google {
  background: #1968df;
}
.mim-socialAccount-area .socialAcc-overview:hover {
  box-shadow: none;
}
.mim-socialAccount-area .socialAcc_Setting {
  position: relative;
  float: left;
  width: 100%;
}
.mim-socialAccount-area .socialAcc_Setting .search-area {
  width: 100%;
  float: left;
  position: relative;
}
.mim-socialAccount-area .socialAcc_Setting .search-area .search {
  width: calc(100% - 130px);
  float: left;
  margin-right: 10px;
  position: relative;
}
.mim-socialAccount-area .socialAcc_Setting .search-area .search-btn {
  width: 120px;
  float: left;
  position: relative;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox {
  width: 100%;
  float: left;
  position: relative;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 15px;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .img-area {
  width: 30px;
  height: 30px;
  position: relative;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  font-weight: bold;
  background: #ffce3a;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  float: left;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .img-area .social-img {
  position: absolute;
  width: 20px;
  height: 20px;
  right: -2px;
  bottom: -7px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .img-area .social-img i {
  color: #FFFFFF;
  font-size: 70%;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .img-area .social-img.fb {
  background: #3b5998;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .img-area .social-img.tw {
  background: #00acee;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .img-area .social-img.link {
  background: #0e76a8;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .img-area .social-img.google {
  background: #1968df;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .img-area .social-img.youtube {
  background: #c4302b;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .img-area .social-img.insta {
  background: #e4405f;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .listbox-content {
  width: calc(100% - 60px);
  float: left;
  position: relative;
  margin-left: 10px;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .listbox-content .hd {
  position: relative;
  width: 100%;
  float: left;
  font-weight: bold;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .listbox-content .sub-hd {
  width: 100%;
  float: left;
  position: relative;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .action-area {
  width: 20px;
  float: left;
  position: relative;
}
.mim-socialAccount-area .socialAcc_Setting .search-listbox .listbox .action-area:hover {
  position: relative;
  cursor: pointer;
  color: #20a8d8;
}

.mim-socialAcc-connect-btn {
  position: relative;
  min-width: 120px;
  float: left;
  border: 1px dashed #74cbea;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -os-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 12px;
  background: #f0f9fd;
}
.mim-socialAcc-connect-btn .icon {
  width: 20px;
  height: 20px;
  position: relative;
  margin: 0 auto;
}
.mim-socialAcc-connect-btn .icon i {
  font-size: 22px;
}
.mim-socialAcc-connect-btn .icon .account-icon {
  position: absolute;
  width: 70%;
  height: 70%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #20a8d8;
  top: 13px;
  right: -6px;
  font-size: 60%;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
.mim-socialAcc-connect-btn .icon .account-icon i {
  font-size: 10px;
  text-align: center;
  color: #FFFFFF;
}
.mim-socialAcc-connect-btn:hover {
  cursor: pointer;
  background: #c4e9f6;
}

.modal-body.cent {
  justify-content: center;
  display: flex;
}

.mim-socialAcc-connectPage {
  position: relative;
  float: left;
  width: 100%;
}
.mim-socialAcc-connectPage .textApi-company {
  position: relative;
  width: 100%;
  float: left;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -webkit-border-radius: 7px;
  -os-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #c8ced3;
  padding: 8px;
}
.mim-socialAcc-connectPage .textApi-company .icon {
  position: relative;
  width: 30px;
  height: 30px;
  position: absolute;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  background: #ffdb6d;
  line-height: 30px;
  font-weight: bold;
  font-size: 17px;
  text-shadow: 0 1px 0 #000000;
}
.mim-socialAcc-connectPage .textApi-company .api-text {
  position: relative;
  float: left;
  width: calc(100% - 58px);
  margin-left: 33px;
}
.mim-socialAcc-connectPage .textApi-company .api-text .txt {
  width: 100%;
  position: relative;
  float: left;
}
.mim-socialAcc-connectPage .textApi-company .tick-icon {
  position: relative;
  float: left;
  width: 30px;
  text-align: center;
  position: absolute;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
.mim-socialAcc-connectPage .textApi-company.socialPage-connect-url {
  background: #ccecf8;
}
.mim-socialAcc-connectPage .textApi-company.socialPage-connect-url .icon {
  background: #47bbe4;
}
.mim-socialAcc-connectPage .textApi-company.socialPage-connect-url .api-text {
  width: calc(100% - 33px);
}
.mim-socialAcc-connectPage .textApi-company.socialPage-connect-url .api-text .text {
  position: relative;
}
.mim-socialAcc-connectPage .textApi-company.socialPage-connect-url .api-text .text:hover {
  cursor: pointer;
  text-decoration: underline;
}

.social-schedule-post-comp {
  width: 100%;
  float: left;
  position: relative;
}
.social-schedule-post-comp .comp-img {
  width: 30px;
  height: 30px;
  float: left;
  text-transform: uppercase;
  text-align: center;
  line-height: 30px;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #ffc107;
  font-weight: bold;
}
.social-schedule-post-comp .comp-img .social-img {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  bottom: -6px;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -os-border-radius: 50%;
  border-radius: 50%;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 1px 0px #cccccc;
}
.social-schedule-post-comp .comp-img .social-img.fb {
  background: #3b5998;
}
.social-schedule-post-comp .comp-img .social-img.tw {
  background: #00acee;
}
.social-schedule-post-comp .comp-img .social-img.link {
  background: #0e76a8;
}
.social-schedule-post-comp .comp-img .social-img.insta {
  background: #e4405f;
}
.social-schedule-post-comp .comp-img .social-img.google {
  background: #1968df;
}
.social-schedule-post-comp .comp-img .social-img.youtube {
  background: #c4302b;
}
.social-schedule-post-comp .comp-img .social-img i {
  color: #FFFFFF;
  font-size: 65%;
}
.social-schedule-post-comp .comp-img.fb {
  background: #96abd6;
  position: relative;
}
.social-schedule-post-comp .comp-img.tw {
  background: #88deff;
  position: relative;
}
.social-schedule-post-comp .comp-img.link {
  background: #5dc1f2;
  position: relative;
}
.social-schedule-post-comp .comp-img.insta {
  background: #f7c6cf;
  position: relative;
}
.social-schedule-post-comp .comp-img.google {
  background: #9dc0f4;
  position: relative;
}
.social-schedule-post-comp .comp-img.youtube {
  background: #eaa19e;
  position: relative;
}
.social-schedule-post-comp .add-social-account {
  margin-left: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  float: left;
  text-align: center;
}
.social-schedule-post-comp .add-social-account i {
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: normal;
}
.social-schedule-post-comp .add-social-account:hover {
  cursor: pointer;
  border: 1px solid #c8ced3;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -os-border-radius: 100%;
  border-radius: 100%;
}

.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(1),
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(1) ~ .post-img-list {
  /*one image*/
  width: 100%;
  height: 331px;
}

.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(2),
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(2) ~ .post-img-list {
  /* image*/
  width: 100%;
  height: 249px;
  display: inline-flex;
  border: 1px solid #FFFFFF;
}

.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(3),
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(3) ~ .post-img-list {
  /*three image*/
  width: calc(50% - 3px);
  height: 72px;
  display: inline-flex;
}

.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(4),
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(4) ~ .post-img-list {
  /*four image*/
  width: calc(33.3333333333% - 3px);
  height: 72px;
  display: inline-flex;
}

.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(5),
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(5) ~ .post-img-list {
  /*five image*/
  width: calc(25% - 3px);
  height: 72px;
  display: inline-flex;
}
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(5) .viewmore-img,
.socialpost-viewpart .socialpost-contentbox .socialpost-view-card .img-view-section .post-image-area .post-img-list:first-child:nth-last-child(5) ~ .post-img-list .viewmore-img {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: #000000;
  opacity: 0.7;
  font-size: 39px;
  color: #FFFFFF;
  text-align: center;
}

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  display: block; /* For Firefox */
}

/* */
div[contenteditable=true] {
  border: 1px dashed #c8ced3;
  width: 100%;
  padding: 5px;
}

/*---------Mobile view---------*/
@media (max-width: 991.98px) {
  .mim-socialAccount-area {
    position: relative;
    width: 100%;
    float: left;
  }
  .mim-socialAccount-area .mim-socialAccount-widget {
    width: calc(100% - 30px);
  }
  .mim-socialAccount-area.forPopup .mim-socialAccount-widget {
    width: calc(100% - 30px);
  }
}
html {
  margin: 0;
  padding: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000000;
}

.theme-light .app {
  background-color: #FFFFFF;
}
.theme-dark .app {
  background-color: #2f353a;
}

.hide {
  display: none !important;
}

.pd-0 {
  padding: 0 !important;
}