/* Removed broken Google Fonts imports */

body {
  font-family: Archivo, sans-serif;
  font-size: 14px;
  overflow: hidden;
}
.mdi {
  color: #949aa2;
}
.list-unstyled {
  padding: 0;
  margin: 0;
  list-style: none;
}
.gray,
.grey {
  color: gray!important
}
.badge-font-size {
  font-size: 0.5625rem;
}
.back2homepage {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.back2homepage span {
  margin-left: 0.3125rem;
  font-weight: 500;
}
.lh-25 {
  line-height: 1.5625rem;
}
.user-avatar-group {
  display: flex;
  align-items: center;
}
.user-avatar-group .user-avatar {
  position: relative;
  z-index: 0;
  transition: all 0.2s ease;
}
.user-avatar-group .user-avatar:hover {
  z-index: 1;
}
.user-avatar-group .user-avatar:first-child {
  margin-left: 0;
}
.user-avatar {
  display: inline-flex;
  border-radius: 0.5rem;
  position: relative;
}
.user-avatar img {
  width: 3.125rem;
  min-width: 3.125rem;
  height: 3.125rem;
  border-radius: 0.5rem;
  z-index: 0;
  position: relative!important;
}
.user-avatar span {
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.user-avatar.user-avatar-rounded,
.user-avatar.user-avatar-rounded img {
  border-radius: 100%;
 
}
.user-avatar.user-avatar-xs span {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.user-avatar.user-avatar-xs img {
  height: 1.5rem;
  max-width: 1.5rem;
  width: 100%;
}
.user-avatar.user-avatar-sm span {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 0.875rem;
}
.user-avatar.user-avatar-sm img {
  height: 2.25rem;
  min-width: 2.25rem;
  max-width: 2.25rem;
  width: 100%;
}
.user-avatar.user-avatar-md span {
  width: 3.75rem;
  height: 3.75rem;
  font-size: 1.1rem;
}
.user-avatar.user-avatar-md img {
  height: 3.75rem;
  max-width: 3.75rem;
  width: 100%;
}
.user-avatar.user-avatar-lg span {
  width: 4.375rem;
  height: 4.375rem;
  font-size: 1.3rem;
}
.user-avatar.user-avatar-lg img {
  height: 4.375rem;
  max-width: 4.375rem;
  width: 100%;
}
.user-avatar.user-avatar-xl span {
  width: 5rem;
  height: 5rem;
  font-size: 1.7rem;
}
.user-avatar.user-avatar-xl img {
  height: 5rem;
  max-width: 5rem;
  width: 100%;
}
.user-avatar:hover .user-avatar-closer {
  display: block;
}
.user-avatar-closer {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 6.25rem;
  display: none;
  cursor: pointer;
}
.user-avatar-closer .mdi {
  position: absolute;
  top: -2px;
  left: 2px;
}
.user-avatar-closer .mdi:before {
  font-size: 1rem;
}
.room_logo {
  display: inline-flex;
  position: relative;
}
.room_logo img {
width: 60px;
height: 60px;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.room_logo span {
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.room_logo.room_logo-rounded,
.room_logo.room_logo-rounded img {
  border-radius: 100%;
}

.iconbox-group {
  display: flex;
}
.iconbox-group .iconbox {
  margin: 0;
}
.iconbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 6.25rem;
  transition: all 0.2s ease-in;
}
.iconbox.iconbox-pill {
  padding: 0 0.9375rem 0 0.625rem;
}
.iconbox__icon {
  height: 2.3rem;
  width: 2.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 1.25rem;
}
.iconbox__icon.mdi {
  margin: 0 !important;
  font-size: 1.2rem;
}
.iconbox__icon.mdi:before {
  font-size: 1.2rem;
}
.iconbox-searchbar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 1rem;
  z-index: 10;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.iconbox-searchbar.search-visible {
  opacity: 1;
  visibility: visible;
  -webkit-animation: all 0.2s ease-in-out;
  animation: all 0.2s ease-in-out;
}
.iconbox-searchbar .form-control {
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  padding: 0 3.375rem 0 3.125rem;
  height: 100%;
  max-width: 100%;
  outline: none;
  font-size: 0.875rem;
}
.iconbox-searchbar .form-control:focus {
  outline: none;
  box-shadow: none;
}
.iconbox-searchbar .search-close {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.125rem;
  height: 100%;
  text-align: center;
  display: table;
  text-decoration: none;
}
.iconbox-searchbar .search-close i {
  display: table-cell;
  vertical-align: middle;
}
.iconbox-searchbar .search-submit {
  position: absolute;
  right: 0.625rem;
  top: 14px;
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 6.25rem;
}
.iconbox-searchbar .search-submit:focus {
  outline: none;
}
.mfb-component--bl,
.mfb-component--br,
.mfb-component--tl,
.mfb-component--tr {
  box-sizing: border-box;
  margin: 25px;
  position: absolute;
  white-space: nowrap;
  z-index: 30;
  padding-left: 0;
  list-style: none;
}
.mfb-component--bl *,
.mfb-component--bl :after,
.mfb-component--bl :before,
.mfb-component--br *,
.mfb-component--br :after,
.mfb-component--br :before,
.mfb-component--tl *,
.mfb-component--tl :after,
.mfb-component--tl :before,
.mfb-component--tr *,
.mfb-component--tr :after,
.mfb-component--tr :before {
  box-sizing: inherit;
}
.mfb-component--tl {
  left: 0;
  top: 0;
}
.mfb-component--tr {
  right: 0;
  top: 0;
}
.mfb-component--bl {
  left: 0;
  bottom: 0;
}
.mfb-component--br {
  right: 0;
  bottom: 30px;
}
.mfb-component__button--child,
.mfb-component__button--main {
  display: inline-block;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: relative;
  -webkit-user-drag: none;
}
.mfb-component__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mfb-component__list > li {
  display: block;
  position: absolute;
  top: 0;
  right: 1px;
  padding: 10px 0;
  margin: -10px 0;
}
.mfb-component__child-icon,
.mfb-component__icon,
.mfb-component__main-icon--active,
.mfb-component__main-icon--resting {
  font-size: 22px;
  text-align: center;
  line-height: 46px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mfb-component__wrap {
  height: 46px;
  width: 46px;
}
.setfor{
  font-size: 12px;
  display: block;
  float: right;
  margin-top: -6px;
}
[data-mfb-state="open"] .mfb-component__child-icon,
[data-mfb-state="open"] .mfb-component__icon,
[data-mfb-state="open"] .mfb-component__main-icon--active,
[data-mfb-state="open"] .mfb-component__main-icon--resting,
[data-mfb-toggle="hover"]:hover .mfb-component__child-icon,
[data-mfb-toggle="hover"]:hover .mfb-component__icon,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting {
  transform: scale(1) rotate(0deg);
}
.mfb-component__button--main {
  height: 46px;
  width: 46px;
  z-index: 20;
}
.mfb-component__button--main:hover {
  text-decoration: none;
}
.mfb-component__button--child {
  height: 46px;
  width: 46px;
}
.mfb-component__button--child:hover {
  text-decoration: none;
}
.mfb-component__main-icon--active,
.mfb-component__main-icon--resting {
  transform: scale(1) rotate(1turn);
  transition: transform 0.15s cubic-bezier(0.4, 0, 1, 1);
}
.mfb-component__child-icon {
  line-height: 46px;
  font-size: 19.71429px;
}
.mfb-component__main-icon--active {
  opacity: 0;
}
[data-mfb-state="open"] .mfb-component__main-icon,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon {
  transform: scale(1) rotate(0deg);
}
[data-mfb-state="open"] .mfb-component__main-icon--resting,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting {
  opacity: 0;
  position: absolute !important;
}
[data-mfb-state="open"] .mfb-component__main-icon--active,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active {
  opacity: 1;
}
.mfb-component--tl.mfb-slidein .mfb-component__list li,
.mfb-component--tr.mfb-slidein .mfb-component__list li {
  opacity: 0;
  transition: all 0.5s;
}
.mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li,
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li {
  opacity: 1;
}
.mfb-component--tl.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child,
.mfb-component--tr.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child {
  transform: translateY(54px);
}
.mfb-component--tl.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2) {
  transform: translateY(108px);
}
.mfb-component--tl.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3) {
  transform: translateY(162px);
}
.mfb-component--tl.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4) {
  transform: translateY(216px);
}
.mfb-component--bl.mfb-slidein .mfb-component__list li,
.mfb-component--br.mfb-slidein .mfb-component__list li {
  opacity: 0;
  transition: all 0.5s;
}
.mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li,
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li {
  opacity: 1;
}
.mfb-component--bl.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child,
.mfb-component--br.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child {
  transform: translateY(-54px);
}
.mfb-component--bl.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2) {
  transform: translateY(-108px);
}
.mfb-component--bl.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3) {
  transform: translateY(-162px);
}
.mfb-component--bl.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4),
.mfb-component--br.mfb-slidein[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4) {
  transform: translateY(-216px);
}
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li {
  opacity: 0;
  transition: all 0.5s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:first-child,
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:first-child {
  transition-delay: 0.05s;
}
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(2) {
  transition-delay: 0.1s;
}
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(3) {
  transition-delay: 0.15s;
}
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(4) {
  transition-delay: 0.2s;
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li,
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li,
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li,
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li {
  opacity: 1;
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child,
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child {
  transition-delay: 0.05s;
  transform: translateY(54px);
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2) {
  transition-delay: 0.1s;
  transform: translateY(108px);
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3) {
  transition-delay: 0.15s;
  transform: translateY(162px);
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4) {
  transition-delay: 0.2s;
  transform: translateY(216px);
}
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring .mfb-component__list li {
  opacity: 0;
  transition: all 0.5s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:first-child,
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:first-child {
  transition-delay: 0.05s;
}
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(2) {
  transition-delay: 0.1s;
}
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(3) {
  transition-delay: 0.15s;
}
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(4) {
  transition-delay: 0.2s;
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li,
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li,
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li,
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li {
  opacity: 1;
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child,
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child {
  transition-delay: 0.05s;
  transform: translateY(-54px);
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2) {
  transition-delay: 0.1s;
  transform: translateY(-108px);
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3) {
  transition-delay: 0.15s;
  transform: translateY(-162px);
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4) {
  transition-delay: 0.2s;
  transform: translateY(-216px);
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li,
.mfb-component--tr.mfb-zoomin .mfb-component__list li {
  transform: scale(0);
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:first-child,
.mfb-component--tr.mfb-zoomin .mfb-component__list li:first-child {
  transform: translateY(54px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.15s;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(2) {
  transform: translateY(108px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.1s;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(3) {
  transform: translateY(162px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.05s;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(4) {
  transform: translateY(216px) scale(0);
  transition: all 0.5s;
  transition-delay: 0s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child,
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child {
  transform: translateY(54px) scale(1);
  transition-delay: 0.05s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2) {
  transform: translateY(108px) scale(1);
  transition-delay: 0.1s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3) {
  transform: translateY(162px) scale(1);
  transition-delay: 0.15s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4) {
  transform: translateY(216px) scale(1);
  transition-delay: 0.2s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li,
.mfb-component--br.mfb-zoomin .mfb-component__list li {
  transform: scale(0);
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:first-child,
.mfb-component--br.mfb-zoomin .mfb-component__list li:first-child {
  transform: translateY(-54px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.15s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(2) {
  transform: translateY(-108px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.1s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(3) {
  transform: translateY(-162px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.05s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(4) {
  transform: translateY(-216px) scale(0);
  transition: all 0.5s;
  transition-delay: 0s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child,
.mfb-component--br.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child {
  transform: translateY(-54px) scale(1);
  transition-delay: 0.05s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2) {
  transform: translateY(-108px) scale(1);
  transition-delay: 0.1s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3) {
  transform: translateY(-162px) scale(1);
  transition-delay: 0.15s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4) {
  transform: translateY(-216px) scale(1);
  transition-delay: 0.2s;
}
.mfb-component--tl.mfb-fountain .mfb-component__list li,
.mfb-component--tr.mfb-fountain .mfb-component__list li {
  transform: scale(0);
}
.mfb-component--tl.mfb-fountain .mfb-component__list li:first-child,
.mfb-component--tr.mfb-fountain .mfb-component__list li:first-child {
  transform: translateY(-54px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.15s;
}
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(2) {
  transform: translateY(-108px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.1s;
}
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(3) {
  transform: translateY(-162px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.05s;
}
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(4) {
  transform: translateY(-216px) scale(0);
  transition: all 0.5s;
  transition-delay: 0s;
}
.mfb-component--tl.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child,
.mfb-component--tr.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child {
  transform: translateY(54px) scale(1);
  transition-delay: 0.05s;
}
.mfb-component--tl.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2) {
  transform: translateY(108px) scale(1);
  transition-delay: 0.1s;
}
.mfb-component--tl.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3) {
  transform: translateY(162px) scale(1);
  transition-delay: 0.15s;
}
.mfb-component--tl.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4) {
  transform: translateY(216px) scale(1);
  transition-delay: 0.2s;
}
.mfb-component--bl.mfb-fountain .mfb-component__list li,
.mfb-component--br.mfb-fountain .mfb-component__list li {
  transform: scale(0);
}
.mfb-component--bl.mfb-fountain .mfb-component__list li:first-child,
.mfb-component--br.mfb-fountain .mfb-component__list li:first-child {
  transform: translateY(54px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.15s;
}
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(2) {
  transform: translateY(108px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.1s;
}
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(3) {
  transform: translateY(162px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.05s;
}
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(4) {
  transform: translateY(216px) scale(0);
  transition: all 0.5s;
  transition-delay: 0s;
}
.mfb-component--bl.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child,
.mfb-component--br.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:first-child,
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:first-child {
  transform: translateY(-54px) scale(1);
  transition-delay: 0.05s;
}
.mfb-component--bl.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2),
.mfb-component--br.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(2),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(2) {
  transform: translateY(-108px) scale(1);
  transition-delay: 0.1s;
}
.mfb-component--bl.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3),
.mfb-component--br.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(3),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(3) {
  transform: translateY(-162px) scale(1);
  transition-delay: 0.15s;
}
.mfb-component--bl.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4),
.mfb-component--br.mfb-fountain[data-mfb-state="open"]
  .mfb-component__list
  li:nth-child(4),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover
  .mfb-component__list
  li:nth-child(4) {
  transform: translateY(-216px) scale(1);
  transition-delay: 0.2s;
}
[data-mfb-label]:after {
  content: attr(data-mfb-label);
  opacity: 0;
  padding: 4px 10px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  pointer-events: none;
  line-height: normal;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  transition: all 0.5s;
}
[data-mfb-state="open"] [data-mfb-label]:after,
[data-mfb-toggle="hover"] [data-mfb-label]:hover:after {
  content: attr(data-mfb-label);
  opacity: 1;
  transition: all 0.3s;
}
.mfb-component--br .mfb-component__list [data-mfb-label]:after,
.mfb-component--br [data-mfb-label]:after,
.mfb-component--tr .mfb-component__list [data-mfb-label]:after,
.mfb-component--tr [data-mfb-label]:after {
  content: attr(data-mfb-label);
  right: 50px;
}
.mfb-component--bl [data-mfb-label]:after,
.mfb-component--tl [data-mfb-label]:after {
  content: attr(data-mfb-label);
  left: 50px;
}
.mfb-component--bl .mfb-component__list [data-mfb-label]:after,
.mfb-component--tl .mfb-component__list [data-mfb-label]:after {
  content: "attr(data-mfb-label)";
  left: 50px;
}
.chatstyle-01 .ca-received {
  display: flex;
  align-items: flex-end;
  margin: 0.3125rem 0;
  font-size: 0.9375rem;
}
.chatstyle-01 .ca-received .user-avatar {
  margin-right: 0.625rem;
  top: -8px;
}
.chatstyle-01 .ca-received__msgwrapper {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
.chatstyle-01 .ca-received__msg-group {
  max-width: 60%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.chatstyle-01 .ca-received__msg {
  border-radius: 0.8rem 0.8rem 0.8rem 0;
  position: relative;
  padding: 1rem;
  font-weight: 500;
  min-width: 10px;
}
.chatstyle-01 .ca-received__msg:not(:last-of-type) {
  margin: 0.3125rem 0;
}
.chatstyle-01 .ca-received__msg-media {
  width: 7.5rem;
  float: left;
}
.chatstyle-01 .ca-received__msg-media:not(:last-of-type) {
  margin-right: 0.3125rem;
  margin-bottom: 0.3125rem;
}
.chatstyle-01 .ca-received__msg-media img {
  height: auto;
  max-width: 100%;
  border-radius: 0.5rem;
}

.chatstyle-01 .ca-received__msg, .chatstyle-01 .ca-send  {
  -ms-word-break: break-all;
  word-break: break-all!important;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.chatstyle-01 .ca-received__msg a, .chatstyle-01 .ca-send a{
  color: #00a1ff;
  cursor: pointer;
}
.chatstyle-01 .ca-send {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 0.9375rem;
}
.chatstyle-01 .ca-send .user-avatar {
  margin-left: 0.625rem;
}
.chatstyle-01 .ca-send__msgwrapper {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  margin: 0.3125rem 0;
  position: relative;
}
.chatstyle-01 .ca-send__msg-group {
  max-width: 60%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.chatstyle-01 .ca-send__msg {
  border-radius: 0.8rem 0.8rem 0 0.8rem;
  position: relative;
  padding: 1rem;
  font-weight: 500;
  min-width: 10px;
}
.chatstyle-01 .ca-send__msg:not(:last-of-type) {
  margin: 0.3125rem 0;
}
.chatstyle-01 .ca-send__msg-media {
  width: 7.5rem;
  float: left;
}

.chatstyle-01 .ca-send__msg-media:not(:last-of-type) {
  margin-right: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.chatstyle-01 .ca-send__msg-media img {
  height: auto;
  max-width: 100%;
  border-radius: 0.5rem;
}
.chatstyle-01 .metadata {
  display: flex;
  align-items: center;
}
.chatstyle-01 .metadata .time {
  font-size: 0.625rem;
  display: inline-block;
}
.chatstyle-01 .time {
  font-size: 10px!important;
  padding-left: 6px;
  color: #ccc;
}
.chatstyle-01 .metadata .tick {
  margin-left: 0.125rem;
}
.ca__file {
  display: flex;
  align-items: center;
}
.ca__fileicon {
  margin-right: 0.625rem;
}
.ca__filename {
  display: flex;
  flex-direction: column;
}
.ca__filename--title {
  font-weight: 600;
}
.ca__filename--size {
  font-weight: 400;
  font-size: 0.6875rem;
}
.composer {
  display: flex;
  justify-content: space-between;
}

.composer__left {
  display: flex;
  align-items: center;
}

.composer__left--sticker {
  cursor: pointer;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
}
.composer__left--sticker i:before {
  font-size: 2.125rem;
}
.composer__left--emoticon {
  cursor: pointer;
  margin-left: 0.625rem;
}
.composer__left--emoticon i:before {
  font-size: 1.5rem;
}
.composer__middle {
  flex: 1 1 auto;
  position: relative;
  padding-left: 1rem;
  margin-right: 1rem;
}
.composer__middle .form-control {
  border-radius: 6.25rem;
  overflow: hidden;
  resize: none;
  padding: 0.9rem 17rem 0.9rem 1.5rem;
}
.composer__middle--radio {
  position: absolute;
  top: 0.625rem;
  right: 25px;
  cursor: pointer;
}
.composer__middle--speakers {
  position: absolute;
  top: 0.625rem;
  right: 60px;
  cursor: pointer;
}
.composer__middle--photo {
  position: absolute;
  top: 0.625rem;
  right: 95px;
  cursor: pointer;
}
.composer__middle--microphone {
  position: absolute;
  top: 0.625rem;
  right: 130px;
  cursor: pointer;
}
.composer__middle--handler {
  position: absolute;
  top: 0.625rem;
  right: 165px;
  cursor: pointer;
}
.composer__middle--attachment {
  position: absolute;
  top: 0.625rem;
  right: 200px;
  cursor: pointer;
}
.composer__middle--genelsend {
  position: absolute;
  top: 0.825rem;
  right: 235px;
  cursor: pointer;
}
.composer__right,
.composer__right--send {
  display: flex;
  align-items: center;
}
.composer__right--send {
  border: none;
  border-radius: 6.25rem;
  height: 2.8125rem;
  width: 2.8125rem;
  justify-content: center;
  cursor: pointer;
}
.composer__right--microphone {
  display: none;
}
.information-panel {
  width: 23.79rem;
  display: none;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
}
.information-panel__head {
  height: 4.5625rem;
  display: flex;
  padding: 0 1.25rem;
  align-items: center;
  justify-content: space-between;
}
.information-panel__closer {
  padding: 0 0.5rem;
  border-radius: 6.25rem;
  height: 2.1875rem;
  width: 2.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.information-panel__body {
  padding: 1.25rem;
  height: calc(100vh - 83px);
  position: relative;
  overflow: auto;
}
.information-panel__body .userprofile-avatar {
  height: 9.375rem;
  width: 9.375rem;
  margin: 0.9375rem auto;
}
.information-panel__body .userprofile-avatar img {
  border-radius: 6.25rem;
  height: 9.375rem;
  width: 9.375rem;
}
.information-panel__body .userprofile-name {
  text-align: center;
}
.information-panel__body .userprofile-name h4 {
  margin-bottom: 0;
  position: relative;
  font-weight: 600;
}
.information-panel__body .social-icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.information-panel__body .social-icon-box .social-icon {
  cursor: pointer;
  padding: 0 0.3125rem;
}
.information-panel__body .mediagroup-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.information-panel__body .card .card-header {
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 1.25rem;
}
.information-panel__body .card .card-body {
  padding: 0.25rem;
}
.information-panel__body .user-table-info {
  font-size: 14px;
  font-weight: 500;
}
.information-panel__body .user-table-info tr > td {
  vertical-align: middle;
}
.information-panel__body .user-table-info tr > td:first-child {
  width: 1.875rem;
}
.information-panel__body .accordion .card .card-header .card-title {
  flex: 1;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 14px;
  padding: 0.375rem 0;
}
.information-panel__body .accordion.accordion-ungrouped .card {
  margin-bottom: 16px;
  border-radius: 0;
}
body.info-panel-opened .group-information-panel,
body.info-panel-opened .personal-information-panel {
  display: flex;
}
body.info-panel-opened .conversation-wrapper {
  padding-right: 23.75rem;
}
.centerbar{
	top: 300px;
	width: 400px;
	margin: 0 auto!important;
	z-index: 999999;
}
.btn-grup{
  width: 100%;
  text-align: center;
}
.btn-grup div{
  margin:10px
}
.doclistall {
  font-weight: 600;
  text-align: center;
  font-size: 0.75rem;
}
.doclist,
.memberlist {
  display: flex;
  align-items: center;
  padding: 0.3125rem 0.625rem;
  position: relative;
  cursor: pointer;
}
.doclist .docicon,
.doclist .membericon,
.memberlist .docicon,
.memberlist .membericon {
  margin-right: 0.625rem;
  min-width: 2.8125rem;
}
.doclist .docicon img,
.doclist .membericon img,
.memberlist .docicon img,
.memberlist .membericon img {
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
}
.doclist .doctitle .docname,
.doclist .doctitle .membername,
.doclist .membertitle .docname,
.doclist .membertitle .membername,
.memberlist .doctitle .docname,
.memberlist .doctitle .membername,
.memberlist .membertitle .docname,
.memberlist .membertitle .membername {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.25rem;
  max-height: 1.25rem;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.doclist .doctitle .docsize,
.doclist .doctitle .membersubtext,
.doclist .membertitle .docsize,
.doclist .membertitle .membersubtext,
.memberlist .doctitle .docsize,
.memberlist .doctitle .membersubtext,
.memberlist .membertitle .docsize,
.memberlist .membertitle .membersubtext {
  font-size: 0.8125rem;
  display: flex;
  align-items: flex-start;
  height: 1.25rem;
}
.acpanel__heading {
  justify-content: space-between;
  flex: 1;
  padding: 0 12.8px;
}
.acpanel__heading,
.acpanel__left {
  display: flex;
  align-items: center;
}
.acpanel__left i {
  margin-right: 0.3125rem;
}
.acpanel__left i:before {
  font-size: 1.25rem;
}
.setting-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}
.setting-list .setting-list-name {
  font-weight: 500;
}
.setting-list .setting-list-switch .material-switch {
  margin: 0;
}
.memberlist .memberlist-action {
  position: absolute;
  top: 0;
  height: 100%;
  right: -200px;
  align-items: center;
  display: flex;
  padding: 0 10px;
  transition: all 0.3s ease-in-out;
  background-image: linear-gradient(90deg, #fefefe, #e6e6e6);
}
.memberlist:hover .memberlist-action {
  right: 0;
}
.calling-modal .modal-body {
  padding: 5rem 1rem;
}
.call-actions {
  display: flex;
  justify-content: space-around;
  padding: 2rem 3rem 0;
}
.call-hangup {
  height: 4.375rem;
  width: 4.375rem;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  line-height: 4.375rem;
  text-align: center;
  transition: all 0.2s ease-out;
}
.call-hangup:hover {
  transform: scale(1.2);
}
.call-pickup {
  height: 4.375rem;
  width: 4.375rem;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  line-height: 4.375rem;
  text-align: center;
  transition: all 0.2s ease-in;
}
.call-pickup:hover {
  transform: scale(1.2);
}
.call-options {
  padding: 1.875rem 3.125rem;
}
.call-options__iconbox {
  cursor: pointer;
  height: 3.125rem;
  width: 3.125rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6.25rem;
}
.call-options h6 {
  font-size: 14px;
  margin-top: 0.375rem;
}
#outGoingCall .call-actions {
  padding-bottom: 1rem;
}
.modal-open .videocall-modal {
  height: 100%;
  max-height: 100%;
}
.icvideocallwrapper {
  position: relative;
}
.icvideocallwrapper .icvideo-contact__inner {
  border-radius: 0.25rem;
}
.img-fluid_camera {
    max-width: 100%;
    height: auto;
}
.icvideocallwrapper .icvideo-user {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  overflow: hidden;
  height: 9.375rem;
  width: 9.375rem;
}
.icvideo-contact{
  height: 300px;
  width: 465px;
  background: #000;  
}
.icvideo-contact video{
  height: 300px;
  width: 465px;
  object-fit: cover;
  background: #000;  
}
.callmdl-width{
  width: 500px;
  max-width: 500px;
  min-width: 500px;
}
.icvideocallwrapper .icvideo-user video {
  border-radius: 0.25rem;
  height: auto;
  width: auto;
  max-width: 9.375rem;
  padding: 0.25rem;
}
.icvideocallwrapper .icvideo-actions {
  padding: 0.625rem 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.icvideocallwrapper .icvideo-actions__left {
  padding-left: 32px;
}
.icvideocallwrapper .icvideo-actions__left--duration {
  font-weight: 700;
  font-size: 1.5rem;
}
.icvideocallwrapper .icvideo-actions__right {
  padding-right: 32px;
}
.userprofile-name h4 {
  margin: 0;
}
.userprofile-name span {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
}
.call-duration {
  font-weight: 600;
  font-size: 1.125rem;
  margin-top: 1rem;
}
.voicecall-modal .modal-content {
  padding: 2rem 0;
}
.calller-group {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.calller-group .user-avatar:not(:last-of-type) {
  margin-right: 1rem;
}
.calller-group .user-avatar:hover .caller-mute {
  display: block;
}
.calller-group .user-avatar .caller-mute {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 6.25rem;
  transition: all 0.2s ease-in;
}
.calller-group .user-avatar .caller-mute i {
  position: absolute;
  top: 1.25rem;
  left: 1.875rem;
}
.material-switch {
  z-index: 0;
  position: relative;
  display: inline-block;
}
.material-switch > input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: -1;
  position: absolute;
  right: 0.375rem;
  top: -0.5rem;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
}
.material-switch > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
.material-switch > span:before {
  content: "";
  display: inline-block;
  margin: 0.3125rem 0 0.3125rem 0.625rem;
  border-radius: 0.4375rem;
  width: 2.25rem;
  height: 14px;
  vertical-align: top;
  transition: background-color 0.2s, opacity 0.2s;
}
.material-switch > span:after {
  content: "";
  position: absolute;
  top: 0.125rem;
  right: 1rem;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  transition: background-color 0.2s, transform 0.2s;
}
.material-switch > input:checked {
  right: -0.625rem;
}
.material-switch > input:checked + span:after {
  transform: translateX(16px);
}
.material-switch > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}
.material-switch > input:disabled {
  opacity: 0;
}
.material-switch > input:disabled + span {
  opacity: 0.38;
  cursor: default;
}
.accordion.settings-accordion {
  padding: 1rem 2rem 1rem 0;
}
.accordion.settings-accordion .card {
  overflow: initial;
}
.accordion .card {
  margin: 0;
}
.accordion .card .card-header {
  padding: 0;
  align-items: normal;
}
.accordion .card .card-header .card-title {
  cursor: pointer;
  padding: 0.625rem 1.25rem;
  flex: 1;
  font-size: 14px;
  height: 100%;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin: 0;
}
.accordion .card .card-header .card-title i {
  margin-right: 0.625rem;
}
.accordion .btn-link,
.accordion .btn-link:hover {
  text-decoration: none;
}
.accordion.accordion-arrow-toggler .card-title {
  cursor: pointer;
}
.accordion.accordion-arrow-toggler .card-title:after {
  content: "\F140";
  font-family: Material Design Icons;
  display: inline-block;
  position: absolute;
  right: 1rem;
  font-size: 1.125rem;
}
.accordion.accordion-arrow-toggler .card-title.collapsed:after {
  content: "\F142";
  font-family: Material Design Icons;
}
.accordion.accordion-ungrouped .card {
  margin-bottom: 1rem;
  border-radius: 0;
}
.accordion.accordion-ungrouped .card:last-child {
  margin-bottom: 0;
}
.searchbar {
  padding: 0.5rem 0;
}
.searchbar .input-group .form-control {
  height: auto;
}
.modal-open .modal-contact-list {
  max-height: 28.125rem;
  min-height: 28.125rem;
  position: relative;
}
.dialpad-opener {
  cursor: pointer;
}
.modal-dialpad {
  display: none;
  max-height: 28.125rem;
  min-height: 28.125rem;
}
.group-members__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}
.group-members__avatar {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
.profile-dialog .modal-content {
  border-radius: 0;
  border: 0;
}
.profile-dialog .modal-content .modal-body .ca-profile-thumb {
  height: 220px;
  width: 500px;
}
.profile-dialog .modal-content .modal-body .ca-profile-info {
  margin: 10px auto;
}
.ca-profile-title{
  margin-top: 5px;
  color: #fff;
  font-weight: 700;
}
.padme{
  padding: 10px 0px 0px 8px;
}
.profile-dialog .modal-content .modal-body .ca-profile-info .ca-profile-pic {
  height: 112px;
  width: 112px;
  min-width: 112px;
  margin: 0 auto;
}
.profile-dialog .modal-content .modal-body .ca-profile-info .ca-profile-name {
  font-size: 1.375rem;
  margin-top: 10px;
  white-space: nowrap;
}
.profile-dialog .modal-content .modal-body .profile-settings-list {
  position: relative;
  height: 250px;
  overflow: auto;
  margin: 10px;
}
.height250{
  height: 250px;
}
.height350 {
  height: 350px;
}
.height30 {
  height: 30px;
  line-height: 30px;
}
.textAlingLeft{
  text-align: left;
}
#caMainTab a{
padding: 8px!important;
padding-bottom: 12px!important;
}
.profile-modal-close {
  cursor: pointer;
  margin-left: auto;
}
.theme-customizer {
  position: fixed;
  z-index: 999;
  top: 50%;
  transform: translateY(-50%);
  right: -240px;
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in;
  width: 280px;
  border-radius: 4px 0 0 4px;
}
.theme-customizer.active {
  right: 0;
  box-shadow: 0 20px 40px 10px rgba(0, 0, 0, 0.2);
}
.theme-customizer.active .theme-customizer-opener {
  margin-left: -44px;
}
.theme-customizer-opener {
  border-radius: 6px 0 0 6px;
  transition: all 0.2s ease-in;
  position: relative;
  z-index: 100;
  list-style: none;
  padding: 10px;
  cursor: pointer;
}
.theme-customizer-content {
  padding: 15px 10px;
}
.dial-pad-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.dial-pad-wrap .dial-pad {
  padding: 0.9375rem;
  height: 100%;
}
.dial-pad-wrap .dial-screen {
  height: 3.125rem;
  padding: 0 0.9375rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 3.125rem;
  text-align: right;
  margin-bottom: 1.25rem;
}
.dial-pad-wrap .dial-table {
  width: 100%;
  display: table;
}
.dial-pad-wrap .dial-table .dial-table-row {
  display: table-row;
}
.dial-pad-wrap .dial-table .dial-table-col {
  cursor: pointer;
  width: 33.333333%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.dial-pad-wrap .dial-table .dial-key-wrap {
  padding: 0.625rem;
  transition: all 0.2s ease-in;
}
.dial-pad-wrap .dial-table .dial-table-col .dial-key {
  font-size: 1.75rem;
  font-weight: 400;
  min-height: 1.875rem;
  line-height: 1.875rem;
}
.dial-pad-wrap .dial-table .no-sub-key .dial-key {
  min-height: 3rem;
  line-height: 3rem;
}
.dial-pad-wrap .dial-table .dial-sub-key {
  font-size: 14px;
  text-transform: uppercase;
}
.dial-pad-wrap .no-sub-key .dial-sub-key {
  display: none;
}
body.rtl {
  direction: rtl;
}
body.rtl .ca-sidebar-wrapper .ca-userprofile {
  flex: initial;
}
body.rtl .ca-sidebar-wrapper .nav {
  padding-right: 0;
}
body.rtl
  .ca-sidebar-wrapper
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li:first-of-type {
  border-radius: 0 0.25rem 0.25rem 0;
  padding: 0.3125rem 0.3125rem 0.3125rem 0;
}
body.rtl
  .ca-sidebar-wrapper
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li:last-of-type {
  border-radius: 0.25rem 0 0 0.25rem;
  padding: 0.3125rem 0 0.3125rem 0.3125rem;
}
body.rtl .ca-sidebar-wrapper .ml-2 {
  margin-right: 0.5625rem;
  margin-left: 0 !important;
}
body.rtl .ca-sidebar-wrapper .conversation .user-avatar {
  margin-left: 1rem;
  margin-right: 0;
}
body.rtl .ca-sidebar-wrapper .conversation__message-preview {
  padding-left: 1.5rem;
  padding-right: 0;
  text-align: right;
}
body.rtl .ca-userprofile {
  margin-left: auto;
  margin-right: 0;
}
body.rtl .calllist.active:before,
body.rtl .contactlist.active:before,
body.rtl .conversation.active:before {
  right: 0;
  left: inherit;
}
body.rtl .mfb-component--br,
body.rtl .mfb-component__list > li {
  left: 0;
  right: auto;
}
body.rtl .mfb-component--br .mfb-component__list [data-mfb-label]:after,
body.rtl .mfb-component--br [data-mfb-label]:after,
body.rtl .mfb-component--tr .mfb-component__list [data-mfb-label]:after,
body.rtl .mfb-component--tr [data-mfb-label]:after {
  left: 50px;
  right: auto;
}
body.rtl .conversation__name {
  margin-left: 0;
  margin-right: 1rem;
}
body.rtl .ca-send .user-avatar {
  margin-left: 0;
  margin-right: 0.625rem;
}
body.rtl .ca-received .user-avatar {
  margin-right: 0;
  margin-left: 0.625rem;
}
body.rtl .dropdown-menu .dropdown-item span:first-of-type {
  padding-left: 0.625rem;
  padding-right: 0;
}
body.rtl .modal-header .close {
  margin: -1rem auto -1rem -1rem;
}
body.rtl .modal-body .form-group label {
  float: right;
}
body.rtl .modal-body .group-members__avatar {
  text-align: right;
}
body.rtl .searchbar .input-group .form-control {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body.rtl .searchbar .input-group .input-group-append .input-group-text {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.rtl .modal-contact-list .contactlist .contactlist__details--name {
  text-align: right;
}
body.rtl .modal-contact-list .contactlist .contactlist__details {
  margin-right: 10px;
}
body.rtl .ps-list__left--icon {
  margin-left: 0.625rem;
  margin-right: 0;
}
body.rtl .ca-setting-list .ca-setting-type .ca-setting-name {
  text-align: right;
}
body.rtl .accordion.accordion-arrow-toggler .card-title:after {
  left: 1rem;
  right: auto;
}
body.rtl .settings-accordion,
body.rtl .settings-inside-wrapper {
  padding: 1rem 0 1rem 2rem;
  text-align: right;
}
body.rtl .accordion.settings-accordion {
  padding: 1rem 0 1rem 2rem;
}
body.rtl .settingmenu__icon i {
  margin-right: 0;
  margin-left: 1rem;
}
body.rtl .contactlist__details {
  margin-right: 10px;
}
body.rtl .contactlist__details--name {
  text-align: right;
}
body.rtl .information-panel {
  left: 0;
  right: auto;
}
body.rtl.info-panel-opened .conversation-wrapper {
  padding-left: 23.75rem;
  padding-right: 0;
}
body.rtl .accordion .card .card-header .card-title i,
body.rtl .doclist .docicon,
body.rtl .doclist .membericon,
body.rtl .memberlist .docicon,
body.rtl .memberlist .membericon {
  margin-right: 0;
  margin-left: 0.625rem;
}
body.rtl .composer__left--emoticon {
  cursor: pointer;
  margin-right: 0.625rem;
  margin-left: 0;
}
body.rtl .ca__fileicon {
  margin-right: 0;
  margin-left: 0.625rem;
}
body.rtl .ca-call-details-history .ca-call-history__left--title {
  text-align: right;
}
body.rtl .ca-call-details-history .call-outline-btn.call-incoming-icon,
body.rtl .ca-call-details-history .call-outline-btn.call-missed-icon,
body.rtl .ca-call-details-history .call-outline-btn.call-outgoing-icon {
  margin-right: 0;
  margin-left: 1rem;
}
body.rtl .ca-content__callstab .ca-call-details-card .ca-call-details__left {
  margin-left: auto;
  margin-right: 0;
}
body.rtl .calllist__details {
  text-align: right;
}
body.rtl .calllist .user-avatar {
  margin-right: 0;
  margin-left: 1rem;
}
body.rtl .calllist__details--info .mdi {
  margin-right: 0;
  margin-left: 5px;
}
body.rtl .sidebar-contactlist li {
  text-align: right;
}
body.rtl .theme-customizer {
  left: -240px;
  right: auto;
  border-radius: 0 4px 4px 0;
}
body.rtl .theme-customizer.active {
  left: 0;
  right: auto;
}
body.rtl .theme-customizer.active .theme-customizer-opener {
  margin-right: -44px;
  margin-left: 0;
  border-radius: 0 4px 4px 0;
}
body.rtl .theme-customizer .theme-customizer-opener {
  border-radius: 0 4px 4px 0;
}
.ca-main-conatiner {
  position: relative;
}
.ca-main-conatiner,
.ca-main-wrapper {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
}
.ca-main-wrapper .ca-sidebar-wrapper {
  width: 349px;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  min-height: 100vh;
  max-height: 100vh;
}
.ca-main-wrapper .ca-sidebar-wrapper .ca-sidebar {
  position: relative;
}
.ca-main-wrapper .ca-content-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  position: relative;
}
.ca-main-wrapper .ca-content-wrapper .ca-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.ca-main-wrapper .ca-content-wrapper .ca-content__chatstab {
  display: flex;
  flex: 1 1 auto;
}
.ca-main-wrapper .ca-content-wrapper .ca-content__chatstab--group,
.ca-main-wrapper .ca-content-wrapper .ca-content__chatstab--personal {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: space-between;
}
.ca-main-wrapper .ca-content-wrapper .ca-content__callstab,
.ca-main-wrapper .ca-content-wrapper .ca-content__chatstab--group,
.ca-main-wrapper .ca-content-wrapper .ca-content__contactstab {
  display: none;
}
.ca-sidebar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  position: relative;
}
.ca-sidebar__body {
  height: calc(100vh - 4.5625rem);
}
.ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav {
  display: flex;
  justify-content: space-around;
}
.ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: 600;
}
.ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  display: flex;
  justify-content: center;
  border-bottom: 0 !important;
}
.ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li {
  padding: 0.3125rem;
}
.ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li:first-of-type {
  border-radius: 0.25rem 0 0 0.25rem;
  padding: 0.3125rem 0 0.3125rem 0.3125rem;
}
.ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li:last-of-type {
  border-radius: 0 0.25rem 0.25rem 0;
  padding: 0.3125rem 0.3125rem 0.3125rem 0;
}
.ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: 700;
}
.sidebar-userlist {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  height: calc(100vh - 17.5rem);
}
.sabit_odaliste {
  width: 100%;
  margin: 2px;
}

.sabit_odaliste ul {
  height: 117px;
  padding: 0;
  list-style: none;
  border-radius: 8px;
  margin: 5px;
}

.sabit_odaliste ul::before,
.sabit_odaliste ul::after {
	content: none!important;
}

.sabit_odaliste li {
  float: left;
  background: #f5f5f5;
  width: 31.5%;
  text-align: center;
  padding: 7px;
  border-radius: 12px;
  height: 113px;
  margin: 3px;
  font-size: 14px;
  cursor: pointer;
}
.dark-default-theme .sabit_odaliste li,
.dark-purple-theme .sabit_odaliste li,
.dark-pink-theme .sabit_odaliste li,
.dark-green-theme .sabit_odaliste li,
.dark-red-theme .sabit_odaliste li,
.dark-orange-theme .sabit_odaliste li,
.dark-blue-theme .sabit_odaliste li,
.dark-darkblue-theme .sabit_odaliste li,
.dark-lightpink-theme .sabit_odaliste li {
	background: #262627;
}
.dark-default-theme .life-scroll li,
.dark-purple-theme .life-scroll li,
.dark-pink-theme .life-scroll li,
.dark-green-theme .life-scroll li,
.dark-red-theme .life-scroll li,
.dark-orange-theme .life-scroll li,
.dark-blue-theme .life-scroll li,
.dark-darkblue-theme .life-scroll li,
.dark-lightpink-theme .life-scroll li {
  background: #262627;
  color: #c3bfbf;
}
.dark-default-theme .life-scroll li .conversation,
.dark-purple-theme .life-scroll li .conversation,
.dark-pink-theme .life-scroll li .conversation,
.dark-green-theme .life-scroll li .conversation,
.dark-red-theme .life-scroll li .conversation,
.dark-orange-theme .life-scroll li .conversation,
.dark-blue-theme .life-scroll li .conversation,
.dark-darkblue-theme .life-scroll li .conversation,
.dark-lightpink-theme .life-scroll li .conversation {
  border-bottom: 0px solid #1a1a1a;
}

.dark-default-theme .life-scroll,
.dark-purple-theme .life-scroll,
.dark-pink-theme .life-scroll,
.dark-green-theme .life-scroll,
.dark-red-theme .life-scroll,
.dark-orange-theme .life-scroll,
.dark-blue-theme .life-scroll,
.dark-darkblue-theme .life-scroll,
.dark-lightpink-theme .life-scroll {
  background: #263238!important;
  color: #c3bfbf!important;
}

.sabit_odaliste img {
	width: 64px;
	border: 3px solid #fff;
	height: 64px;
	border-radius: 50%
}
.so_so {
	height: 24px;
	width: 18px;
}
.marginLeft5 {
	margin-left: 5px!important
}
.oda_a {
	height: 12px;
	font-size: 11px;
	line-height: 38px;
	color: #007aff
}
.life-scroll{
  overflow: auto;
  position: relative;
  height: calc(100vh - 21.2rem);
  background: #f9f9f9;
}
.life-scroll li{
  background-color: #ffffff;
  color: #000;
  border-radius: 8px;
  margin: 8px;
}
.life-scroll .conversation{
border-bottom:0px!important
}

.sidebar-contactlist {
  position: relative;
  height: calc(100vh - 8.6875rem);
}
.conversation {
  display: flex;
  flex-basis: 100%;
  padding: 0.625rem 1rem;
  cursor: pointer;
}
.conversation__details {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  flex-basis: 100%;
}
.conversation .user-avatar {
  margin-right: 1rem;
  position: relative;
  height: 3.125rem;
  width: 3.125rem;
}
.conversation__name {
  color: inherit;
  display: flex;
  justify-content: space-between;
}
.conversation__name--title {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.25rem;
  max-height: 1.25rem;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.conversation__time {
  font-size: 0.75rem;
}
.conversation__message {
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.25rem;
}
.conversation__message .badge {
  font-size: 0.75rem;
  margin-left: 0.3125rem;
}
.conversation__message i:before {
  font-size: 1.25rem;
}
.conversation__message .badge-rounded {
  border-radius: 6.25rem;
}
.conversation__message-preview {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.25rem;
  max-height: 1.25rem;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: 1 1 auto;
  padding-right: 1.5rem;
}
.conversation.unread .conversation__name--title {
  font-weight: 700;
}
.conversation.unread .conversation__message-preview {
  font-weight: 600;
}
.conversation.active {
  position: relative;
}
.conversation.active:before {
  content: "";
  display: block;
  width: 0.375rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.status-hidden .user-avatar:after {
  display: none;
}
.conversation-wrapper {
  display: flex;
  flex: 1 1 auto;
}
.conversation-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 100vh;
}
.conversation-panel__back-button {
  display: none;
}
.conversation-panel__avatar {
  display: flex;
  cursor: pointer;
}
.conversation-panel__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px 5px 0px;
}
.conversation-panel__head .conversation__name {
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem;
  margin-bottom: 0;
}
.conversation-panel__head .conversation__actions {
  display: flex;
  align-items: center;
}
.conversation-panel__head .conversation__actions .action-icon {
  padding: 0 0.5rem;
  border-radius: 6.25rem;
  height: 2.1875rem;
  width: 2.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.conversation-panel__body {
  position: relative;
  height: calc(100vh - 9.6875rem);
  padding-bottom: 1.5rem;
  background-repeat: repeat;
}
.conversation-panel__body ul {
  list-style: none;
  padding: 0 0 2rem;
  margin: 0;
}
.conversation-panel__body ul li:first-child {
  border-radius: 0.3125rem 0.3125rem 0.3125rem 0;
}
.conversation-panel__footer {
  padding: 1rem;
  border-bottom: none !important;
}
.chat-date {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  line-height: 1.2em;
  overflow: hidden;
  position: relative;
  margin: 8px 0;
  background: #ffffff;
  padding: 10px;
}
.chat-date span {
  position: relative;
  padding: 0 0.75rem;
}
.chat-date span:before {
  left: 100%;
}
.chat-date span:after,
.chat-date span:before {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 125rem;
}
.chat-date span:after {
  right: 100%;
}
.calllist,
.owl-carousel.owl-loaded {
  display: flex;
}
.calllist {
  padding: 0.625rem 1rem;
  flex-basis: 100%;
}
.calllist.active {
  position: relative;
}
.calllist.active:before {
  content: "";
  display: block;
  width: 0.375rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.calllist .user-avatar {
  margin-right: 1rem;
}
.calllist__details {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1;
}
.calllist__details--name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.25rem;
  max-height: 1.25rem;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.calllist__details--info {
  font-size: 0.8125rem;
  display: flex;
  align-items: flex-start;
  height: 1.25rem;
}
.calllist__details--info .mdi {
  margin-right: 5px;
  vertical-align: text-top;
}
.calllist__details--info .mdi:before {
  font-size: 1rem;
  line-height: 1;
}
.calllist__actions .iconbox {
  margin: 0.125rem;
}
.ca-content__callstab {
  padding-top: 3.125rem;
}
.ca-content__callstab .ca-call-details-card {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ca-content__callstab .ca-call-details-card .ca-call-details__left {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.ca-content__callstab
  .ca-call-details-card
  .ca-call-details__left
  .user-avatar {
  margin-right: 1rem;
  margin-left: 1rem;
}
.ca-content__callstab .ca-call-details-card .ca-call-details__right .iconbox {
  margin: 0 0.25rem;
}
.ca-content__callstab .ca-call-details-card .ca-call-details__pname {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.1px;
}
.ca-content__callstab
  .ca-call-details-card
  .ca-call-details__pname
  .calllist__details--info {
  font-weight: 500;
}
.ca-call-details-history {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  height: calc(100vh - 12.8125rem);
}
.ca-call-details-history .card {
  margin: 0 1rem;
}
.ca-call-details-history .card:not(:last-of-type) {
  margin-bottom: 0.625rem;
}
.ca-call-details-history .call-outline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  border-radius: 6.25rem;
  transition: all 0.2s ease-in;
}
.ca-call-details-history .call-outline-btn .mdi {
  height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 1.25rem;
}
.ca-call-details-history .ca-call-history {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ca-call-details-history .ca-call-history__left {
  display: flex;
}
.ca-call-details-history .ca-call-history__left--title {
  font-weight: 600;
}
.ca-call-details-history .ca-call-history__left--title span {
  font-size: 13px;
  height: 20px;
  font-weight: 400;
}
.ca-call-details-history .ca-call-history__left .call-outline-btn {
  margin-right: 1rem;
}
.ca-call-details-history .ca-call-history__right .ca-call-duration {
  font-size: 0.8125rem;
  font-weight: 500;
}
.contactlist-heading {
  padding: 0.625rem 1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.75rem;
  display: inline-block;
}
.ca-content__contactstab {
  padding-top: 3.125rem;
  position: relative;
  height: 100vh;
}
.contactlist {
  display: flex;
  padding: 0.625rem 1rem;
  flex-basis: 100%;
}
.contactlist:hover .contactlist__actions {
  transition: all 0.2s ease-in;
  display: block;
}
.contactlist.active {
  position: relative;
}
.contactlist.active:before {
  content: "";
  display: block;
  width: 0.375rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.contactlist .user-avatar {
  margin-right: 1rem;
}
.contactlist__details {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1;
}
.contactlist__details--name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.25rem;
  max-height: 1.25rem;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.contactlist__details--info {
  font-size: 0.8125rem;
  display: flex;
  align-items: flex-start;
  height: 1.25rem;
}
.contactlist__details--info .mdi {
  margin-right: 0.3125rem;
}
.contactlist__details--info .mdi:before {
  font-size: 1rem;
  line-height: 1;
}
.contactlist__actions {
  transition: all 0.2s ease-in;
}
.contactlist__actions .iconbox {
  margin: 2px;
}
.sidebar-contactlist .list-unstyled {
  padding-left: 1rem;
}
.alphabet-series {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 16px;
  font-size: 0.75rem;
}
.alphabet-series span {
  cursor: pointer;
  font-weight: 500;
}
.alphabet-series .mdi:before {
  font-size: 14px;
}
.ca-contcat-profile {
  display: flex;
  align-items: center;
}
.ca-contcat-profile .user-avatar {
  margin-right: 1rem;
}
.ca-contcat-profile .ca-contact-title .ca-contact-name {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.1px;
}
.ca-contcat-profile .ca-contact-title .ca-contact-tag {
  font-size: 13px;
  display: flex;
  align-items: flex-start;
  height: 1.25rem;
}
.ca-contcat-profile .ca-contact-title .ca-contact-tag .mdi {
  margin-right: 0.3125rem;
}
.ca-contcat-profile .ca-contact-title .ca-contact-tag .mdi:before {
  font-size: 1rem;
  line-height: 1;
}
.ca-contact:not(:first-of-type) {
  margin-top: 1.25rem;
}
.ca-contact__dl-left {
  font-size: 0.8125rem;
}
.ca-contact__dl-right {
  font-weight: 500;
}
.ca-profile-thumb {
  height: 16.25rem;
  display: flex;
  align-items: flex-end;
  padding: 0 1.875rem;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
.ca-profile-sidebar-body {
  height: calc(100vh - 6.25rem);
}
.ca-profile-info {
  margin: 0 auto -2.5rem;
  position: relative;
  z-index: 1;
}
.ca-profile-info .ca-profile-pic {
  height: 10rem;
  width: 10rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.ca-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.ca-profile-actions {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 100;
  border-radius: 6.25rem;
}
.profile-settings-list .ca-profile-title {
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profile-settings-list .ca-profile-name {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1px;
}
.profile-settings-list .ca-profile-tag {
  font-size: 0.8125rem;
  display: flex;
  height: 1.25rem;
}
.back2contacts {
  display: none;
}
.ca-userprofile {
  margin-right: auto;
}
.nav-style-vertical-1 .nav.flex-column {
  height: 100%;
}
.nav-link {
cursor: pointer;
}  
.nav-style-vertical-1 .nav-link {
  color: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  border-radius: 0;
}
button.close:focus {
  outline: none;
}
.settingmenu {
  display: flex;
  align-items: center;
}
.settingmenu__icon i {
  margin-right: 1rem;
}
.settingmenu__icon i:before {
  font-size: 1.25rem;
}
.modal-open .settings-modal-dialog .tab-content {
  max-height: 28.125rem;
  min-height: 28.125rem;
  overflow-y: auto;
}
.setting-sunheading {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}
.setting-sunheading.setting-sunheading-style01 {
  display: inline-block;
  padding: 0.625rem 0.9375rem 0.625rem 0.625rem;
  border-radius: 0 1.5625rem 1.5625rem 0;
}
.ca-setting-list {
  margin-top: 1rem;
}
.ca-setting-list .btn-link {
  text-decoration: none;
}
.ca-setting-list li:not(:last-of-type) {
  padding-bottom: 0.625rem;
  margin-bottom: 0.5rem;
}
.ca-setting-list .ca-setting-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ca-setting-list .ca-setting-type .ca-setting-name {
  display: flex;
  flex-direction: column;
  width: 80%;
}
.ca-setting-list .ca-setting-type .ca-setting-name .ca-setting-name-main {
  font-weight: 600;
  font-size: 1rem;
}
.ca-setting-list .ca-setting-type .ca-setting-name .ca-setting-name-sub {
  font-size: 0.6875rem;
  line-height: 1;
}
.ca-setting-list .btn-link.dropdown-toggle {
  font-size: 14px;
  font-weight: 500;
}
.settings-accordion,
.settings-inside-wrapper {
  padding: 1rem 2rem 1rem 0;
}
.settings-accordion .card,
.settings-inside-wrapper .card {
  border-radius: 0;
}
.settings-accordion .card .setting-list,
.settings-inside-wrapper .card .setting-list {
  padding: 0.5rem 0;
}
.ps-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 1.25rem;
}
.ps-list__left {
  display: flex;
  align-items: center;
}
.ps-list__left--icon {
  margin-right: 0.625rem;
}
.ps-list__left--name {
  font-weight: 600;
}
.theme {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin: 2px;
  border: 1px solid #dadce0;
  cursor: pointer;
}
.theme.selected {
  border: 2px solid #00c7ff;
}
.theme.default-theme {
  background: #007bff;
}
.theme.purple-theme {
  background: #ae6eea;
}
.theme.pink-theme {
  background: #e91e63;
}
.theme.lightpink-theme {
  background: #f48fb1;
}
.theme.green-theme {
  background: #4caf50;
}
.theme.red-theme {
  background: #f44336;
}
.theme.orange-theme {
  background: #ff9800;
}
.theme.blue-theme {
  background: #00bcd4;
}
.theme.darkblue-theme {
  background: #3f51b5;
}



.light-default-theme .onlyback {
  background: #007bff;
}
.light-purple-theme .onlyback {
  background: #ae6eea;
}
.light-pink-theme .onlyback {
  background: #e91e63;
}
.light-lightpink-theme .onlyback {
  background: #f48fb1;
}
.light-green-theme .onlyback {
  background: #4caf50;
}
.light-red-theme .onlyback {
  background: #f44336;
}
.light-orange-theme .onlyback {
  background: #ff9800;
}
.light-blue-theme .onlyback {
  background: #00bcd4;
}
.light-darkblue-theme .onlyback {
  background: #3f51b5;
}
.dark-default-theme .onlyback {
  background: #007bff;
}
.dark-purple-theme .onlyback {
  background: #ae6eea;
}
.dark-pink-theme .onlyback {
  background: #e91e63;
}
.dark-lightpink-theme .onlyback {
  background: #f48fb1;
}
.dark-green-theme .onlyback {
  background: #4caf50;
}
.dark-red-theme .onlyback {
  background: #f44336;
}
.dark-orange-theme .onlyback {
  background: #ff9800;
}
.dark-blue-theme .onlyback {
  background: #00bcd4;
}
.dark-darkblue-theme .onlyback {
  background: #3f51b5;
}
.settings-nav-menu{
  width: 250px;
}
.settings-nav-content{
  width: 428px;
  margin: 10px;
  height: 400px;
  overflow: auto;
}
.wht-hgh{
  width: 40px!important;
  height: 40px!important;
}
.yrenk{
  padding-top: 5px;
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 17px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.select-setting{
  border: none;
  font-size: 17px;
}
*:focus {
    outline: none;
}
.size-profil{
  height: 18px;
  padding-left: 5px;
}
.paddingtop3{
  padding-top: 3px;
}
.mdl-width{
  width: 700px;
  max-width: 700px;
  min-width: 700px;
}
.row-pen{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


.conversation-panel__body.bg1 {
  background-image: url("../assets/images/bg/asfalt.png") !important;
}
.conversation-panel__body.bg2 {
  background-image: url("../assets/images/bg/bg-01.png") !important;
}
.conversation-panel__body.bg3 {
  background-image: url("../assets/images/bg/binding_dark.png") !important;
}
.conversation-panel__body.bg4 {
  background-image: url("../assets/images/bg/cream_pixels.png") !important;
}
.conversation-panel__body.bg5 {
  background-image: url("../assets/images/bg/grey.png") !important;
}
.conversation-panel__body.bg6 {
  background-image: url("../assets/images/bg/kindajean.png") !important;
}
.conversation-panel__body.bg7 {
  background-image: url("../assets/images/bg/linedpaper.png") !important;
}
.conversation-panel__body.bg8 {
  background-image: url("../assets/images/bg/norwegian_rose.png") !important;
}
.conversation-panel__body.bg9 {
  background-image: url("../assets/images/bg/ripples.png") !important;
}
.conversation-panel__body.bg10 {
  background-image: url("../assets/images/bg/skelatal_weave.png") !important;
}
.conversation-panel__body.bg11 {
  background-image: url("../assets/images/bg/subtle_carbon.png") !important;
}
.conversation-panel__body.bg12 {
  background-image: url("../assets/images/bg/subtle_white_feathers.png") !important;
}
[data-bg="bg1"] {
  background-image: url("../assets/images/bg/asfalt.png");
}
[data-bg="bg2"] {
  background-image: url("../assets/images/bg/bg-01.png");
}
[data-bg="bg3"] {
  background-image: url("../assets/images/bg/binding_dark.png");
}
[data-bg="bg4"] {
  background-image: url("../assets/images/bg/cream_pixels.png");
}
[data-bg="bg5"] {
  background-image: url("../assets/images/bg/grey.png");
}
[data-bg="bg6"] {
  background-image: url("../assets/images/bg/kindajean.png");
}
[data-bg="bg7"] {
  background-image: url("../assets/images/bg/linedpaper.png");
}
[data-bg="bg8"] {
  background-image: url("../assets/images/bg/norwegian_rose.png");
}
[data-bg="bg9"] {
  background-image: url("../assets/images/bg/ripples.png");
}
[data-bg="bg10"] {
  background-image: url("../assets/images/bg/skelatal_weave.png");
}
[data-bg="bg11"] {
  background-image: url("../assets/images/bg/subtle_carbon.png");
}
[data-bg="bg12"] {
  background-image: url("../assets/images/bg/subtle_white_feathers.png");
}
.ca-auth-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-width: 100%;
  min-height: 100vh;
  height: 100%;
  background: #0062cc;
  align-items: stretch;
}
.ca-auth-wrapper .ca-auth-content {
  position: relative;
  padding: 0.9375rem;
  z-index: 5;
}
.ca-auth-wrapper .ca-auth-content:not(.container) {
  width: 37.5rem;
}
.ca-auth-wrapper .ca-auth-side-img {
  padding-right: 37.5rem;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  justify-content: center;
}
.ca-auth-wrapper .ca-auth-side-form {
  position: relative;
  min-height: 100%;
  height: 100vh;
  overflow-y: auto;
  background: #fbfeff;
  display: inline-flex;
  align-items: center;
  left: auto;
  float: right;
}

.ca-auth-wrapper .ca-auth-side-form h1 {
  font-family: Poppins, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -1.6px;
}
.ca-auth-wrapper.aut-bg-right .ca-auth-side-form {
  right: auto;
  float: left;
}
.has-bg {
  background-size: cover;
  background-position: 100% 0;
}
.has-bg.has-bg-1 {
  background-image: url("../assets/images/bg/login-1.jpg");
}
.has-bg.has-bg-2 {
  background-image: url("../assets/images/bg/login-2.jpg");
}
.has-bg.has-bg-3 {
  background-image: url("../assets/images/bg/login-3.jpg");
}
.dropdown-menu {
  font-size: 14px;
}
.dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.dropdown-menu .dropdown-item span:first-of-type {
  padding-right: 0.625rem;
}
.dropdown-menu .dropdown-item:focus {
  outline: none;
}
.dropdown-toggle:after {
  border: none;
  display: inline-block;
  margin-left: 0;
  font-family: Material Design Icons;
  content: "\F140";
  font-size: 1rem;
  vertical-align: middle;
}
.form-control:focus {
  box-shadow: none;
}
.custom-control-label {
  line-height: 1.5625rem;
}

.light-default-theme body {
  color: #3c4043;
}
.light-default-theme body.rtl .ca-content-wrapper,
.light-default-theme body.rtl .information-panel {
  border-right: 1px solid #dadce0;
}
.light-default-theme .mdi {
  color: #949aa2;
}
.light-default-theme .text-danger .mdi {
  color: #dc3545;
}
.light-default-theme .dropdown-item.active,
.light-default-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.light-default-theme .badge-info,
.light-default-theme .badge-primary,
.light-default-theme .nav-pills .nav-link.active,
.light-default-theme .nav-pills .show > .nav-link {
  background-color: #007bff;
}
.light-default-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.light-default-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.light-default-theme .accordion.accordion-ungrouped .card,
.light-default-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-default-theme .call-hangup {
  background: #f44336;
}
.light-default-theme .call-hangup i {
  color: #fff;
}
.light-default-theme .call-pickup {
  background: #3cd572;
}
.light-default-theme .call-pickup i {
  color: #fff;
}
.light-default-theme .call-pickup:after,
.light-default-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.light-default-theme .call-options__iconbox.active,
.light-default-theme .call-options__iconbox:hover {
  background: #eaedf2;
}
.light-default-theme .call-options h6 {
  color: #8d9093;
}
.light-default-theme .icvideocallwrapper .icvideo-user img {
  background-color: #fff;
}
.light-default-theme .userprofile-name span {
  color: #979797;
}
.light-default-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.light-default-theme .calller-group .user-avatar .caller-mute i {
  color: #fff;
}
.light-default-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #fff;
}

.light-default-theme .chatstyle-01 .ca-received__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-default-theme .chatstyle-01 .ca-send__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-default-theme .chatstyle-01 .metadata .time {
  color: #6a7a8b;
}
.light-default-theme .composer__left--sticker {
  background: #e6f2ff;
}
.light-default-theme .composer__left--sticker i:before {
  color: #007bff;
}
.light-default-theme .composer__left--emoticon i:hover,
.light-default-theme .composer__middle--attachment i:hover,
.light-default-theme .composer__middle--microphone i:hover,
.light-default-theme .composer__middle--photo i:hover {
  color: #007bff;
}
.light-default-theme .composer__right--send {
  background: #007bff;
}
.light-default-theme .composer__right--send i {
  color: #fff;
}
.light-default-theme .dial-pad-wrap .dial-screen {
  background: #eaedf2;
  border: 1px solid #eaedf2;
}
.light-default-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #eaedf2;
}
.light-default-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.light-default-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.light-default-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #eaedf2;
  background: #007bff;
}
.light-default-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.light-default-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #fff;
}
.light-default-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.light-default-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key {
  color: #eaedf2;
}
.light-default-theme .iconbox-dropdown.show .iconbox,
.light-default-theme .iconbox.btn-hovered-light:active,
.light-default-theme .iconbox.btn-hovered-light:focus,
.light-default-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-default-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #dadce0;
}
.light-default-theme .iconbox.btn-outline-light:active,
.light-default-theme .iconbox.btn-outline-light:focus,
.light-default-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-default-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.light-default-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.light-default-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.light-default-theme .iconbox.btn-solid-info {
  background: #007bff;
}
.light-default-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.light-default-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.light-default-theme .iconbox.btn-solid-danger .mdi,
.light-default-theme .iconbox.btn-solid-info .mdi,
.light-default-theme .iconbox.btn-solid-primary .mdi,
.light-default-theme .iconbox.btn-solid-secondary .mdi,
.light-default-theme .iconbox.btn-solid-success .mdi,
.light-default-theme .iconbox.btn-solid-warning .mdi {
  color: #fff;
}
.light-default-theme .information-panel {
  background: #fff;
  border-left: 1px solid #dadce0;
}
.light-default-theme .information-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-default-theme .information-panel__closer:hover {
  background: #eaedf2;
}
.light-default-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #007bff;
}
.light-default-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-default-theme body.info-panel-opened .group-information-panel,
.light-default-theme body.info-panel-opened .personal-information-panel {
  background: #fff;
}
.light-default-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-default-theme .doclistall {
  background: #eaedf2;
}
.light-default-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.light-default-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #dadce0;
}
.light-default-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.light-default-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.light-default-theme .iconbox-searchbar .search-submit:active,
.light-default-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-default-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.light-default-theme .user-avatar span {
  color: inherit;
}
.light-default-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.light-default-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.light-default-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #007bff;
}
.light-default-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.light-default-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.light-default-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.light-default-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.light-default-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.light-default-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.light-default-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.light-default-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.light-default-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.light-default-theme .user-avatar-closer {
  background: #dc3545;
}
.light-default-theme .user-avatar-closer .mdi {
  color: #fff;
}
.light-default-theme .calllist {
  border-bottom: 1px solid #ababab2e;
}
.light-default-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-default-theme .calllist.active:before {
  background: #007bff;
}
.light-default-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-default-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.light-default-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #dadce0;
}
.light-default-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.light-default-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.light-default-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.light-default-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.light-default-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.light-default-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.light-default-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.light-default-theme .contactlist {
  border-bottom: 1px solid #ababab2e;
}
.light-default-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-default-theme .contactlist.active:before {
  background: #007bff;
}
.light-default-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-default-theme .alphabet-series {
  background: #fafafa;
  border-right: 1px solid #dadce0;
}
.light-default-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.light-default-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.light-default-theme .ca-profile-actions {
  background: #fff;
}
.light-default-theme .conversation {
  border-bottom: 1px solid #ababab2e;
}
.light-default-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-default-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.light-default-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.light-default-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.light-default-theme .conversation__message {
  color: #a2a2a2;
}
.light-default-theme .conversation__time {
  color: #6a7a8b;
}
.light-default-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-default-theme .conversation.active:before {
  background: #007bff;
}
.light-default-theme .conversation-wrapper .conversation-panel {
  background: #fff;
}
.light-default-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-default-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #eaedf2;
}
.light-default-theme .conversation-wrapper .conversation-panel__footer {
  background: #fff;
}
.light-default-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #3c4043;
}
.light-default-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.light-default-theme .chat-date span:after,
.light-default-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.light-default-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #dadce0;
}

.light-default-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #dadce0;
}
.light-default-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #fff;
}
.light-default-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #007bff;
}
.light-default-theme .nav-style-vertical-1 .nav-link:hover {
  background: #eaedf2;
}
.light-default-theme .setting-sunheading.setting-sunheading-style01 {
  background: #007bff;
  color: #fff;
}
.light-default-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.light-default-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-default-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.light-default-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.light-default-theme .ca-sidebar__header,
.light-default-theme .ps-list {
  border-bottom: 1px solid #dadce0;
}
.light-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.light-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.light-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #007bff;
}
.light-default-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.light-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #eaedf2;
}
.light-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.light-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.light-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.light-default-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.light-default-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #007bff;
}
.light-default-theme .mfb-component__button--main .mdi,
.light-default-theme .mfb-component__button--main:focus,
.light-default-theme .mfb-component__button--main:hover {
  color: #fff;
}
.light-default-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #6c757d;
}
.light-default-theme .mfb-component__button--child .mdi,
.light-default-theme .mfb-component__button--child:focus,
.light-default-theme .mfb-component__button--child:hover {
  color: #fff;
}
.light-default-theme [data-mfb-label]:after {
  background: #007bff;
  color: #f8f9fa;
}
.light-default-theme .material-switch > input,
.light-default-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.light-default-theme .material-switch > span:after {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.light-default-theme .material-switch > input:checked {
  background-color: #007bff;
}
.light-default-theme .material-switch > input:checked + span:before {
  background-color: #99caff;
}
.light-default-theme .material-switch > input:checked + span:after {
  background-color: #007bff;
}
.light-default-theme .material-switch > input:active + span:before {
  background-color: #99caff;
}
.light-default-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.light-default-theme .material-switch > input:disabled + span {
  color: #000;
}
.light-default-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.light-default-theme .material-switch > input:checked:disabled + span:before {
  background-color: #99caff;
}
.light-default-theme .setting-sunheading {
  color: #a2a2a2;
}
.light-default-theme .modal-content .ca-profile-name {
  color: #fff;
}
.light-default-theme .theme-customizer.active {
  background: #fafafa;
}
.light-default-theme .theme-customizer-opener {
  background: #fafafa;
  border: 1px solid #dadce0;
}
.light-purple-theme body {
  color: #3c4043;
}
.light-purple-theme body.rtl .ca-content-wrapper,
.light-purple-theme body.rtl .information-panel {
  border-right: 1px solid #dadce0;
}
.light-purple-theme .mdi {
  color: #949aa2;
}
.light-purple-theme .text-danger .mdi {
  color: #dc3545;
}
.light-purple-theme .dropdown-item.active,
.light-purple-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.light-purple-theme .badge-info,
.light-purple-theme .badge-primary,
.light-purple-theme .nav-pills .nav-link.active,
.light-purple-theme .nav-pills .show > .nav-link {
  background-color: #ae6eea;
}
.light-purple-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.light-purple-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.light-purple-theme .accordion.accordion-ungrouped .card,
.light-purple-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-purple-theme .call-hangup {
  background: #f44336;
}
.light-purple-theme .call-hangup i {
  color: #fff;
}
.light-purple-theme .call-pickup {
  background: #3cd572;
}
.light-purple-theme .call-pickup i {
  color: #fff;
}
.light-purple-theme .call-pickup:after,
.light-purple-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.light-purple-theme .call-options__iconbox.active,
.light-purple-theme .call-options__iconbox:hover {
  background: #eaedf2;
}
.light-purple-theme .call-options h6 {
  color: #8d9093;
}
.light-purple-theme .icvideocallwrapper .icvideo-user img {
  background-color: #fff;
}
.light-purple-theme .userprofile-name span {
  color: #979797;
}
.light-purple-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.light-purple-theme .calller-group .user-avatar .caller-mute i {
  color: #fff;
}
.light-purple-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #fff;
}
.light-purple-theme .chatstyle-01 .ca-received__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-purple-theme .chatstyle-01 .ca-send__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-purple-theme .chatstyle-01 .metadata .time {
  color: #6a7a8b;
}
.light-purple-theme .composer__left--sticker {
  background: #fff;
}
.light-purple-theme .composer__left--sticker i:before {
  color: #ae6eea;
}
.light-purple-theme .composer__left--emoticon i:hover,
.light-purple-theme .composer__middle--attachment i:hover,
.light-purple-theme .composer__middle--microphone i:hover,
.light-purple-theme .composer__middle--photo i:hover {
  color: #ae6eea;
}
.light-purple-theme .composer__right--send {
  background: #ae6eea;
}
.light-purple-theme .composer__right--send i {
  color: #fff;
}
.light-purple-theme .dial-pad-wrap .dial-screen {
  background: #eaedf2;
  border: 1px solid #eaedf2;
}
.light-purple-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #eaedf2;
}
.light-purple-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.light-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.light-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #eaedf2;
  background: #ae6eea;
}
.light-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.light-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #fff;
}
.light-purple-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.light-purple-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key {
  color: #eaedf2;
}
.light-purple-theme .iconbox-dropdown.show .iconbox,
.light-purple-theme .iconbox.btn-hovered-light:active,
.light-purple-theme .iconbox.btn-hovered-light:focus,
.light-purple-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-purple-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #dadce0;
}
.light-purple-theme .iconbox.btn-outline-light:active,
.light-purple-theme .iconbox.btn-outline-light:focus,
.light-purple-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-purple-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.light-purple-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.light-purple-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.light-purple-theme .iconbox.btn-solid-info {
  background: #ae6eea;
}
.light-purple-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.light-purple-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.light-purple-theme .iconbox.btn-solid-danger .mdi,
.light-purple-theme .iconbox.btn-solid-info .mdi,
.light-purple-theme .iconbox.btn-solid-primary .mdi,
.light-purple-theme .iconbox.btn-solid-secondary .mdi,
.light-purple-theme .iconbox.btn-solid-success .mdi,
.light-purple-theme .iconbox.btn-solid-warning .mdi {
  color: #fff;
}
.light-purple-theme .information-panel {
  background: #fff;
  border-left: 1px solid #dadce0;
}
.light-purple-theme .information-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-purple-theme .information-panel__closer:hover {
  background: #eaedf2;
}
.light-purple-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #ae6eea;
}
.light-purple-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-purple-theme body.info-panel-opened .group-information-panel,
.light-purple-theme body.info-panel-opened .personal-information-panel {
  background: #fff;
}
.light-purple-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-purple-theme .doclistall {
  background: #eaedf2;
}
.light-purple-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.light-purple-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #dadce0;
}
.light-purple-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.light-purple-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.light-purple-theme .iconbox-searchbar .search-submit:active,
.light-purple-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-purple-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.light-purple-theme .user-avatar span {
  color: inherit;
}
.light-purple-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.light-purple-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.light-purple-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #ae6eea;
}
.light-purple-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.light-purple-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.light-purple-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.light-purple-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.light-purple-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.light-purple-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.light-purple-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.light-purple-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.light-purple-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.light-purple-theme .user-avatar-closer {
  background: #dc3545;
}
.light-purple-theme .user-avatar-closer .mdi {
  color: #fff;
}
.light-purple-theme .calllist {
  border-bottom: 1px solid #ababab2e;
}
.light-purple-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-purple-theme .calllist.active:before {
  background: #ae6eea;
}
.light-purple-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-purple-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.light-purple-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #dadce0;
}
.light-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.light-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.light-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.light-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.light-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.light-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.light-purple-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.light-purple-theme .contactlist {
  border-bottom: 1px solid #ababab2e;
}
.light-purple-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-purple-theme .contactlist.active:before {
  background: #ae6eea;
}
.light-purple-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-purple-theme .alphabet-series {
  background: #fafafa;
  border-right: 1px solid #dadce0;
}
.light-purple-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.light-purple-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.light-purple-theme .ca-profile-actions {
  background: #fff;
}
.light-purple-theme .conversation {
  border-bottom: 1px solid #ababab2e;
}
.light-purple-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-purple-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.light-purple-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.light-purple-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.light-purple-theme .conversation__message {
  color: #a2a2a2;
}
.light-purple-theme .conversation__time {
  color: #6a7a8b;
}
.light-purple-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-purple-theme .conversation.active:before {
  background: #ae6eea;
}
.light-purple-theme .conversation-wrapper .conversation-panel {
  background: #fff;
}
.light-purple-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-purple-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #eaedf2;
}
.light-purple-theme .conversation-wrapper .conversation-panel__footer {
  background: #fff;
}
.light-purple-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #3c4043;
}
.light-purple-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.light-purple-theme .chat-date span:after,
.light-purple-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.light-purple-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #dadce0;
}
.light-purple-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #dadce0;
}
.light-purple-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #fff;
}
.light-purple-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #ae6eea;
}
.light-purple-theme .nav-style-vertical-1 .nav-link:hover {
  background: #eaedf2;
}
.light-purple-theme .setting-sunheading.setting-sunheading-style01 {
  background: #ae6eea;
  color: #fff;
}
.light-purple-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.light-purple-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-purple-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.light-purple-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.light-purple-theme .ca-sidebar__header,
.light-purple-theme .ps-list {
  border-bottom: 1px solid #dadce0;
}
.light-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.light-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.light-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #ae6eea;
}
.light-purple-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.light-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #eaedf2;
}
.light-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.light-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.light-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.light-purple-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.light-purple-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #ae6eea;
}
.light-purple-theme .mfb-component__button--main .mdi,
.light-purple-theme .mfb-component__button--main:focus,
.light-purple-theme .mfb-component__button--main:hover {
  color: #fff;
}
.light-purple-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #6c757d;
}
.light-purple-theme .mfb-component__button--child .mdi,
.light-purple-theme .mfb-component__button--child:focus,
.light-purple-theme .mfb-component__button--child:hover {
  color: #fff;
}
.light-purple-theme [data-mfb-label]:after {
  background: #ae6eea;
  color: #f8f9fa;
}
.light-purple-theme .material-switch > input,
.light-purple-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.light-purple-theme .material-switch > span:after {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.light-purple-theme .material-switch > input:checked {
  background-color: #ae6eea;
}
.light-purple-theme .material-switch > input:checked + span:before {
  background-color: #f9f4fd;
}
.light-purple-theme .material-switch > input:checked + span:after {
  background-color: #ae6eea;
}
.light-purple-theme .material-switch > input:active + span:before {
  background-color: #f9f4fd;
}
.light-purple-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.light-purple-theme .material-switch > input:disabled + span {
  color: #000;
}
.light-purple-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.light-purple-theme .material-switch > input:checked:disabled + span:before {
  background-color: #f9f4fd;
}
.light-purple-theme .setting-sunheading {
  color: #a2a2a2;
}
.light-purple-theme .modal-content .ca-profile-name {
  color: #fff;
}
.light-purple-theme .theme-customizer.active {
  background: #fafafa;
}
.light-purple-theme .theme-customizer-opener {
  background: #fafafa;
  border: 1px solid #dadce0;
}
.light-pink-theme body {
  color: #3c4043;
}
.light-pink-theme body.rtl .ca-content-wrapper,
.light-pink-theme body.rtl .information-panel {
  border-right: 1px solid #dadce0;
}
.light-pink-theme .mdi {
  color: #949aa2;
}
.light-pink-theme .text-danger .mdi {
  color: #dc3545;
}
.light-pink-theme .dropdown-item.active,
.light-pink-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.light-pink-theme .badge-info,
.light-pink-theme .badge-primary,
.light-pink-theme .nav-pills .nav-link.active,
.light-pink-theme .nav-pills .show > .nav-link {
  background-color: #e91e63;
}
.light-pink-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.light-pink-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.light-pink-theme .accordion.accordion-ungrouped .card,
.light-pink-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-pink-theme .call-hangup {
  background: #f44336;
}
.light-pink-theme .call-hangup i {
  color: #fff;
}
.light-pink-theme .call-pickup {
  background: #3cd572;
}
.light-pink-theme .call-pickup i {
  color: #fff;
}
.light-pink-theme .call-pickup:after,
.light-pink-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.light-pink-theme .call-options__iconbox.active,
.light-pink-theme .call-options__iconbox:hover {
  background: #eaedf2;
}
.light-pink-theme .call-options h6 {
  color: #8d9093;
}
.light-pink-theme .icvideocallwrapper .icvideo-user img {
  background-color: #fff;
}
.light-pink-theme .userprofile-name span {
  color: #979797;
}
.light-pink-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.light-pink-theme .calller-group .user-avatar .caller-mute i {
  color: #fff;
}
.light-pink-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #fff;
}
.light-pink-theme .chatstyle-01 .ca-received__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-pink-theme .chatstyle-01 .ca-send__msg {
   background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-pink-theme .chatstyle-01 .metadata .time {
  color: #6a7a8b;
}
.light-pink-theme .composer__left--sticker {
  background: #fdeff4;
}
.light-pink-theme .composer__left--sticker i:before {
  color: #e91e63;
}
.light-pink-theme .composer__left--emoticon i:hover,
.light-pink-theme .composer__middle--attachment i:hover,
.light-pink-theme .composer__middle--microphone i:hover,
.light-pink-theme .composer__middle--photo i:hover {
  color: #e91e63;
}
.light-pink-theme .composer__right--send {
  background: #e91e63;
}
.light-pink-theme .composer__right--send i {
  color: #fff;
}
.light-pink-theme .dial-pad-wrap .dial-screen {
  background: #eaedf2;
  border: 1px solid #eaedf2;
}
.light-pink-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #eaedf2;
}
.light-pink-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.light-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.light-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #eaedf2;
  background: #e91e63;
}
.light-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.light-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #fff;
}
.light-pink-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.light-pink-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key {
  color: #eaedf2;
}
.light-pink-theme .iconbox-dropdown.show .iconbox,
.light-pink-theme .iconbox.btn-hovered-light:active,
.light-pink-theme .iconbox.btn-hovered-light:focus,
.light-pink-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-pink-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #dadce0;
}
.light-pink-theme .iconbox.btn-outline-light:active,
.light-pink-theme .iconbox.btn-outline-light:focus,
.light-pink-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-pink-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.light-pink-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.light-pink-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.light-pink-theme .iconbox.btn-solid-info {
  background: #e91e63;
}
.light-pink-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.light-pink-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.light-pink-theme .iconbox.btn-solid-danger .mdi,
.light-pink-theme .iconbox.btn-solid-info .mdi,
.light-pink-theme .iconbox.btn-solid-primary .mdi,
.light-pink-theme .iconbox.btn-solid-secondary .mdi,
.light-pink-theme .iconbox.btn-solid-success .mdi,
.light-pink-theme .iconbox.btn-solid-warning .mdi {
  color: #fff;
}
.light-pink-theme .information-panel {
  background: #fff;
  border-left: 1px solid #dadce0;
}
.light-pink-theme .information-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-pink-theme .information-panel__closer:hover {
  background: #eaedf2;
}
.light-pink-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #e91e63;
}
.light-pink-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-pink-theme body.info-panel-opened .group-information-panel,
.light-pink-theme body.info-panel-opened .personal-information-panel {
  background: #fff;
}
.light-pink-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-pink-theme .doclistall {
  background: #eaedf2;
}
.light-pink-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.light-pink-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #dadce0;
}
.light-pink-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.light-pink-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.light-pink-theme .iconbox-searchbar .search-submit:active,
.light-pink-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-pink-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.light-pink-theme .user-avatar span {
  color: inherit;
}
.light-pink-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.light-pink-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.light-pink-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #e91e63;
}
.light-pink-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.light-pink-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.light-pink-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.light-pink-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.light-pink-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.light-pink-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.light-pink-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.light-pink-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.light-pink-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.light-pink-theme .user-avatar-closer {
  background: #dc3545;
}
.light-pink-theme .user-avatar-closer .mdi {
  color: #fff;
}
.light-pink-theme .calllist {
  border-bottom: 1px solid #ababab2e;
}
.light-pink-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-pink-theme .calllist.active:before {
  background: #e91e63;
}
.light-pink-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-pink-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.light-pink-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #dadce0;
}
.light-pink-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.light-pink-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.light-pink-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.light-pink-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.light-pink-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.light-pink-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.light-pink-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.light-pink-theme .contactlist {
  border-bottom: 1px solid #ababab2e;
}
.light-pink-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-pink-theme .contactlist.active:before {
  background: #e91e63;
}
.light-pink-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-pink-theme .alphabet-series {
  background: #fafafa;
  border-right: 1px solid #dadce0;
}
.light-pink-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.light-pink-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.light-pink-theme .ca-profile-actions {
  background: #fff;
}
.light-pink-theme .conversation {
  border-bottom: 1px solid #ababab2e;
}
.light-pink-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-pink-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.light-pink-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.light-pink-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.light-pink-theme .conversation__message {
  color: #a2a2a2;
}
.light-pink-theme .conversation__time {
  color: #6a7a8b;
}
.light-pink-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-pink-theme .conversation.active:before {
  background: #e91e63;
}
.light-pink-theme .conversation-wrapper .conversation-panel {
  background: #fff;
}
.light-pink-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-pink-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #eaedf2;
}
.light-pink-theme .conversation-wrapper .conversation-panel__footer {
  background: #fff;
}
.light-pink-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #3c4043;
}
.light-pink-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.light-pink-theme .chat-date span:after,
.light-pink-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.light-pink-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #dadce0;
}
.light-pink-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #dadce0;
}
.light-pink-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #fff;
}
.light-pink-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #e91e63;
}
.light-pink-theme .nav-style-vertical-1 .nav-link:hover {
  background: #eaedf2;
}
.light-pink-theme .setting-sunheading.setting-sunheading-style01 {
  background: #e91e63;
  color: #fff;
}
.light-pink-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.light-pink-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-pink-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.light-pink-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.light-pink-theme .ca-sidebar__header,
.light-pink-theme .ps-list {
  border-bottom: 1px solid #dadce0;
}
.light-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.light-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.light-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #e91e63;
}
.light-pink-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.light-pink-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li {
  background: #eaedf2;
}
.light-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.light-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.light-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.light-pink-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.light-pink-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #e91e63;
}
.light-pink-theme .mfb-component__button--main .mdi,
.light-pink-theme .mfb-component__button--main:focus,
.light-pink-theme .mfb-component__button--main:hover {
  color: #fff;
}
.light-pink-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #6c757d;
}
.light-pink-theme .mfb-component__button--child .mdi,
.light-pink-theme .mfb-component__button--child:focus,
.light-pink-theme .mfb-component__button--child:hover {
  color: #fff;
}
.light-pink-theme [data-mfb-label]:after {
  background: #e91e63;
  color: #f8f9fa;
}
.light-pink-theme .material-switch > input,
.light-pink-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.light-pink-theme .material-switch > span:after {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.light-pink-theme .material-switch > input:checked {
  background-color: #e91e63;
}
.light-pink-theme .material-switch > input:checked + span:before {
  background-color: #f7a9c4;
}
.light-pink-theme .material-switch > input:checked + span:after {
  background-color: #e91e63;
}
.light-pink-theme .material-switch > input:active + span:before {
  background-color: #f7a9c4;
}
.light-pink-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.light-pink-theme .material-switch > input:disabled + span {
  color: #000;
}
.light-pink-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.light-pink-theme .material-switch > input:checked:disabled + span:before {
  background-color: #f7a9c4;
}
.light-pink-theme .setting-sunheading {
  color: #a2a2a2;
}
.light-pink-theme .modal-content .ca-profile-name {
  color: #fff;
}
.light-pink-theme .theme-customizer.active {
  background: #fafafa;
}
.light-pink-theme .theme-customizer-opener {
  background: #fafafa;
  border: 1px solid #dadce0;
}
.light-green-theme body {
  color: #3c4043;
}
.light-green-theme body.rtl .ca-content-wrapper,
.light-green-theme body.rtl .information-panel {
  border-right: 1px solid #dadce0;
}
.light-green-theme .mdi {
  color: #949aa2;
}
.light-green-theme .text-danger .mdi {
  color: #dc3545;
}
.light-green-theme .dropdown-item.active,
.light-green-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.light-green-theme .badge-info,
.light-green-theme .badge-primary,
.light-green-theme .nav-pills .nav-link.active,
.light-green-theme .nav-pills .show > .nav-link {
  background-color: #4caf50;
}
.light-green-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.light-green-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.light-green-theme .accordion.accordion-ungrouped .card,
.light-green-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-green-theme .call-hangup {
  background: #f44336;
}
.light-green-theme .call-hangup i {
  color: #fff;
}
.light-green-theme .call-pickup {
  background: #3cd572;
}
.light-green-theme .call-pickup i {
  color: #fff;
}
.light-green-theme .call-pickup:after,
.light-green-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.light-green-theme .call-options__iconbox.active,
.light-green-theme .call-options__iconbox:hover {
  background: #eaedf2;
}
.light-green-theme .call-options h6 {
  color: #8d9093;
}
.light-green-theme .icvideocallwrapper .icvideo-user img {
  background-color: #fff;
}
.light-green-theme .userprofile-name span {
  color: #979797;
}
.light-green-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.light-green-theme .calller-group .user-avatar .caller-mute i {
  color: #fff;
}
.light-green-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #fff;
}
.light-green-theme .chatstyle-01 .ca-received__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-green-theme .chatstyle-01 .ca-send__msg {
   background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-green-theme .chatstyle-01 .metadata .time {
  color: #6a7a8b;
}
.light-green-theme .composer__left--sticker {
  background: #eaf6eb;
}
.light-green-theme .composer__left--sticker i:before {
  color: #4caf50;
}
.light-green-theme .composer__left--emoticon i:hover,
.light-green-theme .composer__middle--attachment i:hover,
.light-green-theme .composer__middle--microphone i:hover,
.light-green-theme .composer__middle--photo i:hover {
  color: #4caf50;
}
.light-green-theme .composer__right--send {
  background: #4caf50;
}
.light-green-theme .composer__right--send i {
  color: #fff;
}
.light-green-theme .dial-pad-wrap .dial-screen {
  background: #eaedf2;
  border: 1px solid #eaedf2;
}
.light-green-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #eaedf2;
}
.light-green-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.light-green-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.light-green-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #eaedf2;
  background: #4caf50;
}
.light-green-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.light-green-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #fff;
}
.light-green-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.light-green-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key {
  color: #eaedf2;
}
.light-green-theme .iconbox-dropdown.show .iconbox,
.light-green-theme .iconbox.btn-hovered-light:active,
.light-green-theme .iconbox.btn-hovered-light:focus,
.light-green-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-green-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #dadce0;
}
.light-green-theme .iconbox.btn-outline-light:active,
.light-green-theme .iconbox.btn-outline-light:focus,
.light-green-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-green-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.light-green-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.light-green-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.light-green-theme .iconbox.btn-solid-info {
  background: #4caf50;
}
.light-green-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.light-green-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.light-green-theme .iconbox.btn-solid-danger .mdi,
.light-green-theme .iconbox.btn-solid-info .mdi,
.light-green-theme .iconbox.btn-solid-primary .mdi,
.light-green-theme .iconbox.btn-solid-secondary .mdi,
.light-green-theme .iconbox.btn-solid-success .mdi,
.light-green-theme .iconbox.btn-solid-warning .mdi {
  color: #fff;
}
.light-green-theme .information-panel {
  background: #fff;
  border-left: 1px solid #dadce0;
}
.light-green-theme .information-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-green-theme .information-panel__closer:hover {
  background: #eaedf2;
}
.light-green-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #4caf50;
}
.light-green-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-green-theme body.info-panel-opened .group-information-panel,
.light-green-theme body.info-panel-opened .personal-information-panel {
  background: #fff;
}
.light-green-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-green-theme .doclistall {
  background: #eaedf2;
}
.light-green-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.light-green-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #dadce0;
}
.light-green-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.light-green-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.light-green-theme .iconbox-searchbar .search-submit:active,
.light-green-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-green-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.light-green-theme .user-avatar span {
  color: inherit;
}
.light-green-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.light-green-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.light-green-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #4caf50;
}
.light-green-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.light-green-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.light-green-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.light-green-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.light-green-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.light-green-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.light-green-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.light-green-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.light-green-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.light-green-theme .user-avatar-closer {
  background: #dc3545;
}
.light-green-theme .user-avatar-closer .mdi {
  color: #fff;
}
.light-green-theme .calllist {
  border-bottom: 1px solid #ababab2e;
}
.light-green-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-green-theme .calllist.active:before {
  background: #4caf50;
}
.light-green-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-green-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.light-green-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #dadce0;
}
.light-green-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.light-green-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.light-green-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.light-green-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.light-green-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.light-green-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.light-green-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.light-green-theme .contactlist {
  border-bottom: 1px solid #ababab2e;
}
.light-green-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-green-theme .contactlist.active:before {
  background: #4caf50;
}
.light-green-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-green-theme .alphabet-series {
  background: #fafafa;
  border-right: 1px solid #dadce0;
}
.light-green-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.light-green-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.light-green-theme .ca-profile-actions {
  background: #fff;
}
.light-green-theme .conversation {
  border-bottom: 1px solid #ababab2e;
}
.light-green-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-green-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.light-green-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.light-green-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.light-green-theme .conversation__message {
  color: #a2a2a2;
}
.light-green-theme .conversation__time {
  color: #6a7a8b;
}
.light-green-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-green-theme .conversation.active:before {
  background: #4caf50;
}
.light-green-theme .conversation-wrapper .conversation-panel {
  background: #fff;
}
.light-green-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-green-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #eaedf2;
}
.light-green-theme .conversation-wrapper .conversation-panel__footer {
  background: #fff;
}
.light-green-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #3c4043;
}
.light-green-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.light-green-theme .chat-date span:after,
.light-green-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.light-green-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #dadce0;
}
.light-green-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #dadce0;
}
.light-green-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #fff;
}
.light-green-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #4caf50;
}
.light-green-theme .nav-style-vertical-1 .nav-link:hover {
  background: #eaedf2;
}
.light-green-theme .setting-sunheading.setting-sunheading-style01 {
  background: #4caf50;
  color: #fff;
}
.light-green-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.light-green-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-green-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.light-green-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.light-green-theme .ca-sidebar__header,
.light-green-theme .ps-list {
  border-bottom: 1px solid #dadce0;
}
.light-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.light-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.light-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #4caf50;
}
.light-green-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.light-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #eaedf2;
}
.light-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.light-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.light-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.light-green-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.light-green-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #4caf50;
}
.light-green-theme .mfb-component__button--main .mdi,
.light-green-theme .mfb-component__button--main:focus,
.light-green-theme .mfb-component__button--main:hover {
  color: #fff;
}
.light-green-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #6c757d;
}
.light-green-theme .mfb-component__button--child .mdi,
.light-green-theme .mfb-component__button--child:focus,
.light-green-theme .mfb-component__button--child:hover {
  color: #fff;
}
.light-green-theme [data-mfb-label]:after {
  background: #4caf50;
  color: #f8f9fa;
}
.light-green-theme .material-switch > input,
.light-green-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.light-green-theme .material-switch > span:after {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.light-green-theme .material-switch > input:checked {
  background-color: #4caf50;
}
.light-green-theme .material-switch > input:checked + span:before {
  background-color: #b5dfb7;
}
.light-green-theme .material-switch > input:checked + span:after {
  background-color: #4caf50;
}
.light-green-theme .material-switch > input:active + span:before {
  background-color: #b5dfb7;
}
.light-green-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.light-green-theme .material-switch > input:disabled + span {
  color: #000;
}
.light-green-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.light-green-theme .material-switch > input:checked:disabled + span:before {
  background-color: #b5dfb7;
}
.light-green-theme .setting-sunheading {
  color: #a2a2a2;
}
.light-green-theme .modal-content .ca-profile-name {
  color: #fff;
}
.light-green-theme .theme-customizer.active {
  background: #fafafa;
}
.light-green-theme .theme-customizer-opener {
  background: #fafafa;
  border: 1px solid #dadce0;
}
.light-red-theme body {
  color: #3c4043;
}
.light-red-theme body.rtl .ca-content-wrapper,
.light-red-theme body.rtl .information-panel {
  border-right: 1px solid #dadce0;
}
.light-red-theme .mdi {
  color: #949aa2;
}
.light-red-theme .text-danger .mdi {
  color: #dc3545;
}
.light-red-theme .dropdown-item.active,
.light-red-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.light-red-theme .badge-info,
.light-red-theme .badge-primary,
.light-red-theme .nav-pills .nav-link.active,
.light-red-theme .nav-pills .show > .nav-link {
  background-color: #f44336;
}
.light-red-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.light-red-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.light-red-theme .accordion.accordion-ungrouped .card,
.light-red-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-red-theme .call-hangup {
  background: #f44336;
}
.light-red-theme .call-hangup i {
  color: #fff;
}
.light-red-theme .call-pickup {
  background: #3cd572;
}
.light-red-theme .call-pickup i {
  color: #fff;
}
.light-red-theme .call-pickup:after,
.light-red-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.light-red-theme .call-options__iconbox.active,
.light-red-theme .call-options__iconbox:hover {
  background: #eaedf2;
}
.light-red-theme .call-options h6 {
  color: #8d9093;
}
.light-red-theme .icvideocallwrapper .icvideo-user img {
  background-color: #fff;
}
.light-red-theme .userprofile-name span {
  color: #979797;
}
.light-red-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.light-red-theme .calller-group .user-avatar .caller-mute i {
  color: #fff;
}
.light-red-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #fff;
}
.light-red-theme .chatstyle-01 .ca-received__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-red-theme .chatstyle-01 .ca-send__msg {
   background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-red-theme .chatstyle-01 .metadata .time {
  color: #6a7a8b;
}
.light-red-theme .composer__left--sticker {
  background: #fff;
}
.light-red-theme .composer__left--sticker i:before {
  color: #f44336;
}
.light-red-theme .composer__left--emoticon i:hover,
.light-red-theme .composer__middle--attachment i:hover,
.light-red-theme .composer__middle--microphone i:hover,
.light-red-theme .composer__middle--photo i:hover {
  color: #f44336;
}
.light-red-theme .composer__right--send {
  background: #f44336;
}
.light-red-theme .composer__right--send i {
  color: #fff;
}
.light-red-theme .dial-pad-wrap .dial-screen {
  background: #eaedf2;
  border: 1px solid #eaedf2;
}
.light-red-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #eaedf2;
}
.light-red-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.light-red-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.light-red-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #eaedf2;
  background: #f44336;
}
.light-red-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.light-red-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #fff;
}
.light-red-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .dial-sub-key,
.light-red-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .dial-sub-key {
  color: #eaedf2;
}
.light-red-theme .iconbox-dropdown.show .iconbox,
.light-red-theme .iconbox.btn-hovered-light:active,
.light-red-theme .iconbox.btn-hovered-light:focus,
.light-red-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-red-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #dadce0;
}
.light-red-theme .iconbox.btn-outline-light:active,
.light-red-theme .iconbox.btn-outline-light:focus,
.light-red-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-red-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.light-red-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.light-red-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.light-red-theme .iconbox.btn-solid-info {
  background: #f44336;
}
.light-red-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.light-red-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.light-red-theme .iconbox.btn-solid-danger .mdi,
.light-red-theme .iconbox.btn-solid-info .mdi,
.light-red-theme .iconbox.btn-solid-primary .mdi,
.light-red-theme .iconbox.btn-solid-secondary .mdi,
.light-red-theme .iconbox.btn-solid-success .mdi,
.light-red-theme .iconbox.btn-solid-warning .mdi {
  color: #fff;
}
.light-red-theme .information-panel {
  background: #fff;
  border-left: 1px solid #dadce0;
}
.light-red-theme .information-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-red-theme .information-panel__closer:hover {
  background: #eaedf2;
}
.light-red-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #f44336;
}
.light-red-theme .information-panel__body .accordion.accordion-ungrouped .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-red-theme body.info-panel-opened .group-information-panel,
.light-red-theme body.info-panel-opened .personal-information-panel {
  background: #fff;
}
.light-red-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-red-theme .doclistall {
  background: #eaedf2;
}
.light-red-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.light-red-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #dadce0;
}
.light-red-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.light-red-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.light-red-theme .iconbox-searchbar .search-submit:active,
.light-red-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-red-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.light-red-theme .user-avatar span {
  color: inherit;
}
.light-red-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.light-red-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.light-red-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #f44336;
}
.light-red-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.light-red-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.light-red-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.light-red-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.light-red-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.light-red-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.light-red-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.light-red-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.light-red-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.light-red-theme .user-avatar-closer {
  background: #dc3545;
}
.light-red-theme .user-avatar-closer .mdi {
  color: #fff;
}
.light-red-theme .calllist {
  border-bottom: 1px solid #ababab2e;
}
.light-red-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-red-theme .calllist.active:before {
  background: #f44336;
}
.light-red-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-red-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.light-red-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #dadce0;
}
.light-red-theme .ca-call-details-history .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.light-red-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.light-red-theme .ca-call-details-history .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.light-red-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.light-red-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.light-red-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.light-red-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.light-red-theme .contactlist {
  border-bottom: 1px solid #ababab2e;
}
.light-red-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-red-theme .contactlist.active:before {
  background: #f44336;
}
.light-red-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-red-theme .alphabet-series {
  background: #fafafa;
  border-right: 1px solid #dadce0;
}
.light-red-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.light-red-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.light-red-theme .ca-profile-actions {
  background: #fff;
}
.light-red-theme .conversation {
  border-bottom: 1px solid #ababab2e;
}
.light-red-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-red-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.light-red-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.light-red-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.light-red-theme .conversation__message {
  color: #a2a2a2;
}
.light-red-theme .conversation__time {
  color: #6a7a8b;
}
.light-red-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-red-theme .conversation.active:before {
  background: #f44336;
}
.light-red-theme .conversation-wrapper .conversation-panel {
  background: #fff;
}
.light-red-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-red-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #eaedf2;
}
.light-red-theme .conversation-wrapper .conversation-panel__footer {
  background: #fff;
}
.light-red-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #3c4043;
}
.light-red-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.light-red-theme .chat-date span:after,
.light-red-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.light-red-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #dadce0;
}
.light-red-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #dadce0;
}
.light-red-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #fff;
}
.light-red-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #f44336;
}
.light-red-theme .nav-style-vertical-1 .nav-link:hover {
  background: #eaedf2;
}
.light-red-theme .setting-sunheading.setting-sunheading-style01 {
  background: #f44336;
  color: #fff;
}
.light-red-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.light-red-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-red-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.light-red-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.light-red-theme .ca-sidebar__header,
.light-red-theme .ps-list {
  border-bottom: 1px solid #dadce0;
}
.light-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.light-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.light-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #f44336;
}
.light-red-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.light-red-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li {
  background: #eaedf2;
}
.light-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.light-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.light-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.light-red-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.light-red-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #f44336;
}
.light-red-theme .mfb-component__button--main .mdi,
.light-red-theme .mfb-component__button--main:focus,
.light-red-theme .mfb-component__button--main:hover {
  color: #fff;
}
.light-red-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #6c757d;
}
.light-red-theme .mfb-component__button--child .mdi,
.light-red-theme .mfb-component__button--child:focus,
.light-red-theme .mfb-component__button--child:hover {
  color: #fff;
}
.light-red-theme [data-mfb-label]:after {
  background: #f44336;
  color: #f8f9fa;
}
.light-red-theme .material-switch > input,
.light-red-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.light-red-theme .material-switch > span:after {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.light-red-theme .material-switch > input:checked {
  background-color: #f44336;
}
.light-red-theme .material-switch > input:checked + span:before {
  background-color: #fccbc7;
}
.light-red-theme .material-switch > input:checked + span:after {
  background-color: #f44336;
}
.light-red-theme .material-switch > input:active + span:before {
  background-color: #fccbc7;
}
.light-red-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.light-red-theme .material-switch > input:disabled + span {
  color: #000;
}
.light-red-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.light-red-theme .material-switch > input:checked:disabled + span:before {
  background-color: #fccbc7;
}
.light-red-theme .setting-sunheading {
  color: #a2a2a2;
}
.light-red-theme .modal-content .ca-profile-name {
  color: #fff;
}
.light-red-theme .theme-customizer.active {
  background: #fafafa;
}
.light-red-theme .theme-customizer-opener {
  background: #fafafa;
  border: 1px solid #dadce0;
}
.light-orange-theme body {
  color: #3c4043;
}
.light-orange-theme body.rtl .ca-content-wrapper,
.light-orange-theme body.rtl .information-panel {
  border-right: 1px solid #dadce0;
}
.light-orange-theme .mdi {
  color: #949aa2;
}
.light-orange-theme .text-danger .mdi {
  color: #dc3545;
}
.light-orange-theme .dropdown-item.active,
.light-orange-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.light-orange-theme .badge-info,
.light-orange-theme .badge-primary,
.light-orange-theme .nav-pills .nav-link.active,
.light-orange-theme .nav-pills .show > .nav-link {
  background-color: #ff9800;
}
.light-orange-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.light-orange-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.light-orange-theme .accordion.accordion-ungrouped .card,
.light-orange-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-orange-theme .call-hangup {
  background: #f44336;
}
.light-orange-theme .call-hangup i {
  color: #fff;
}
.light-orange-theme .call-pickup {
  background: #3cd572;
}
.light-orange-theme .call-pickup i {
  color: #fff;
}
.light-orange-theme .call-pickup:after,
.light-orange-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.light-orange-theme .call-options__iconbox.active,
.light-orange-theme .call-options__iconbox:hover {
  background: #eaedf2;
}
.light-orange-theme .call-options h6 {
  color: #8d9093;
}
.light-orange-theme .icvideocallwrapper .icvideo-user img {
  background-color: #fff;
}
.light-orange-theme .userprofile-name span {
  color: #979797;
}
.light-orange-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.light-orange-theme .calller-group .user-avatar .caller-mute i {
  color: #fff;
}
.light-orange-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #fff;
}
.light-orange-theme .chatstyle-01 .ca-received__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-orange-theme .chatstyle-01 .ca-send__msg {
   background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-orange-theme .chatstyle-01 .metadata .time {
  color: #6a7a8b;
}
.light-orange-theme .composer__left--sticker {
  background: #fff5e6;
}
.light-orange-theme .composer__left--sticker i:before {
  color: #ff9800;
}
.light-orange-theme .composer__left--emoticon i:hover,
.light-orange-theme .composer__middle--attachment i:hover,
.light-orange-theme .composer__middle--microphone i:hover,
.light-orange-theme .composer__middle--photo i:hover {
  color: #ff9800;
}
.light-orange-theme .composer__right--send {
  background: #ff9800;
}
.light-orange-theme .composer__right--send i {
  color: #fff;
}
.light-orange-theme .dial-pad-wrap .dial-screen {
  background: #eaedf2;
  border: 1px solid #eaedf2;
}
.light-orange-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #eaedf2;
}
.light-orange-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.light-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.light-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #eaedf2;
  background: #ff9800;
}
.light-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.light-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #fff;
}
.light-orange-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.light-orange-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key {
  color: #eaedf2;
}
.light-orange-theme .iconbox-dropdown.show .iconbox,
.light-orange-theme .iconbox.btn-hovered-light:active,
.light-orange-theme .iconbox.btn-hovered-light:focus,
.light-orange-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-orange-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #dadce0;
}
.light-orange-theme .iconbox.btn-outline-light:active,
.light-orange-theme .iconbox.btn-outline-light:focus,
.light-orange-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-orange-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.light-orange-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.light-orange-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.light-orange-theme .iconbox.btn-solid-info {
  background: #ff9800;
}
.light-orange-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.light-orange-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.light-orange-theme .iconbox.btn-solid-danger .mdi,
.light-orange-theme .iconbox.btn-solid-info .mdi,
.light-orange-theme .iconbox.btn-solid-primary .mdi,
.light-orange-theme .iconbox.btn-solid-secondary .mdi,
.light-orange-theme .iconbox.btn-solid-success .mdi,
.light-orange-theme .iconbox.btn-solid-warning .mdi {
  color: #fff;
}
.light-orange-theme .information-panel {
  background: #fff;
  border-left: 1px solid #dadce0;
}
.light-orange-theme .information-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-orange-theme .information-panel__closer:hover {
  background: #eaedf2;
}
.light-orange-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #ff9800;
}
.light-orange-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-orange-theme body.info-panel-opened .group-information-panel,
.light-orange-theme body.info-panel-opened .personal-information-panel {
  background: #fff;
}
.light-orange-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-orange-theme .doclistall {
  background: #eaedf2;
}
.light-orange-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.light-orange-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #dadce0;
}
.light-orange-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.light-orange-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.light-orange-theme .iconbox-searchbar .search-submit:active,
.light-orange-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-orange-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.light-orange-theme .user-avatar span {
  color: inherit;
}
.light-orange-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.light-orange-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.light-orange-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #ff9800;
}
.light-orange-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.light-orange-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.light-orange-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.light-orange-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.light-orange-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.light-orange-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.light-orange-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.light-orange-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.light-orange-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.light-orange-theme .user-avatar-closer {
  background: #dc3545;
}
.light-orange-theme .user-avatar-closer .mdi {
  color: #fff;
}
.light-orange-theme .calllist {
  border-bottom: 1px solid #ababab2e;
}
.light-orange-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-orange-theme .calllist.active:before {
  background: #ff9800;
}
.light-orange-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-orange-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.light-orange-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #dadce0;
}
.light-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.light-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.light-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.light-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.light-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.light-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.light-orange-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.light-orange-theme .contactlist {
  border-bottom: 1px solid #ababab2e;
}
.light-orange-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-orange-theme .contactlist.active:before {
  background: #ff9800;
}
.light-orange-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-orange-theme .alphabet-series {
  background: #fafafa;
  border-right: 1px solid #dadce0;
}
.light-orange-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.light-orange-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.light-orange-theme .ca-profile-actions {
  background: #fff;
}
.light-orange-theme .conversation {
  border-bottom: 1px solid #ababab2e;
}
.light-orange-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-orange-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.light-orange-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.light-orange-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.light-orange-theme .conversation__message {
  color: #a2a2a2;
}
.light-orange-theme .conversation__time {
  color: #6a7a8b;
}
.light-orange-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-orange-theme .conversation.active:before {
  background: #ff9800;
}
.light-orange-theme .conversation-wrapper .conversation-panel {
  background: #fff;
}
.light-orange-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-orange-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #eaedf2;
}
.light-orange-theme .conversation-wrapper .conversation-panel__footer {
  background: #fff;
}
.light-orange-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #3c4043;
}
.light-orange-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.light-orange-theme .chat-date span:after,
.light-orange-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.light-orange-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #dadce0;
}
.light-orange-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #dadce0;
}
.light-orange-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #fff;
}
.light-orange-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #ff9800;
}
.light-orange-theme .nav-style-vertical-1 .nav-link:hover {
  background: #eaedf2;
}
.light-orange-theme .setting-sunheading.setting-sunheading-style01 {
  background: #ff9800;
  color: #fff;
}
.light-orange-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.light-orange-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-orange-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.light-orange-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.light-orange-theme .ca-sidebar__header,
.light-orange-theme .ps-list {
  border-bottom: 1px solid #dadce0;
}
.light-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.light-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.light-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #ff9800;
}
.light-orange-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.light-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #eaedf2;
}
.light-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.light-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.light-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.light-orange-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.light-orange-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #ff9800;
}
.light-orange-theme .mfb-component__button--main .mdi,
.light-orange-theme .mfb-component__button--main:focus,
.light-orange-theme .mfb-component__button--main:hover {
  color: #fff;
}
.light-orange-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #6c757d;
}
.light-orange-theme .mfb-component__button--child .mdi,
.light-orange-theme .mfb-component__button--child:focus,
.light-orange-theme .mfb-component__button--child:hover {
  color: #fff;
}
.light-orange-theme [data-mfb-label]:after {
  background: #ff9800;
  color: #f8f9fa;
}
.light-orange-theme .material-switch > input,
.light-orange-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.light-orange-theme .material-switch > span:after {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.light-orange-theme .material-switch > input:checked {
  background-color: #ff9800;
}
.light-orange-theme .material-switch > input:checked + span:before {
  background-color: #ffd699;
}
.light-orange-theme .material-switch > input:checked + span:after {
  background-color: #ff9800;
}
.light-orange-theme .material-switch > input:active + span:before {
  background-color: #ffd699;
}
.light-orange-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.light-orange-theme .material-switch > input:disabled + span {
  color: #000;
}
.light-orange-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.light-orange-theme .material-switch > input:checked:disabled + span:before {
  background-color: #ffd699;
}
.light-orange-theme .setting-sunheading {
  color: #a2a2a2;
}
.light-orange-theme .modal-content .ca-profile-name {
  color: #fff;
}
.light-orange-theme .theme-customizer.active {
  background: #fafafa;
}
.light-orange-theme .theme-customizer-opener {
  background: #fafafa;
  border: 1px solid #dadce0;
}
.light-blue-theme body {
  color: #3c4043;
}
.light-blue-theme body.rtl .ca-content-wrapper,
.light-blue-theme body.rtl .information-panel {
  border-right: 1px solid #dadce0;
}
.light-blue-theme .mdi {
  color: #949aa2;
}
.light-blue-theme .text-danger .mdi {
  color: #dc3545;
}
.light-blue-theme .dropdown-item.active,
.light-blue-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.light-blue-theme .badge-info,
.light-blue-theme .badge-primary,
.light-blue-theme .nav-pills .nav-link.active,
.light-blue-theme .nav-pills .show > .nav-link {
  background-color: #00bcd4;
}
.light-blue-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.light-blue-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.light-blue-theme .accordion.accordion-ungrouped .card,
.light-blue-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-blue-theme .call-hangup {
  background: #f44336;
}
.light-blue-theme .call-hangup i {
  color: #fff;
}
.light-blue-theme .call-pickup {
  background: #3cd572;
}
.light-blue-theme .call-pickup i {
  color: #fff;
}
.light-blue-theme .call-pickup:after,
.light-blue-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.light-blue-theme .call-options__iconbox.active,
.light-blue-theme .call-options__iconbox:hover {
  background: #eaedf2;
}
.light-blue-theme .call-options h6 {
  color: #8d9093;
}
.light-blue-theme .icvideocallwrapper .icvideo-user img {
  background-color: #fff;
}
.light-blue-theme .userprofile-name span {
  color: #979797;
}
.light-blue-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.light-blue-theme .calller-group .user-avatar .caller-mute i {
  color: #fff;
}
.light-blue-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #fff;
}
.light-blue-theme .chatstyle-01 .ca-received__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-blue-theme .chatstyle-01 .ca-send__msg {
   background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-blue-theme .chatstyle-01 .metadata .time {
  color: #6a7a8b;
}
.light-blue-theme .composer__left--sticker {
  background: #bbf7ff;
}
.light-blue-theme .composer__left--sticker i:before {
  color: #00bcd4;
}
.light-blue-theme .composer__left--emoticon i:hover,
.light-blue-theme .composer__middle--attachment i:hover,
.light-blue-theme .composer__middle--microphone i:hover,
.light-blue-theme .composer__middle--photo i:hover {
  color: #00bcd4;
}
.light-blue-theme .composer__right--send {
  background: #00bcd4;
}
.light-blue-theme .composer__right--send i {
  color: #fff;
}
.light-blue-theme .dial-pad-wrap .dial-screen {
  background: #eaedf2;
  border: 1px solid #eaedf2;
}
.light-blue-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #eaedf2;
}
.light-blue-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.light-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.light-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #eaedf2;
  background: #00bcd4;
}
.light-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.light-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #fff;
}
.light-blue-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.light-blue-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key {
  color: #eaedf2;
}
.light-blue-theme .iconbox-dropdown.show .iconbox,
.light-blue-theme .iconbox.btn-hovered-light:active,
.light-blue-theme .iconbox.btn-hovered-light:focus,
.light-blue-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-blue-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #dadce0;
}
.light-blue-theme .iconbox.btn-outline-light:active,
.light-blue-theme .iconbox.btn-outline-light:focus,
.light-blue-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-blue-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.light-blue-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.light-blue-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.light-blue-theme .iconbox.btn-solid-info {
  background: #00bcd4;
}
.light-blue-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.light-blue-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.light-blue-theme .iconbox.btn-solid-danger .mdi,
.light-blue-theme .iconbox.btn-solid-info .mdi,
.light-blue-theme .iconbox.btn-solid-primary .mdi,
.light-blue-theme .iconbox.btn-solid-secondary .mdi,
.light-blue-theme .iconbox.btn-solid-success .mdi,
.light-blue-theme .iconbox.btn-solid-warning .mdi {
  color: #fff;
}
.light-blue-theme .information-panel {
  background: #fff;
  border-left: 1px solid #dadce0;
}
.light-blue-theme .information-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-blue-theme .information-panel__closer:hover {
  background: #eaedf2;
}
.light-blue-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #00bcd4;
}
.light-blue-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-blue-theme body.info-panel-opened .group-information-panel,
.light-blue-theme body.info-panel-opened .personal-information-panel {
  background: #fff;
}
.light-blue-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-blue-theme .doclistall {
  background: #eaedf2;
}
.light-blue-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.light-blue-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #dadce0;
}
.light-blue-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.light-blue-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.light-blue-theme .iconbox-searchbar .search-submit:active,
.light-blue-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-blue-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.light-blue-theme .user-avatar span {
  color: inherit;
}
.light-blue-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.light-blue-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.light-blue-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #00bcd4;
}
.light-blue-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.light-blue-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.light-blue-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.light-blue-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.light-blue-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.light-blue-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.light-blue-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.light-blue-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.light-blue-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.light-blue-theme .user-avatar-closer {
  background: #dc3545;
}
.light-blue-theme .user-avatar-closer .mdi {
  color: #fff;
}
.light-blue-theme .calllist {
  border-bottom: 1px solid #ababab2e;
}
.light-blue-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-blue-theme .calllist.active:before {
  background: #00bcd4;
}
.light-blue-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-blue-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.light-blue-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #dadce0;
}
.light-blue-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.light-blue-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.light-blue-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.light-blue-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.light-blue-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.light-blue-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.light-blue-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.light-blue-theme .contactlist {
  border-bottom: 1px solid #ababab2e;
}
.light-blue-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-blue-theme .contactlist.active:before {
  background: #00bcd4;
}
.light-blue-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-blue-theme .alphabet-series {
  background: #fafafa;
  border-right: 1px solid #dadce0;
}
.light-blue-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.light-blue-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.light-blue-theme .ca-profile-actions {
  background: #fff;
}
.light-blue-theme .conversation {
  border-bottom: 1px solid #ababab2e;
}
.light-blue-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-blue-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.light-blue-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.light-blue-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.light-blue-theme .conversation__message {
  color: #a2a2a2;
}
.light-blue-theme .conversation__time {
  color: #6a7a8b;
}
.light-blue-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-blue-theme .conversation.active:before {
  background: #00bcd4;
}
.light-blue-theme .conversation-wrapper .conversation-panel {
  background: #fff;
}
.light-blue-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-blue-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #eaedf2;
}
.light-blue-theme .conversation-wrapper .conversation-panel__footer {
  background: #fff;
}
.light-blue-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #3c4043;
}
.light-blue-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.light-blue-theme .chat-date span:after,
.light-blue-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.light-blue-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #dadce0;
}
.light-blue-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #dadce0;
}
.light-blue-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #fff;
}
.light-blue-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #00bcd4;
}
.light-blue-theme .nav-style-vertical-1 .nav-link:hover {
  background: #eaedf2;
}
.light-blue-theme .setting-sunheading.setting-sunheading-style01 {
  background: #00bcd4;
  color: #fff;
}
.light-blue-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.light-blue-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-blue-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.light-blue-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.light-blue-theme .ca-sidebar__header,
.light-blue-theme .ps-list {
  border-bottom: 1px solid #dadce0;
}
.light-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.light-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.light-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #00bcd4;
}
.light-blue-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.light-blue-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li {
  background: #eaedf2;
}
.light-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.light-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.light-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.light-blue-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.light-blue-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #00bcd4;
}
.light-blue-theme .mfb-component__button--main .mdi,
.light-blue-theme .mfb-component__button--main:focus,
.light-blue-theme .mfb-component__button--main:hover {
  color: #fff;
}
.light-blue-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #6c757d;
}
.light-blue-theme .mfb-component__button--child .mdi,
.light-blue-theme .mfb-component__button--child:focus,
.light-blue-theme .mfb-component__button--child:hover {
  color: #fff;
}
.light-blue-theme [data-mfb-label]:after {
  background: #00bcd4;
  color: #f8f9fa;
}
.light-blue-theme .material-switch > input,
.light-blue-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.light-blue-theme .material-switch > span:after {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.light-blue-theme .material-switch > input:checked {
  background-color: #00bcd4;
}
.light-blue-theme .material-switch > input:checked + span:before {
  background-color: #6eefff;
}
.light-blue-theme .material-switch > input:checked + span:after {
  background-color: #00bcd4;
}
.light-blue-theme .material-switch > input:active + span:before {
  background-color: #6eefff;
}
.light-blue-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.light-blue-theme .material-switch > input:disabled + span {
  color: #000;
}
.light-blue-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.light-blue-theme .material-switch > input:checked:disabled + span:before {
  background-color: #6eefff;
}
.light-blue-theme .setting-sunheading {
  color: #a2a2a2;
}
.light-blue-theme .modal-content .ca-profile-name {
  color: #fff;
}
.light-blue-theme .theme-customizer.active {
  background: #fafafa;
}
.light-blue-theme .theme-customizer-opener {
  background: #fafafa;
  border: 1px solid #dadce0;
}
.light-darkblue-theme body {
  color: #3c4043;
}
.light-darkblue-theme body.rtl .ca-content-wrapper,
.light-darkblue-theme body.rtl .information-panel {
  border-right: 1px solid #dadce0;
}
.light-darkblue-theme .mdi {
  color: #949aa2;
}
.light-darkblue-theme .text-danger .mdi {
  color: #dc3545;
}
.light-darkblue-theme .dropdown-item.active,
.light-darkblue-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.light-darkblue-theme .badge-info,
.light-darkblue-theme .badge-primary,
.light-darkblue-theme .nav-pills .nav-link.active,
.light-darkblue-theme .nav-pills .show > .nav-link {
  background-color: #3f51b5;
}
.light-darkblue-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.light-darkblue-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.light-darkblue-theme .accordion.accordion-ungrouped .card,
.light-darkblue-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-darkblue-theme .call-hangup {
  background: #f44336;
}
.light-darkblue-theme .call-hangup i {
  color: #fff;
}
.light-darkblue-theme .call-pickup {
  background: #3cd572;
}
.light-darkblue-theme .call-pickup i {
  color: #fff;
}
.light-darkblue-theme .call-pickup:after,
.light-darkblue-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.light-darkblue-theme .call-options__iconbox.active,
.light-darkblue-theme .call-options__iconbox:hover {
  background: #eaedf2;
}
.light-darkblue-theme .call-options h6 {
  color: #8d9093;
}
.light-darkblue-theme .icvideocallwrapper .icvideo-user img {
  background-color: #fff;
}
.light-darkblue-theme .userprofile-name span {
  color: #979797;
}
.light-darkblue-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.light-darkblue-theme .calller-group .user-avatar .caller-mute i {
  color: #fff;
}
.light-darkblue-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #fff;
}
.light-darkblue-theme .chatstyle-01 .ca-received__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-darkblue-theme .chatstyle-01 .ca-send__msg {
   background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-darkblue-theme .chatstyle-01 .metadata .time {
  color: #6a7a8b;
}
.light-darkblue-theme .composer__left--sticker {
  background: #e4e7f6;
}
.light-darkblue-theme .composer__left--sticker i:before {
  color: #3f51b5;
}
.light-darkblue-theme .composer__left--emoticon i:hover,
.light-darkblue-theme .composer__middle--attachment i:hover,
.light-darkblue-theme .composer__middle--microphone i:hover,
.light-darkblue-theme .composer__middle--photo i:hover {
  color: #3f51b5;
}
.light-darkblue-theme .composer__right--send {
  background: #3f51b5;
}
.light-darkblue-theme .composer__right--send i {
  color: #fff;
}
.light-darkblue-theme .dial-pad-wrap .dial-screen {
  background: #eaedf2;
  border: 1px solid #eaedf2;
}
.light-darkblue-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #eaedf2;
}
.light-darkblue-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.light-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.light-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #eaedf2;
  background: #3f51b5;
}
.light-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.light-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #fff;
}
.light-darkblue-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.light-darkblue-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key {
  color: #eaedf2;
}
.light-darkblue-theme .iconbox-dropdown.show .iconbox,
.light-darkblue-theme .iconbox.btn-hovered-light:active,
.light-darkblue-theme .iconbox.btn-hovered-light:focus,
.light-darkblue-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-darkblue-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #dadce0;
}
.light-darkblue-theme .iconbox.btn-outline-light:active,
.light-darkblue-theme .iconbox.btn-outline-light:focus,
.light-darkblue-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-darkblue-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.light-darkblue-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.light-darkblue-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.light-darkblue-theme .iconbox.btn-solid-info {
  background: #3f51b5;
}
.light-darkblue-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.light-darkblue-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.light-darkblue-theme .iconbox.btn-solid-danger .mdi,
.light-darkblue-theme .iconbox.btn-solid-info .mdi,
.light-darkblue-theme .iconbox.btn-solid-primary .mdi,
.light-darkblue-theme .iconbox.btn-solid-secondary .mdi,
.light-darkblue-theme .iconbox.btn-solid-success .mdi,
.light-darkblue-theme .iconbox.btn-solid-warning .mdi {
  color: #fff;
}
.light-darkblue-theme .information-panel {
  background: #fff;
  border-left: 1px solid #dadce0;
}
.light-darkblue-theme .information-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-darkblue-theme .information-panel__closer:hover {
  background: #eaedf2;
}
.light-darkblue-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #3f51b5;
}
.light-darkblue-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-darkblue-theme body.info-panel-opened .group-information-panel,
.light-darkblue-theme body.info-panel-opened .personal-information-panel {
  background: #fff;
}
.light-darkblue-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-darkblue-theme .doclistall {
  background: #eaedf2;
}
.light-darkblue-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.light-darkblue-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #dadce0;
}
.light-darkblue-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.light-darkblue-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.light-darkblue-theme .iconbox-searchbar .search-submit:active,
.light-darkblue-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-darkblue-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.light-darkblue-theme .user-avatar span {
  color: inherit;
}
.light-darkblue-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.light-darkblue-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.light-darkblue-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #3f51b5;
}
.light-darkblue-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.light-darkblue-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.light-darkblue-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.light-darkblue-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.light-darkblue-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.light-darkblue-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.light-darkblue-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.light-darkblue-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.light-darkblue-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.light-darkblue-theme .user-avatar-closer {
  background: #dc3545;
}
.light-darkblue-theme .user-avatar-closer .mdi {
  color: #fff;
}
.light-darkblue-theme .calllist {
  border-bottom: 1px solid #ababab2e;
}
.light-darkblue-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-darkblue-theme .calllist.active:before {
  background: #3f51b5;
}
.light-darkblue-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-darkblue-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.light-darkblue-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #dadce0;
}
.light-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.light-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.light-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.light-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.light-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.light-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.light-darkblue-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.light-darkblue-theme .contactlist {
  border-bottom: 1px solid #ababab2e;
}
.light-darkblue-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-darkblue-theme .contactlist.active:before {
  background: #3f51b5;
}
.light-darkblue-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-darkblue-theme .alphabet-series {
  background: #fafafa;
  border-right: 1px solid #dadce0;
}
.light-darkblue-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.light-darkblue-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.light-darkblue-theme .ca-profile-actions {
  background: #fff;
}
.light-darkblue-theme .conversation {
  border-bottom: 1px solid #ababab2e;
}
.light-darkblue-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-darkblue-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.light-darkblue-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.light-darkblue-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.light-darkblue-theme .conversation__message {
  color: #a2a2a2;
}
.light-darkblue-theme .conversation__time {
  color: #6a7a8b;
}
.light-darkblue-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-darkblue-theme .conversation.active:before {
  background: #3f51b5;
}
.light-darkblue-theme .conversation-wrapper .conversation-panel {
  background: #fff;
}
.light-darkblue-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-darkblue-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #eaedf2;
}
.light-darkblue-theme .conversation-wrapper .conversation-panel__footer {
  background: #fff;
}
.light-darkblue-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #3c4043;
}
.light-darkblue-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.light-darkblue-theme .chat-date span:after,
.light-darkblue-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.light-darkblue-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #dadce0;
}
.light-darkblue-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #dadce0;
}
.light-darkblue-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #fff;
}
.light-darkblue-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #3f51b5;
}
.light-darkblue-theme .nav-style-vertical-1 .nav-link:hover {
  background: #eaedf2;
}
.light-darkblue-theme .setting-sunheading.setting-sunheading-style01 {
  background: #3f51b5;
  color: #fff;
}
.light-darkblue-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.light-darkblue-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-darkblue-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.light-darkblue-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.light-darkblue-theme .ca-sidebar__header,
.light-darkblue-theme .ps-list {
  border-bottom: 1px solid #dadce0;
}
.light-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.light-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.light-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #3f51b5;
}
.light-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav {
  background: transparent;
}
.light-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #eaedf2;
}
.light-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.light-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.light-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.light-darkblue-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.light-darkblue-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #3f51b5;
}
.light-darkblue-theme .mfb-component__button--main .mdi,
.light-darkblue-theme .mfb-component__button--main:focus,
.light-darkblue-theme .mfb-component__button--main:hover {
  color: #fff;
}
.light-darkblue-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #6c757d;
}
.light-darkblue-theme .mfb-component__button--child .mdi,
.light-darkblue-theme .mfb-component__button--child:focus,
.light-darkblue-theme .mfb-component__button--child:hover {
  color: #fff;
}
.light-darkblue-theme [data-mfb-label]:after {
  background: #3f51b5;
  color: #f8f9fa;
}
.light-darkblue-theme .material-switch > input,
.light-darkblue-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.light-darkblue-theme .material-switch > span:after {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.light-darkblue-theme .material-switch > input:checked {
  background-color: #3f51b5;
}
.light-darkblue-theme .material-switch > input:checked + span:before {
  background-color: #abb4e2;
}
.light-darkblue-theme .material-switch > input:checked + span:after {
  background-color: #3f51b5;
}
.light-darkblue-theme .material-switch > input:active + span:before {
  background-color: #abb4e2;
}
.light-darkblue-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.light-darkblue-theme .material-switch > input:disabled + span {
  color: #000;
}
.light-darkblue-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.light-darkblue-theme .material-switch > input:checked:disabled + span:before {
  background-color: #abb4e2;
}
.light-darkblue-theme .setting-sunheading {
  color: #a2a2a2;
}
.light-darkblue-theme .modal-content .ca-profile-name {
  color: #fff;
}
.light-darkblue-theme .theme-customizer.active {
  background: #fafafa;
}
.light-darkblue-theme .theme-customizer-opener {
  background: #fafafa;
  border: 1px solid #dadce0;
}
.light-lightpink-theme body {
  color: #3c4043;
}
.light-lightpink-theme body.rtl .ca-content-wrapper,
.light-lightpink-theme body.rtl .information-panel {
  border-right: 1px solid #dadce0;
}
.light-lightpink-theme .mdi {
  color: #949aa2;
}
.light-lightpink-theme .text-danger .mdi {
  color: #dc3545;
}
.light-lightpink-theme .dropdown-item.active,
.light-lightpink-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.light-lightpink-theme .badge-info,
.light-lightpink-theme .badge-primary,
.light-lightpink-theme .nav-pills .nav-link.active,
.light-lightpink-theme .nav-pills .show > .nav-link {
  background-color: #f48fb1;
}
.light-lightpink-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.light-lightpink-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.light-lightpink-theme .accordion.accordion-ungrouped .card,
.light-lightpink-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-lightpink-theme .call-hangup {
  background: #f44336;
}
.light-lightpink-theme .call-hangup i {
  color: #fff;
}
.light-lightpink-theme .call-pickup {
  background: #3cd572;
}
.light-lightpink-theme .call-pickup i {
  color: #fff;
}
.light-lightpink-theme .call-pickup:after,
.light-lightpink-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.light-lightpink-theme .call-options__iconbox.active,
.light-lightpink-theme .call-options__iconbox:hover {
  background: #eaedf2;
}
.light-lightpink-theme .call-options h6 {
  color: #8d9093;
}
.light-lightpink-theme .icvideocallwrapper .icvideo-user img {
  background-color: #fff;
}
.light-lightpink-theme .userprofile-name span {
  color: #979797;
}
.light-lightpink-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.light-lightpink-theme .calller-group .user-avatar .caller-mute i {
  color: #fff;
}
.light-lightpink-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #fff;
}
.light-lightpink-theme .chatstyle-01 .ca-received__msg {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-lightpink-theme .chatstyle-01 .ca-send__msg {
   background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.light-lightpink-theme .chatstyle-01 .metadata .time {
  color: #6a7a8b;
}
.light-lightpink-theme .composer__left--sticker {
  background: #fff;
}
.light-lightpink-theme .composer__left--sticker i:before {
  color: #f48fb1;
}
.light-lightpink-theme .composer__left--emoticon i:hover,
.light-lightpink-theme .composer__middle--attachment i:hover,
.light-lightpink-theme .composer__middle--microphone i:hover,
.light-lightpink-theme .composer__middle--photo i:hover {
  color: #f48fb1;
}
.light-lightpink-theme .composer__right--send {
  background: #f48fb1;
}
.light-lightpink-theme .composer__right--send i {
  color: #fff;
}
.light-lightpink-theme .dial-pad-wrap .dial-screen {
  background: #eaedf2;
  border: 1px solid #eaedf2;
}
.light-lightpink-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #eaedf2;
}
.light-lightpink-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.light-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.light-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #eaedf2;
  background: #f48fb1;
}
.light-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.light-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #fff;
}
.light-lightpink-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.light-lightpink-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key {
  color: #eaedf2;
}
.light-lightpink-theme .iconbox-dropdown.show .iconbox,
.light-lightpink-theme .iconbox.btn-hovered-light:active,
.light-lightpink-theme .iconbox.btn-hovered-light:focus,
.light-lightpink-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-lightpink-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #dadce0;
}
.light-lightpink-theme .iconbox.btn-outline-light:active,
.light-lightpink-theme .iconbox.btn-outline-light:focus,
.light-lightpink-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-lightpink-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.light-lightpink-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.light-lightpink-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.light-lightpink-theme .iconbox.btn-solid-info {
  background: #f48fb1;
}
.light-lightpink-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.light-lightpink-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.light-lightpink-theme .iconbox.btn-solid-danger .mdi,
.light-lightpink-theme .iconbox.btn-solid-info .mdi,
.light-lightpink-theme .iconbox.btn-solid-primary .mdi,
.light-lightpink-theme .iconbox.btn-solid-secondary .mdi,
.light-lightpink-theme .iconbox.btn-solid-success .mdi,
.light-lightpink-theme .iconbox.btn-solid-warning .mdi {
  color: #fff;
}
.light-lightpink-theme .information-panel {
  background: #fff;
  border-left: 1px solid #dadce0;
}
.light-lightpink-theme .information-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-lightpink-theme .information-panel__closer:hover {
  background: #eaedf2;
}
.light-lightpink-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #f48fb1;
}
.light-lightpink-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.light-lightpink-theme body.info-panel-opened .group-information-panel,
.light-lightpink-theme body.info-panel-opened .personal-information-panel {
  background: #fff;
}
.light-lightpink-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-lightpink-theme .doclistall {
  background: #eaedf2;
}
.light-lightpink-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.light-lightpink-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #dadce0;
}
.light-lightpink-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.light-lightpink-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.light-lightpink-theme .iconbox-searchbar .search-submit:active,
.light-lightpink-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.light-lightpink-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.light-lightpink-theme .user-avatar span {
  color: inherit;
}
.light-lightpink-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.light-lightpink-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.light-lightpink-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #f48fb1;
}
.light-lightpink-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.light-lightpink-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.light-lightpink-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.light-lightpink-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.light-lightpink-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.light-lightpink-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.light-lightpink-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.light-lightpink-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.light-lightpink-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.light-lightpink-theme .user-avatar-closer {
  background: #dc3545;
}
.light-lightpink-theme .user-avatar-closer .mdi {
  color: #fff;
}
.light-lightpink-theme .calllist {
  border-bottom: 1px solid #ababab2e;
}
.light-lightpink-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-lightpink-theme .calllist.active:before {
  background: #f48fb1;
}
.light-lightpink-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-lightpink-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.light-lightpink-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #dadce0;
}
.light-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.light-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.light-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.light-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.light-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.light-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.light-lightpink-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.light-lightpink-theme .contactlist {
  border-bottom: 1px solid #ababab2e;
}
.light-lightpink-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-lightpink-theme .contactlist.active:before {
  background: #f48fb1;
}
.light-lightpink-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-lightpink-theme .alphabet-series {
  background: #fafafa;
  border-right: 1px solid #dadce0;
}
.light-lightpink-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.light-lightpink-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.light-lightpink-theme .ca-profile-actions {
  background: #fff;
}
.light-lightpink-theme .conversation {
  border-bottom: 1px solid #ababab2e;
}
.light-lightpink-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.light-lightpink-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.light-lightpink-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.light-lightpink-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.light-lightpink-theme .conversation__message {
  color: #a2a2a2;
}
.light-lightpink-theme .conversation__time {
  color: #6a7a8b;
}
.light-lightpink-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.light-lightpink-theme .conversation.active:before {
  background: #f48fb1;
}
.light-lightpink-theme .conversation-wrapper .conversation-panel {
  background: #fff;
}
.light-lightpink-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #dadce0;
}
.light-lightpink-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #eaedf2;
}
.light-lightpink-theme .conversation-wrapper .conversation-panel__footer {
  background: #fff;
}
.light-lightpink-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #3c4043;
}
.light-lightpink-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.light-lightpink-theme .chat-date span:after,
.light-lightpink-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.light-lightpink-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #dadce0;
}
.light-lightpink-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #dadce0;
}
.light-lightpink-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #fff;
}
.light-lightpink-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #f48fb1;
}
.light-lightpink-theme .nav-style-vertical-1 .nav-link:hover {
  background: #eaedf2;
}
.light-lightpink-theme .setting-sunheading.setting-sunheading-style01 {
  background: #f48fb1;
  color: #fff;
}
.light-lightpink-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.light-lightpink-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #dadce0;
}
.light-lightpink-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.light-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav,
.light-lightpink-theme .ca-sidebar__header,
.light-lightpink-theme .ps-list {
  border-bottom: 1px solid #dadce0;
}
.light-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.light-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.light-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #f48fb1;
}
.light-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav {
  background: transparent;
}
.light-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #eaedf2;
}
.light-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.light-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.light-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.light-lightpink-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.light-lightpink-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #f48fb1;
}
.light-lightpink-theme .mfb-component__button--main .mdi,
.light-lightpink-theme .mfb-component__button--main:focus,
.light-lightpink-theme .mfb-component__button--main:hover {
  color: #fff;
}
.light-lightpink-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #fff;
  background-color: #6c757d;
}
.light-lightpink-theme .mfb-component__button--child .mdi,
.light-lightpink-theme .mfb-component__button--child:focus,
.light-lightpink-theme .mfb-component__button--child:hover {
  color: #fff;
}
.light-lightpink-theme [data-mfb-label]:after {
  background: #f48fb1;
  color: #f8f9fa;
}
.light-lightpink-theme .material-switch > input,
.light-lightpink-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.light-lightpink-theme .material-switch > span:after {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.light-lightpink-theme .material-switch > input:checked {
  background-color: #f48fb1;
}
.light-lightpink-theme .material-switch > input:checked + span:before {
  background-color: #fff;
}
.light-lightpink-theme .material-switch > input:checked + span:after {
  background-color: #f48fb1;
}
.light-lightpink-theme .material-switch > input:active + span:before {
  background-color: #fff;
}
.light-lightpink-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.light-lightpink-theme .material-switch > input:disabled + span {
  color: #000;
}
.light-lightpink-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.light-lightpink-theme .material-switch > input:checked:disabled + span:before {
  background-color: #fff;
}
.light-lightpink-theme .setting-sunheading {
  color: #a2a2a2;
}
.light-lightpink-theme .modal-content .ca-profile-name {
  color: #fff;
}
.light-lightpink-theme .theme-customizer.active {
  background: #fafafa;
}
.light-lightpink-theme .theme-customizer-opener {
  background: #fafafa;
  border: 1px solid #dadce0;
}
.dark-default-theme body {
  color: #d3d4d5;
}
.dark-default-theme body.rtl .ca-content-wrapper,
.dark-default-theme body.rtl .information-panel {
  border-right: 1px solid #37474f;
}
.dark-default-theme .mdi {
  color: #949aa2;
}
.dark-default-theme .text-danger .mdi {
  color: #dc3545;
}
.dark-default-theme .dropdown-item.active,
.dark-default-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.dark-default-theme .badge-info,
.dark-default-theme .badge-primary,
.dark-default-theme .nav-pills .nav-link.active,
.dark-default-theme .nav-pills .show > .nav-link {
  background-color: #007bff;
}
.dark-default-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.dark-default-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.dark-default-theme .accordion.accordion-ungrouped .card,
.dark-default-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-default-theme .call-hangup {
  background: #f44336;
}
.dark-default-theme .call-hangup i {
  color: #263238;
}
.dark-default-theme .call-pickup {
  background: #3cd572;
}
.dark-default-theme .call-pickup i {
  color: #263238;
}
.dark-default-theme .call-pickup:after,
.dark-default-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.dark-default-theme .call-options__iconbox.active,
.dark-default-theme .call-options__iconbox:hover {
  background: #263238;
}
.dark-default-theme .call-options h6 {
  color: #8d9093;
}
.dark-default-theme .icvideocallwrapper .icvideo-user img {
  background-color: #263238;
}
.dark-default-theme .userprofile-name span {
  color: #979797;
}
.dark-default-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.dark-default-theme .calller-group .user-avatar .caller-mute i {
  color: #263238;
}
.dark-default-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #263238;
}
.dark-default-theme .chatstyle-01 .ca-received__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-default-theme .chatstyle-01 .ca-send__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-default-theme .chatstyle-01 .metadata .time {
  color: #8da4bd;
}
.dark-default-theme .composer__left--sticker {
  background: #e6f2ff;
}
.dark-default-theme .composer__left--sticker i:before {
  color: #007bff;
}
.dark-default-theme .composer__left--emoticon i:hover,
.dark-default-theme .composer__middle--attachment i:hover,
.dark-default-theme .composer__middle--microphone i:hover,
.dark-default-theme .composer__middle--photo i:hover {
  color: #007bff;
}
.dark-default-theme .composer__right--send {
  background: #007bff;
}
.dark-default-theme .composer__right--send i {
  color: #263238;
}
.dark-default-theme .dial-pad-wrap .dial-screen {
  background: #263238;
  border: 1px solid #263238;
}
.dark-default-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #263238;
}
.dark-default-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.dark-default-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.dark-default-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #263238;
  background: #007bff;
}
.dark-default-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.dark-default-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.dark-default-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-default-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #263238;
}
.dark-default-theme .iconbox-dropdown.show .iconbox,
.dark-default-theme .iconbox.btn-hovered-light:active,
.dark-default-theme .iconbox.btn-hovered-light:focus,
.dark-default-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-default-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #37474f;
}
.dark-default-theme .iconbox.btn-outline-light:active,
.dark-default-theme .iconbox.btn-outline-light:focus,
.dark-default-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-default-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.dark-default-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.dark-default-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.dark-default-theme .iconbox.btn-solid-info {
  background: #007bff;
}
.dark-default-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.dark-default-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.dark-default-theme .iconbox.btn-solid-danger .mdi,
.dark-default-theme .iconbox.btn-solid-info .mdi,
.dark-default-theme .iconbox.btn-solid-primary .mdi,
.dark-default-theme .iconbox.btn-solid-secondary .mdi,
.dark-default-theme .iconbox.btn-solid-success .mdi,
.dark-default-theme .iconbox.btn-solid-warning .mdi {
  color: #263238;
}
.dark-default-theme .information-panel {
  background: #263238;
  border-left: 1px solid #37474f;
}
.dark-default-theme .information-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-default-theme .information-panel__closer:hover {
  background: #263238;
}
.dark-default-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #007bff;
}
.dark-default-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-default-theme body.info-panel-opened .group-information-panel,
.dark-default-theme body.info-panel-opened .personal-information-panel {
  background: #263238;
}
.dark-default-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-default-theme .doclistall {
  background: #263238;
}
.dark-default-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.dark-default-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #37474f;
}
.dark-default-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.dark-default-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.dark-default-theme .iconbox-searchbar .search-submit:active,
.dark-default-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-default-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.dark-default-theme .user-avatar span {
  color: inherit;
}
.dark-default-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.dark-default-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.dark-default-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #007bff;
}
.dark-default-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.dark-default-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.dark-default-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.dark-default-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.dark-default-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.dark-default-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.dark-default-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.dark-default-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.dark-default-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.dark-default-theme .user-avatar-closer {
  background: #dc3545;
}
.dark-default-theme .user-avatar-closer .mdi {
  color: #263238;
}
.dark-default-theme .calllist {
  border-bottom: 1px solid #37474f;
}
.dark-default-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-default-theme .calllist.active:before {
  background: #007bff;
}
.dark-default-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-default-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.dark-default-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #37474f;
}
.dark-default-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.dark-default-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.dark-default-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.dark-default-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.dark-default-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.dark-default-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.dark-default-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.dark-default-theme .contactlist {
  border-bottom: 1px solid #37474f;
}
.dark-default-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-default-theme .contactlist.active:before {
  background: #007bff;
}
.dark-default-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-default-theme .alphabet-series {
  background: #37474f;
  border-right: 1px solid #37474f;
}
.dark-default-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.dark-default-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.dark-default-theme .ca-profile-actions {
  background: #263238;
}
.dark-default-theme .conversation {
  border-bottom: 1px solid #37474f;
}
.dark-default-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-default-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.dark-default-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.dark-default-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.dark-default-theme .conversation__message {
  color: #a2a2a2;
}
.dark-default-theme .conversation__time {
  color: #8da4bd;
}
.dark-default-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-default-theme .conversation.active:before {
  background: #007bff;
}
.dark-default-theme .conversation-wrapper .conversation-panel {
  background: #263238;
}
.dark-default-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-default-theme .conversation-wrapper .conversation-panel__footer,
.dark-default-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #263238;
}
.dark-default-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #d3d4d5;
}
.dark-default-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.dark-default-theme .chat-date span:after,
.dark-default-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.dark-default-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #37474f;
}
.dark-default-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #37474f;
}
.dark-default-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #263238;
}
.dark-default-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #007bff;
}
.dark-default-theme .nav-style-vertical-1 .nav-link:hover {
  background: #263238;
}
.dark-default-theme .setting-sunheading.setting-sunheading-style01 {
  background: #007bff;
  color: #263238;
}
.dark-default-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.dark-default-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-default-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.dark-default-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.dark-default-theme .ca-sidebar__header,
.dark-default-theme .ps-list {
  border-bottom: 1px solid #37474f;
}
.dark-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.dark-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.dark-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #007bff;
}
.dark-default-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.dark-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #263238;
}
.dark-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.dark-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.dark-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.dark-default-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.dark-default-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #007bff;
}
.dark-default-theme .mfb-component__button--main .mdi,
.dark-default-theme .mfb-component__button--main:focus,
.dark-default-theme .mfb-component__button--main:hover {
  color: #263238;
}
.dark-default-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #6c757d;
}
.dark-default-theme .mfb-component__button--child .mdi,
.dark-default-theme .mfb-component__button--child:focus,
.dark-default-theme .mfb-component__button--child:hover {
  color: #263238;
}
.dark-default-theme [data-mfb-label]:after {
  background: #007bff;
  color: #f8f9fa;
}
.dark-default-theme .material-switch > input,
.dark-default-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.dark-default-theme .material-switch > span:after {
  background-color: #263238;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.dark-default-theme .material-switch > input:checked {
  background-color: #007bff;
}
.dark-default-theme .material-switch > input:checked + span:before {
  background-color: #99caff;
}
.dark-default-theme .material-switch > input:checked + span:after {
  background-color: #007bff;
}
.dark-default-theme .material-switch > input:active + span:before {
  background-color: #99caff;
}
.dark-default-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.dark-default-theme .material-switch > input:disabled + span {
  color: #000;
}
.dark-default-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.dark-default-theme .material-switch > input:checked:disabled + span:before {
  background-color: #99caff;
}
.dark-default-theme .setting-sunheading {
  color: #a2a2a2;
}
.dark-default-theme .modal-content .ca-profile-name {
  color: #263238;
}
.dark-default-theme .theme-customizer.active {
  background: #37474f;
}
.dark-default-theme .theme-customizer-opener {
  background: #37474f;
  border: 1px solid #37474f;
}
.dark-purple-theme body {
  color: #d3d4d5;
}
.dark-purple-theme body.rtl .ca-content-wrapper,
.dark-purple-theme body.rtl .information-panel {
  border-right: 1px solid #37474f;
}
.dark-purple-theme .mdi {
  color: #949aa2;
}
.dark-purple-theme .text-danger .mdi {
  color: #dc3545;
}
.dark-purple-theme .dropdown-item.active,
.dark-purple-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.dark-purple-theme .badge-info,
.dark-purple-theme .badge-primary,
.dark-purple-theme .nav-pills .nav-link.active,
.dark-purple-theme .nav-pills .show > .nav-link {
  background-color: #ae6eea;
}
.dark-purple-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.dark-purple-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.dark-purple-theme .accordion.accordion-ungrouped .card,
.dark-purple-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-purple-theme .call-hangup {
  background: #f44336;
}
.dark-purple-theme .call-hangup i {
  color: #263238;
}
.dark-purple-theme .call-pickup {
  background: #3cd572;
}
.dark-purple-theme .call-pickup i {
  color: #263238;
}
.dark-purple-theme .call-pickup:after,
.dark-purple-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.dark-purple-theme .call-options__iconbox.active,
.dark-purple-theme .call-options__iconbox:hover {
  background: #263238;
}
.dark-purple-theme .call-options h6 {
  color: #8d9093;
}
.dark-purple-theme .icvideocallwrapper .icvideo-user img {
  background-color: #263238;
}
.dark-purple-theme .userprofile-name span {
  color: #979797;
}
.dark-purple-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.dark-purple-theme .calller-group .user-avatar .caller-mute i {
  color: #263238;
}
.dark-purple-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #263238;
}
.dark-purple-theme .chatstyle-01 .ca-received__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-purple-theme .chatstyle-01 .ca-send__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-purple-theme .chatstyle-01 .metadata .time {
  color: #8da4bd;
}
.dark-purple-theme .composer__left--sticker {
  background: #fff;
}
.dark-purple-theme .composer__left--sticker i:before {
  color: #ae6eea;
}
.dark-purple-theme .composer__left--emoticon i:hover,
.dark-purple-theme .composer__middle--attachment i:hover,
.dark-purple-theme .composer__middle--microphone i:hover,
.dark-purple-theme .composer__middle--photo i:hover {
  color: #ae6eea;
}
.dark-purple-theme .composer__right--send {
  background: #ae6eea;
}
.dark-purple-theme .composer__right--send i {
  color: #263238;
}
.dark-purple-theme .dial-pad-wrap .dial-screen {
  background: #263238;
  border: 1px solid #263238;
}
.dark-purple-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #263238;
}
.dark-purple-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.dark-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.dark-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #263238;
  background: #ae6eea;
}
.dark-purple-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.dark-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.dark-purple-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #263238;
}
.dark-purple-theme .iconbox-dropdown.show .iconbox,
.dark-purple-theme .iconbox.btn-hovered-light:active,
.dark-purple-theme .iconbox.btn-hovered-light:focus,
.dark-purple-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-purple-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #37474f;
}
.dark-purple-theme .iconbox.btn-outline-light:active,
.dark-purple-theme .iconbox.btn-outline-light:focus,
.dark-purple-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-purple-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.dark-purple-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.dark-purple-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.dark-purple-theme .iconbox.btn-solid-info {
  background: #ae6eea;
}
.dark-purple-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.dark-purple-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.dark-purple-theme .iconbox.btn-solid-danger .mdi,
.dark-purple-theme .iconbox.btn-solid-info .mdi,
.dark-purple-theme .iconbox.btn-solid-primary .mdi,
.dark-purple-theme .iconbox.btn-solid-secondary .mdi,
.dark-purple-theme .iconbox.btn-solid-success .mdi,
.dark-purple-theme .iconbox.btn-solid-warning .mdi {
  color: #263238;
}
.dark-purple-theme .information-panel {
  background: #263238;
  border-left: 1px solid #37474f;
}
.dark-purple-theme .information-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-purple-theme .information-panel__closer:hover {
  background: #263238;
}
.dark-purple-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #ae6eea;
}
.dark-purple-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-purple-theme body.info-panel-opened .group-information-panel,
.dark-purple-theme body.info-panel-opened .personal-information-panel {
  background: #263238;
}
.dark-purple-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-purple-theme .doclistall {
  background: #263238;
}
.dark-purple-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.dark-purple-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #37474f;
}
.dark-purple-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.dark-purple-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.dark-purple-theme .iconbox-searchbar .search-submit:active,
.dark-purple-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-purple-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.dark-purple-theme .user-avatar span {
  color: inherit;
}
.dark-purple-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.dark-purple-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.dark-purple-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #ae6eea;
}
.dark-purple-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.dark-purple-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.dark-purple-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.dark-purple-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.dark-purple-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.dark-purple-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.dark-purple-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.dark-purple-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.dark-purple-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.dark-purple-theme .user-avatar-closer {
  background: #dc3545;
}
.dark-purple-theme .user-avatar-closer .mdi {
  color: #263238;
}
.dark-purple-theme .calllist {
  border-bottom: 1px solid #37474f;
}
.dark-purple-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-purple-theme .calllist.active:before {
  background: #ae6eea;
}
.dark-purple-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-purple-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.dark-purple-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #37474f;
}
.dark-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.dark-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.dark-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.dark-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.dark-purple-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.dark-purple-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.dark-purple-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.dark-purple-theme .contactlist {
  border-bottom: 1px solid #37474f;
}
.dark-purple-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-purple-theme .contactlist.active:before {
  background: #ae6eea;
}
.dark-purple-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-purple-theme .alphabet-series {
  background: #37474f;
  border-right: 1px solid #37474f;
}
.dark-purple-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.dark-purple-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.dark-purple-theme .ca-profile-actions {
  background: #263238;
}
.dark-purple-theme .conversation {
  border-bottom: 1px solid #37474f;
}
.dark-purple-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-purple-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.dark-purple-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.dark-purple-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.dark-purple-theme .conversation__message {
  color: #a2a2a2;
}
.dark-purple-theme .conversation__time {
  color: #8da4bd;
}
.dark-purple-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-purple-theme .conversation.active:before {
  background: #ae6eea;
}
.dark-purple-theme .conversation-wrapper .conversation-panel {
  background: #263238;
}
.dark-purple-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-purple-theme .conversation-wrapper .conversation-panel__footer,
.dark-purple-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #263238;
}
.dark-purple-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #d3d4d5;
}
.dark-purple-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.dark-purple-theme .chat-date span:after,
.dark-purple-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.dark-purple-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #37474f;
}
.dark-purple-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #37474f;
}
.dark-purple-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #263238;
}
.dark-purple-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #ae6eea;
}
.dark-purple-theme .nav-style-vertical-1 .nav-link:hover {
  background: #263238;
}
.dark-purple-theme .setting-sunheading.setting-sunheading-style01 {
  background: #ae6eea;
  color: #263238;
}
.dark-purple-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.dark-purple-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-purple-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.dark-purple-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.dark-purple-theme .ca-sidebar__header,
.dark-purple-theme .ps-list {
  border-bottom: 1px solid #37474f;
}
.dark-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.dark-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.dark-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #ae6eea;
}
.dark-purple-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.dark-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #263238;
}
.dark-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.dark-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.dark-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.dark-purple-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.dark-purple-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #ae6eea;
}
.dark-purple-theme .mfb-component__button--main .mdi,
.dark-purple-theme .mfb-component__button--main:focus,
.dark-purple-theme .mfb-component__button--main:hover {
  color: #263238;
}
.dark-purple-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #6c757d;
}
.dark-purple-theme .mfb-component__button--child .mdi,
.dark-purple-theme .mfb-component__button--child:focus,
.dark-purple-theme .mfb-component__button--child:hover {
  color: #263238;
}
.dark-purple-theme [data-mfb-label]:after {
  background: #ae6eea;
  color: #f8f9fa;
}
.dark-purple-theme .material-switch > input,
.dark-purple-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.dark-purple-theme .material-switch > span:after {
  background-color: #263238;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.dark-purple-theme .material-switch > input:checked {
  background-color: #ae6eea;
}
.dark-purple-theme .material-switch > input:checked + span:before {
  background-color: #f9f4fd;
}
.dark-purple-theme .material-switch > input:checked + span:after {
  background-color: #ae6eea;
}
.dark-purple-theme .material-switch > input:active + span:before {
  background-color: #f9f4fd;
}
.dark-purple-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.dark-purple-theme .material-switch > input:disabled + span {
  color: #000;
}
.dark-purple-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.dark-purple-theme .material-switch > input:checked:disabled + span:before {
  background-color: #f9f4fd;
}
.dark-purple-theme .setting-sunheading {
  color: #a2a2a2;
}
.dark-purple-theme .modal-content .ca-profile-name {
  color: #263238;
}
.dark-purple-theme .theme-customizer.active {
  background: #37474f;
}
.dark-purple-theme .theme-customizer-opener {
  background: #37474f;
  border: 1px solid #37474f;
}
.dark-pink-theme body {
  color: #d3d4d5;
}
.dark-pink-theme body.rtl .ca-content-wrapper,
.dark-pink-theme body.rtl .information-panel {
  border-right: 1px solid #37474f;
}
.dark-pink-theme .mdi {
  color: #949aa2;
}
.dark-pink-theme .text-danger .mdi {
  color: #dc3545;
}
.dark-pink-theme .dropdown-item.active,
.dark-pink-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.dark-pink-theme .badge-info,
.dark-pink-theme .badge-primary,
.dark-pink-theme .nav-pills .nav-link.active,
.dark-pink-theme .nav-pills .show > .nav-link {
  background-color: #e91e63;
}
.dark-pink-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.dark-pink-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.dark-pink-theme .accordion.accordion-ungrouped .card,
.dark-pink-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-pink-theme .call-hangup {
  background: #f44336;
}
.dark-pink-theme .call-hangup i {
  color: #263238;
}
.dark-pink-theme .call-pickup {
  background: #3cd572;
}
.dark-pink-theme .call-pickup i {
  color: #263238;
}
.dark-pink-theme .call-pickup:after,
.dark-pink-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.dark-pink-theme .call-options__iconbox.active,
.dark-pink-theme .call-options__iconbox:hover {
  background: #263238;
}
.dark-pink-theme .call-options h6 {
  color: #8d9093;
}
.dark-pink-theme .icvideocallwrapper .icvideo-user img {
  background-color: #263238;
}
.dark-pink-theme .userprofile-name span {
  color: #979797;
}
.dark-pink-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.dark-pink-theme .calller-group .user-avatar .caller-mute i {
  color: #263238;
}
.dark-pink-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #263238;
}
.dark-pink-theme .chatstyle-01 .ca-received__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-pink-theme .chatstyle-01 .ca-send__msg {
 background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-pink-theme .chatstyle-01 .metadata .time {
  color: #8da4bd;
}
.dark-pink-theme .composer__left--sticker {
  background: #fdeff4;
}
.dark-pink-theme .composer__left--sticker i:before {
  color: #e91e63;
}
.dark-pink-theme .composer__left--emoticon i:hover,
.dark-pink-theme .composer__middle--attachment i:hover,
.dark-pink-theme .composer__middle--microphone i:hover,
.dark-pink-theme .composer__middle--photo i:hover {
  color: #e91e63;
}
.dark-pink-theme .composer__right--send {
  background: #e91e63;
}
.dark-pink-theme .composer__right--send i {
  color: #263238;
}
.dark-pink-theme .dial-pad-wrap .dial-screen {
  background: #263238;
  border: 1px solid #263238;
}
.dark-pink-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #263238;
}
.dark-pink-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.dark-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.dark-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #263238;
  background: #e91e63;
}
.dark-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .dial-sub-key,
.dark-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.dark-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .dial-sub-key,
.dark-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #263238;
}
.dark-pink-theme .iconbox-dropdown.show .iconbox,
.dark-pink-theme .iconbox.btn-hovered-light:active,
.dark-pink-theme .iconbox.btn-hovered-light:focus,
.dark-pink-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-pink-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #37474f;
}
.dark-pink-theme .iconbox.btn-outline-light:active,
.dark-pink-theme .iconbox.btn-outline-light:focus,
.dark-pink-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-pink-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.dark-pink-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.dark-pink-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.dark-pink-theme .iconbox.btn-solid-info {
  background: #e91e63;
}
.dark-pink-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.dark-pink-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.dark-pink-theme .iconbox.btn-solid-danger .mdi,
.dark-pink-theme .iconbox.btn-solid-info .mdi,
.dark-pink-theme .iconbox.btn-solid-primary .mdi,
.dark-pink-theme .iconbox.btn-solid-secondary .mdi,
.dark-pink-theme .iconbox.btn-solid-success .mdi,
.dark-pink-theme .iconbox.btn-solid-warning .mdi {
  color: #263238;
}
.dark-pink-theme .information-panel {
  background: #263238;
  border-left: 1px solid #37474f;
}
.dark-pink-theme .information-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-pink-theme .information-panel__closer:hover {
  background: #263238;
}
.dark-pink-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #e91e63;
}
.dark-pink-theme .information-panel__body .accordion.accordion-ungrouped .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-pink-theme body.info-panel-opened .group-information-panel,
.dark-pink-theme body.info-panel-opened .personal-information-panel {
  background: #263238;
}
.dark-pink-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-pink-theme .doclistall {
  background: #263238;
}
.dark-pink-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.dark-pink-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #37474f;
}
.dark-pink-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.dark-pink-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.dark-pink-theme .iconbox-searchbar .search-submit:active,
.dark-pink-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-pink-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.dark-pink-theme .user-avatar span {
  color: inherit;
}
.dark-pink-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.dark-pink-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.dark-pink-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #e91e63;
}
.dark-pink-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.dark-pink-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.dark-pink-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.dark-pink-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.dark-pink-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.dark-pink-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.dark-pink-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.dark-pink-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.dark-pink-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.dark-pink-theme .user-avatar-closer {
  background: #dc3545;
}
.dark-pink-theme .user-avatar-closer .mdi {
  color: #263238;
}
.dark-pink-theme .calllist {
  border-bottom: 1px solid #37474f;
}
.dark-pink-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-pink-theme .calllist.active:before {
  background: #e91e63;
}
.dark-pink-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-pink-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.dark-pink-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #37474f;
}
.dark-pink-theme .ca-call-details-history .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.dark-pink-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.dark-pink-theme .ca-call-details-history .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.dark-pink-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.dark-pink-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.dark-pink-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.dark-pink-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.dark-pink-theme .contactlist {
  border-bottom: 1px solid #37474f;
}
.dark-pink-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-pink-theme .contactlist.active:before {
  background: #e91e63;
}
.dark-pink-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-pink-theme .alphabet-series {
  background: #37474f;
  border-right: 1px solid #37474f;
}
.dark-pink-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.dark-pink-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.dark-pink-theme .ca-profile-actions {
  background: #263238;
}
.dark-pink-theme .conversation {
  border-bottom: 1px solid #37474f;
}
.dark-pink-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-pink-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.dark-pink-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.dark-pink-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.dark-pink-theme .conversation__message {
  color: #a2a2a2;
}
.dark-pink-theme .conversation__time {
  color: #8da4bd;
}
.dark-pink-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-pink-theme .conversation.active:before {
  background: #e91e63;
}
.dark-pink-theme .conversation-wrapper .conversation-panel {
  background: #263238;
}
.dark-pink-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-pink-theme .conversation-wrapper .conversation-panel__footer,
.dark-pink-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #263238;
}
.dark-pink-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #d3d4d5;
}
.dark-pink-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.dark-pink-theme .chat-date span:after,
.dark-pink-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.dark-pink-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #37474f;
}
.dark-pink-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #37474f;
}
.dark-pink-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #263238;
}
.dark-pink-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #e91e63;
}
.dark-pink-theme .nav-style-vertical-1 .nav-link:hover {
  background: #263238;
}
.dark-pink-theme .setting-sunheading.setting-sunheading-style01 {
  background: #e91e63;
  color: #263238;
}
.dark-pink-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.dark-pink-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-pink-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.dark-pink-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.dark-pink-theme .ca-sidebar__header,
.dark-pink-theme .ps-list {
  border-bottom: 1px solid #37474f;
}
.dark-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.dark-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.dark-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #e91e63;
}
.dark-pink-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.dark-pink-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li {
  background: #263238;
}
.dark-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.dark-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.dark-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.dark-pink-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.dark-pink-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #e91e63;
}
.dark-pink-theme .mfb-component__button--main .mdi,
.dark-pink-theme .mfb-component__button--main:focus,
.dark-pink-theme .mfb-component__button--main:hover {
  color: #263238;
}
.dark-pink-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #6c757d;
}
.dark-pink-theme .mfb-component__button--child .mdi,
.dark-pink-theme .mfb-component__button--child:focus,
.dark-pink-theme .mfb-component__button--child:hover {
  color: #263238;
}
.dark-pink-theme [data-mfb-label]:after {
  background: #e91e63;
  color: #f8f9fa;
}
.dark-pink-theme .material-switch > input,
.dark-pink-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.dark-pink-theme .material-switch > span:after {
  background-color: #263238;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.dark-pink-theme .material-switch > input:checked {
  background-color: #e91e63;
}
.dark-pink-theme .material-switch > input:checked + span:before {
  background-color: #f7a9c4;
}
.dark-pink-theme .material-switch > input:checked + span:after {
  background-color: #e91e63;
}
.dark-pink-theme .material-switch > input:active + span:before {
  background-color: #f7a9c4;
}
.dark-pink-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.dark-pink-theme .material-switch > input:disabled + span {
  color: #000;
}
.dark-pink-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.dark-pink-theme .material-switch > input:checked:disabled + span:before {
  background-color: #f7a9c4;
}
.dark-pink-theme .setting-sunheading {
  color: #a2a2a2;
}
.dark-pink-theme .modal-content .ca-profile-name {
  color: #263238;
}
.dark-pink-theme .theme-customizer.active {
  background: #37474f;
}
.dark-pink-theme .theme-customizer-opener {
  background: #37474f;
  border: 1px solid #37474f;
}
.dark-green-theme body {
  color: #d3d4d5;
}
.dark-green-theme body.rtl .ca-content-wrapper,
.dark-green-theme body.rtl .information-panel {
  border-right: 1px solid #37474f;
}
.dark-green-theme .mdi {
  color: #949aa2;
}
.dark-green-theme .text-danger .mdi {
  color: #dc3545;
}
.dark-green-theme .dropdown-item.active,
.dark-green-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.dark-green-theme .badge-info,
.dark-green-theme .badge-primary,
.dark-green-theme .nav-pills .nav-link.active,
.dark-green-theme .nav-pills .show > .nav-link {
  background-color: #4caf50;
}
.dark-green-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.dark-green-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.dark-green-theme .accordion.accordion-ungrouped .card,
.dark-green-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-green-theme .call-hangup {
  background: #f44336;
}
.dark-green-theme .call-hangup i {
  color: #263238;
}
.dark-green-theme .call-pickup {
  background: #3cd572;
}
.dark-green-theme .call-pickup i {
  color: #263238;
}
.dark-green-theme .call-pickup:after,
.dark-green-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.dark-green-theme .call-options__iconbox.active,
.dark-green-theme .call-options__iconbox:hover {
  background: #263238;
}
.dark-green-theme .call-options h6 {
  color: #8d9093;
}
.dark-green-theme .icvideocallwrapper .icvideo-user img {
  background-color: #263238;
}
.dark-green-theme .userprofile-name span {
  color: #979797;
}
.dark-green-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.dark-green-theme .calller-group .user-avatar .caller-mute i {
  color: #263238;
}
.dark-green-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #263238;
}
.dark-green-theme .chatstyle-01 .ca-received__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-green-theme .chatstyle-01 .ca-send__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-green-theme .chatstyle-01 .metadata .time {
  color: #8da4bd;
}
.dark-green-theme .composer__left--sticker {
  background: #eaf6eb;
}
.dark-green-theme .composer__left--sticker i:before {
  color: #4caf50;
}
.dark-green-theme .composer__left--emoticon i:hover,
.dark-green-theme .composer__middle--attachment i:hover,
.dark-green-theme .composer__middle--microphone i:hover,
.dark-green-theme .composer__middle--photo i:hover {
  color: #4caf50;
}
.dark-green-theme .composer__right--send {
  background: #4caf50;
}
.dark-green-theme .composer__right--send i {
  color: #263238;
}
.dark-green-theme .dial-pad-wrap .dial-screen {
  background: #263238;
  border: 1px solid #263238;
}
.dark-green-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #263238;
}
.dark-green-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.dark-green-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.dark-green-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #263238;
  background: #4caf50;
}
.dark-green-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.dark-green-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.dark-green-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .dial-sub-key,
.dark-green-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #263238;
}
.dark-green-theme .iconbox-dropdown.show .iconbox,
.dark-green-theme .iconbox.btn-hovered-light:active,
.dark-green-theme .iconbox.btn-hovered-light:focus,
.dark-green-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-green-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #37474f;
}
.dark-green-theme .iconbox.btn-outline-light:active,
.dark-green-theme .iconbox.btn-outline-light:focus,
.dark-green-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-green-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.dark-green-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.dark-green-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.dark-green-theme .iconbox.btn-solid-info {
  background: #4caf50;
}
.dark-green-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.dark-green-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.dark-green-theme .iconbox.btn-solid-danger .mdi,
.dark-green-theme .iconbox.btn-solid-info .mdi,
.dark-green-theme .iconbox.btn-solid-primary .mdi,
.dark-green-theme .iconbox.btn-solid-secondary .mdi,
.dark-green-theme .iconbox.btn-solid-success .mdi,
.dark-green-theme .iconbox.btn-solid-warning .mdi {
  color: #263238;
}
.dark-green-theme .information-panel {
  background: #263238;
  border-left: 1px solid #37474f;
}
.dark-green-theme .information-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-green-theme .information-panel__closer:hover {
  background: #263238;
}
.dark-green-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #4caf50;
}
.dark-green-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-green-theme body.info-panel-opened .group-information-panel,
.dark-green-theme body.info-panel-opened .personal-information-panel {
  background: #263238;
}
.dark-green-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-green-theme .doclistall {
  background: #263238;
}
.dark-green-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.dark-green-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #37474f;
}
.dark-green-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.dark-green-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.dark-green-theme .iconbox-searchbar .search-submit:active,
.dark-green-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-green-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.dark-green-theme .user-avatar span {
  color: inherit;
}
.dark-green-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.dark-green-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.dark-green-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #4caf50;
}
.dark-green-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.dark-green-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.dark-green-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.dark-green-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.dark-green-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.dark-green-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.dark-green-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.dark-green-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.dark-green-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.dark-green-theme .user-avatar-closer {
  background: #dc3545;
}
.dark-green-theme .user-avatar-closer .mdi {
  color: #263238;
}
.dark-green-theme .calllist {
  border-bottom: 1px solid #37474f;
}
.dark-green-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-green-theme .calllist.active:before {
  background: #4caf50;
}
.dark-green-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-green-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.dark-green-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #37474f;
}
.dark-green-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.dark-green-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.dark-green-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.dark-green-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.dark-green-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.dark-green-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.dark-green-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.dark-green-theme .contactlist {
  border-bottom: 1px solid #37474f;
}
.dark-green-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-green-theme .contactlist.active:before {
  background: #4caf50;
}
.dark-green-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-green-theme .alphabet-series {
  background: #37474f;
  border-right: 1px solid #37474f;
}
.dark-green-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.dark-green-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.dark-green-theme .ca-profile-actions {
  background: #263238;
}
.dark-green-theme .conversation {
  border-bottom: 1px solid #37474f;
}
.dark-green-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-green-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.dark-green-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.dark-green-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.dark-green-theme .conversation__message {
  color: #a2a2a2;
}
.dark-green-theme .conversation__time {
  color: #8da4bd;
}
.dark-green-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-green-theme .conversation.active:before {
  background: #4caf50;
}
.dark-green-theme .conversation-wrapper .conversation-panel {
  background: #263238;
}
.dark-green-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-green-theme .conversation-wrapper .conversation-panel__footer,
.dark-green-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #263238;
}
.dark-green-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #d3d4d5;
}
.dark-green-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.dark-green-theme .chat-date span:after,
.dark-green-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.dark-green-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #37474f;
}
.dark-green-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #37474f;
}
.dark-green-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #263238;
}
.dark-green-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #4caf50;
}
.dark-green-theme .nav-style-vertical-1 .nav-link:hover {
  background: #263238;
}
.dark-green-theme .setting-sunheading.setting-sunheading-style01 {
  background: #4caf50;
  color: #263238;
}
.dark-green-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.dark-green-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-green-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.dark-green-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.dark-green-theme .ca-sidebar__header,
.dark-green-theme .ps-list {
  border-bottom: 1px solid #37474f;
}
.dark-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.dark-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.dark-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #4caf50;
}
.dark-green-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.dark-green-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li {
  background: #263238;
}
.dark-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.dark-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.dark-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.dark-green-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.dark-green-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #4caf50;
}
.dark-green-theme .mfb-component__button--main .mdi,
.dark-green-theme .mfb-component__button--main:focus,
.dark-green-theme .mfb-component__button--main:hover {
  color: #263238;
}
.dark-green-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #6c757d;
}
.dark-green-theme .mfb-component__button--child .mdi,
.dark-green-theme .mfb-component__button--child:focus,
.dark-green-theme .mfb-component__button--child:hover {
  color: #263238;
}
.dark-green-theme [data-mfb-label]:after {
  background: #4caf50;
  color: #f8f9fa;
}
.dark-green-theme .material-switch > input,
.dark-green-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.dark-green-theme .material-switch > span:after {
  background-color: #263238;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.dark-green-theme .material-switch > input:checked {
  background-color: #4caf50;
}
.dark-green-theme .material-switch > input:checked + span:before {
  background-color: #b5dfb7;
}
.dark-green-theme .material-switch > input:checked + span:after {
  background-color: #4caf50;
}
.dark-green-theme .material-switch > input:active + span:before {
  background-color: #b5dfb7;
}
.dark-green-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.dark-green-theme .material-switch > input:disabled + span {
  color: #000;
}
.dark-green-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.dark-green-theme .material-switch > input:checked:disabled + span:before {
  background-color: #b5dfb7;
}
.dark-green-theme .setting-sunheading {
  color: #a2a2a2;
}
.dark-green-theme .modal-content .ca-profile-name {
  color: #263238;
}
.dark-green-theme .theme-customizer.active {
  background: #37474f;
}
.dark-green-theme .theme-customizer-opener {
  background: #37474f;
  border: 1px solid #37474f;
}
.dark-red-theme body {
  color: #d3d4d5;
}
.dark-red-theme body.rtl .ca-content-wrapper,
.dark-red-theme body.rtl .information-panel {
  border-right: 1px solid #37474f;
}
.dark-red-theme .mdi {
  color: #949aa2;
}
.dark-red-theme .text-danger .mdi {
  color: #dc3545;
}
.dark-red-theme .dropdown-item.active,
.dark-red-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.dark-red-theme .badge-info,
.dark-red-theme .badge-primary,
.dark-red-theme .nav-pills .nav-link.active,
.dark-red-theme .nav-pills .show > .nav-link {
  background-color: #f44336;
}
.dark-red-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.dark-red-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.dark-red-theme .accordion.accordion-ungrouped .card,
.dark-red-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-red-theme .call-hangup {
  background: #f44336;
}
.dark-red-theme .call-hangup i {
  color: #263238;
}
.dark-red-theme .call-pickup {
  background: #3cd572;
}
.dark-red-theme .call-pickup i {
  color: #263238;
}
.dark-red-theme .call-pickup:after,
.dark-red-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.dark-red-theme .call-options__iconbox.active,
.dark-red-theme .call-options__iconbox:hover {
  background: #263238;
}
.dark-red-theme .call-options h6 {
  color: #8d9093;
}
.dark-red-theme .icvideocallwrapper .icvideo-user img {
  background-color: #263238;
}
.dark-red-theme .userprofile-name span {
  color: #979797;
}
.dark-red-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.dark-red-theme .calller-group .user-avatar .caller-mute i {
  color: #263238;
}
.dark-red-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #263238;
}
.dark-red-theme .chatstyle-01 .ca-received__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-red-theme .chatstyle-01 .ca-send__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-red-theme .chatstyle-01 .metadata .time {
  color: #8da4bd;
}
.dark-red-theme .composer__left--sticker {
  background: #fff;
}
.dark-red-theme .composer__left--sticker i:before {
  color: #f44336;
}
.dark-red-theme .composer__left--emoticon i:hover,
.dark-red-theme .composer__middle--attachment i:hover,
.dark-red-theme .composer__middle--microphone i:hover,
.dark-red-theme .composer__middle--photo i:hover {
  color: #f44336;
}
.dark-red-theme .composer__right--send {
  background: #f44336;
}
.dark-red-theme .composer__right--send i {
  color: #263238;
}
.dark-red-theme .dial-pad-wrap .dial-screen {
  background: #263238;
  border: 1px solid #263238;
}
.dark-red-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #263238;
}
.dark-red-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.dark-red-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.dark-red-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #263238;
  background: #f44336;
}
.dark-red-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .dial-sub-key,
.dark-red-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.dark-red-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .dial-sub-key,
.dark-red-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #263238;
}
.dark-red-theme .iconbox-dropdown.show .iconbox,
.dark-red-theme .iconbox.btn-hovered-light:active,
.dark-red-theme .iconbox.btn-hovered-light:focus,
.dark-red-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-red-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #37474f;
}
.dark-red-theme .iconbox.btn-outline-light:active,
.dark-red-theme .iconbox.btn-outline-light:focus,
.dark-red-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-red-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.dark-red-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.dark-red-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.dark-red-theme .iconbox.btn-solid-info {
  background: #f44336;
}
.dark-red-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.dark-red-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.dark-red-theme .iconbox.btn-solid-danger .mdi,
.dark-red-theme .iconbox.btn-solid-info .mdi,
.dark-red-theme .iconbox.btn-solid-primary .mdi,
.dark-red-theme .iconbox.btn-solid-secondary .mdi,
.dark-red-theme .iconbox.btn-solid-success .mdi,
.dark-red-theme .iconbox.btn-solid-warning .mdi {
  color: #263238;
}
.dark-red-theme .information-panel {
  background: #263238;
  border-left: 1px solid #37474f;
}
.dark-red-theme .information-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-red-theme .information-panel__closer:hover {
  background: #263238;
}
.dark-red-theme .information-panel__body .social-icon-box .social-icon:hover i {
  color: #f44336;
}
.dark-red-theme .information-panel__body .accordion.accordion-ungrouped .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-red-theme body.info-panel-opened .group-information-panel,
.dark-red-theme body.info-panel-opened .personal-information-panel {
  background: #263238;
}
.dark-red-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-red-theme .doclistall {
  background: #263238;
}
.dark-red-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.dark-red-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #37474f;
}
.dark-red-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.dark-red-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.dark-red-theme .iconbox-searchbar .search-submit:active,
.dark-red-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-red-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.dark-red-theme .user-avatar span {
  color: inherit;
}
.dark-red-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.dark-red-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.dark-red-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #f44336;
}
.dark-red-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.dark-red-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.dark-red-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.dark-red-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.dark-red-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.dark-red-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.dark-red-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.dark-red-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.dark-red-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.dark-red-theme .user-avatar-closer {
  background: #dc3545;
}
.dark-red-theme .user-avatar-closer .mdi {
  color: #263238;
}
.dark-red-theme .calllist {
  border-bottom: 1px solid #37474f;
}
.dark-red-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-red-theme .calllist.active:before {
  background: #f44336;
}
.dark-red-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-red-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.dark-red-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #37474f;
}
.dark-red-theme .ca-call-details-history .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.dark-red-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.dark-red-theme .ca-call-details-history .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.dark-red-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.dark-red-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.dark-red-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.dark-red-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.dark-red-theme .contactlist {
  border-bottom: 1px solid #37474f;
}
.dark-red-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-red-theme .contactlist.active:before {
  background: #f44336;
}
.dark-red-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-red-theme .alphabet-series {
  background: #37474f;
  border-right: 1px solid #37474f;
}
.dark-red-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.dark-red-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.dark-red-theme .ca-profile-actions {
  background: #263238;
}
.dark-red-theme .conversation {
  border-bottom: 1px solid #37474f;
}
.dark-red-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-red-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.dark-red-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.dark-red-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.dark-red-theme .conversation__message {
  color: #a2a2a2;
}
.dark-red-theme .conversation__time {
  color: #8da4bd;
}
.dark-red-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-red-theme .conversation.active:before {
  background: #f44336;
}
.dark-red-theme .conversation-wrapper .conversation-panel {
  background: #263238;
}
.dark-red-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-red-theme .conversation-wrapper .conversation-panel__footer,
.dark-red-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #263238;
}
.dark-red-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #d3d4d5;
}
.dark-red-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.dark-red-theme .chat-date span:after,
.dark-red-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.dark-red-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #37474f;
}
.dark-red-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #37474f;
}
.dark-red-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #263238;
}
.dark-red-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #f44336;
}
.dark-red-theme .nav-style-vertical-1 .nav-link:hover {
  background: #263238;
}
.dark-red-theme .setting-sunheading.setting-sunheading-style01 {
  background: #f44336;
  color: #263238;
}
.dark-red-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.dark-red-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-red-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.dark-red-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.dark-red-theme .ca-sidebar__header,
.dark-red-theme .ps-list {
  border-bottom: 1px solid #37474f;
}
.dark-red-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav li a {
  color: inherit;
}
.dark-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.dark-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #f44336;
}
.dark-red-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.dark-red-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li {
  background: #263238;
}
.dark-red-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li a {
  color: #949aa2;
}
.dark-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.dark-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.dark-red-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.dark-red-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #f44336;
}
.dark-red-theme .mfb-component__button--main .mdi,
.dark-red-theme .mfb-component__button--main:focus,
.dark-red-theme .mfb-component__button--main:hover {
  color: #263238;
}
.dark-red-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #6c757d;
}
.dark-red-theme .mfb-component__button--child .mdi,
.dark-red-theme .mfb-component__button--child:focus,
.dark-red-theme .mfb-component__button--child:hover {
  color: #263238;
}
.dark-red-theme [data-mfb-label]:after {
  background: #f44336;
  color: #f8f9fa;
}
.dark-red-theme .material-switch > input,
.dark-red-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.dark-red-theme .material-switch > span:after {
  background-color: #263238;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.dark-red-theme .material-switch > input:checked {
  background-color: #f44336;
}
.dark-red-theme .material-switch > input:checked + span:before {
  background-color: #fccbc7;
}
.dark-red-theme .material-switch > input:checked + span:after {
  background-color: #f44336;
}
.dark-red-theme .material-switch > input:active + span:before {
  background-color: #fccbc7;
}
.dark-red-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.dark-red-theme .material-switch > input:disabled + span {
  color: #000;
}
.dark-red-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.dark-red-theme .material-switch > input:checked:disabled + span:before {
  background-color: #fccbc7;
}
.dark-red-theme .setting-sunheading {
  color: #a2a2a2;
}
.dark-red-theme .modal-content .ca-profile-name {
  color: #263238;
}
.dark-red-theme .theme-customizer.active {
  background: #37474f;
}
.dark-red-theme .theme-customizer-opener {
  background: #37474f;
  border: 1px solid #37474f;
}
.dark-orange-theme body {
  color: #d3d4d5;
}
.dark-orange-theme body.rtl .ca-content-wrapper,
.dark-orange-theme body.rtl .information-panel {
  border-right: 1px solid #37474f;
}
.dark-orange-theme .mdi {
  color: #949aa2;
}
.dark-orange-theme .text-danger .mdi {
  color: #dc3545;
}
.dark-orange-theme .dropdown-item.active,
.dark-orange-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.dark-orange-theme .badge-info,
.dark-orange-theme .badge-primary,
.dark-orange-theme .nav-pills .nav-link.active,
.dark-orange-theme .nav-pills .show > .nav-link {
  background-color: #ff9800;
}
.dark-orange-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.dark-orange-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.dark-orange-theme .accordion.accordion-ungrouped .card,
.dark-orange-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-orange-theme .call-hangup {
  background: #f44336;
}
.dark-orange-theme .call-hangup i {
  color: #263238;
}
.dark-orange-theme .call-pickup {
  background: #3cd572;
}
.dark-orange-theme .call-pickup i {
  color: #263238;
}
.dark-orange-theme .call-pickup:after,
.dark-orange-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.dark-orange-theme .call-options__iconbox.active,
.dark-orange-theme .call-options__iconbox:hover {
  background: #263238;
}
.dark-orange-theme .call-options h6 {
  color: #8d9093;
}
.dark-orange-theme .icvideocallwrapper .icvideo-user img {
  background-color: #263238;
}
.dark-orange-theme .userprofile-name span {
  color: #979797;
}
.dark-orange-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.dark-orange-theme .calller-group .user-avatar .caller-mute i {
  color: #263238;
}
.dark-orange-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #263238;
}
.dark-orange-theme .chatstyle-01 .ca-received__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-orange-theme .chatstyle-01 .ca-send__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-orange-theme .chatstyle-01 .metadata .time {
  color: #8da4bd;
}
.dark-orange-theme .composer__left--sticker {
  background: #fff5e6;
}
.dark-orange-theme .composer__left--sticker i:before {
  color: #ff9800;
}
.dark-orange-theme .composer__left--emoticon i:hover,
.dark-orange-theme .composer__middle--attachment i:hover,
.dark-orange-theme .composer__middle--microphone i:hover,
.dark-orange-theme .composer__middle--photo i:hover {
  color: #ff9800;
}
.dark-orange-theme .composer__right--send {
  background: #ff9800;
}
.dark-orange-theme .composer__right--send i {
  color: #263238;
}
.dark-orange-theme .dial-pad-wrap .dial-screen {
  background: #263238;
  border: 1px solid #263238;
}
.dark-orange-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #263238;
}
.dark-orange-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.dark-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.dark-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #263238;
  background: #ff9800;
}
.dark-orange-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.dark-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.dark-orange-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #263238;
}
.dark-orange-theme .iconbox-dropdown.show .iconbox,
.dark-orange-theme .iconbox.btn-hovered-light:active,
.dark-orange-theme .iconbox.btn-hovered-light:focus,
.dark-orange-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-orange-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #37474f;
}
.dark-orange-theme .iconbox.btn-outline-light:active,
.dark-orange-theme .iconbox.btn-outline-light:focus,
.dark-orange-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-orange-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.dark-orange-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.dark-orange-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.dark-orange-theme .iconbox.btn-solid-info {
  background: #ff9800;
}
.dark-orange-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.dark-orange-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.dark-orange-theme .iconbox.btn-solid-danger .mdi,
.dark-orange-theme .iconbox.btn-solid-info .mdi,
.dark-orange-theme .iconbox.btn-solid-primary .mdi,
.dark-orange-theme .iconbox.btn-solid-secondary .mdi,
.dark-orange-theme .iconbox.btn-solid-success .mdi,
.dark-orange-theme .iconbox.btn-solid-warning .mdi {
  color: #263238;
}
.dark-orange-theme .information-panel {
  background: #263238;
  border-left: 1px solid #37474f;
}
.dark-orange-theme .information-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-orange-theme .information-panel__closer:hover {
  background: #263238;
}
.dark-orange-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #ff9800;
}
.dark-orange-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-orange-theme body.info-panel-opened .group-information-panel,
.dark-orange-theme body.info-panel-opened .personal-information-panel {
  background: #263238;
}
.dark-orange-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-orange-theme .doclistall {
  background: #263238;
}
.dark-orange-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.dark-orange-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #37474f;
}
.dark-orange-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.dark-orange-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.dark-orange-theme .iconbox-searchbar .search-submit:active,
.dark-orange-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-orange-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.dark-orange-theme .user-avatar span {
  color: inherit;
}
.dark-orange-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.dark-orange-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.dark-orange-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #ff9800;
}
.dark-orange-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.dark-orange-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.dark-orange-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.dark-orange-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.dark-orange-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.dark-orange-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.dark-orange-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.dark-orange-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.dark-orange-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.dark-orange-theme .user-avatar-closer {
  background: #dc3545;
}
.dark-orange-theme .user-avatar-closer .mdi {
  color: #263238;
}
.dark-orange-theme .calllist {
  border-bottom: 1px solid #37474f;
}
.dark-orange-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-orange-theme .calllist.active:before {
  background: #ff9800;
}
.dark-orange-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-orange-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.dark-orange-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #37474f;
}
.dark-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.dark-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.dark-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.dark-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.dark-orange-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.dark-orange-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.dark-orange-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.dark-orange-theme .contactlist {
  border-bottom: 1px solid #37474f;
}
.dark-orange-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-orange-theme .contactlist.active:before {
  background: #ff9800;
}
.dark-orange-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-orange-theme .alphabet-series {
  background: #37474f;
  border-right: 1px solid #37474f;
}
.dark-orange-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.dark-orange-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.dark-orange-theme .ca-profile-actions {
  background: #263238;
}
.dark-orange-theme .conversation {
  border-bottom: 1px solid #37474f;
}
.dark-orange-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-orange-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.dark-orange-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.dark-orange-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.dark-orange-theme .conversation__message {
  color: #a2a2a2;
}
.dark-orange-theme .conversation__time {
  color: #8da4bd;
}
.dark-orange-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-orange-theme .conversation.active:before {
  background: #ff9800;
}
.dark-orange-theme .conversation-wrapper .conversation-panel {
  background: #263238;
}
.dark-orange-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-orange-theme .conversation-wrapper .conversation-panel__footer,
.dark-orange-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #263238;
}
.dark-orange-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #d3d4d5;
}
.dark-orange-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.dark-orange-theme .chat-date span:after,
.dark-orange-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.dark-orange-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #37474f;
}
.dark-orange-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #37474f;
}
.dark-orange-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #263238;
}
.dark-orange-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #ff9800;
}
.dark-orange-theme .nav-style-vertical-1 .nav-link:hover {
  background: #263238;
}
.dark-orange-theme .setting-sunheading.setting-sunheading-style01 {
  background: #ff9800;
  color: #263238;
}
.dark-orange-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.dark-orange-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-orange-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.dark-orange-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.dark-orange-theme .ca-sidebar__header,
.dark-orange-theme .ps-list {
  border-bottom: 1px solid #37474f;
}
.dark-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.dark-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.dark-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #ff9800;
}
.dark-orange-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.dark-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #263238;
}
.dark-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.dark-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.dark-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.dark-orange-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.dark-orange-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #ff9800;
}
.dark-orange-theme .mfb-component__button--main .mdi,
.dark-orange-theme .mfb-component__button--main:focus,
.dark-orange-theme .mfb-component__button--main:hover {
  color: #263238;
}
.dark-orange-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #6c757d;
}
.dark-orange-theme .mfb-component__button--child .mdi,
.dark-orange-theme .mfb-component__button--child:focus,
.dark-orange-theme .mfb-component__button--child:hover {
  color: #263238;
}
.dark-orange-theme [data-mfb-label]:after {
  background: #ff9800;
  color: #f8f9fa;
}
.dark-orange-theme .material-switch > input,
.dark-orange-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.dark-orange-theme .material-switch > span:after {
  background-color: #263238;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.dark-orange-theme .material-switch > input:checked {
  background-color: #ff9800;
}
.dark-orange-theme .material-switch > input:checked + span:before {
  background-color: #ffd699;
}
.dark-orange-theme .material-switch > input:checked + span:after {
  background-color: #ff9800;
}
.dark-orange-theme .material-switch > input:active + span:before {
  background-color: #ffd699;
}
.dark-orange-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.dark-orange-theme .material-switch > input:disabled + span {
  color: #000;
}
.dark-orange-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.dark-orange-theme .material-switch > input:checked:disabled + span:before {
  background-color: #ffd699;
}
.dark-orange-theme .setting-sunheading {
  color: #a2a2a2;
}
.dark-orange-theme .modal-content .ca-profile-name {
  color: #263238;
}
.dark-orange-theme .theme-customizer.active {
  background: #37474f;
}
.dark-orange-theme .theme-customizer-opener {
  background: #37474f;
  border: 1px solid #37474f;
}
.dark-blue-theme body {
  color: #d3d4d5;
}
.dark-blue-theme body.rtl .ca-content-wrapper,
.dark-blue-theme body.rtl .information-panel {
  border-right: 1px solid #37474f;
}
.dark-blue-theme .mdi {
  color: #949aa2;
}
.dark-blue-theme .text-danger .mdi {
  color: #dc3545;
}
.dark-blue-theme .dropdown-item.active,
.dark-blue-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.dark-blue-theme .badge-info,
.dark-blue-theme .badge-primary,
.dark-blue-theme .nav-pills .nav-link.active,
.dark-blue-theme .nav-pills .show > .nav-link {
  background-color: #00bcd4;
}
.dark-blue-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.dark-blue-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.dark-blue-theme .accordion.accordion-ungrouped .card,
.dark-blue-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-blue-theme .call-hangup {
  background: #f44336;
}
.dark-blue-theme .call-hangup i {
  color: #263238;
}
.dark-blue-theme .call-pickup {
  background: #3cd572;
}
.dark-blue-theme .call-pickup i {
  color: #263238;
}
.dark-blue-theme .call-pickup:after,
.dark-blue-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.dark-blue-theme .call-options__iconbox.active,
.dark-blue-theme .call-options__iconbox:hover {
  background: #263238;
}
.dark-blue-theme .call-options h6 {
  color: #8d9093;
}
.dark-blue-theme .icvideocallwrapper .icvideo-user img {
  background-color: #263238;
}
.dark-blue-theme .userprofile-name span {
  color: #979797;
}
.dark-blue-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.dark-blue-theme .calller-group .user-avatar .caller-mute i {
  color: #263238;
}
.dark-blue-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #263238;
}
.dark-blue-theme .chatstyle-01 .ca-received__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-blue-theme .chatstyle-01 .ca-send__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-blue-theme .chatstyle-01 .metadata .time {
  color: #8da4bd;
}
.dark-blue-theme .composer__left--sticker {
  background: #bbf7ff;
}
.dark-blue-theme .composer__left--sticker i:before {
  color: #00bcd4;
}
.dark-blue-theme .composer__left--emoticon i:hover,
.dark-blue-theme .composer__middle--attachment i:hover,
.dark-blue-theme .composer__middle--microphone i:hover,
.dark-blue-theme .composer__middle--photo i:hover {
  color: #00bcd4;
}
.dark-blue-theme .composer__right--send {
  background: #00bcd4;
}
.dark-blue-theme .composer__right--send i {
  color: #263238;
}
.dark-blue-theme .dial-pad-wrap .dial-screen {
  background: #263238;
  border: 1px solid #263238;
}
.dark-blue-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #263238;
}
.dark-blue-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.dark-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.dark-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #263238;
  background: #00bcd4;
}
.dark-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .dial-sub-key,
.dark-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.dark-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .dial-sub-key,
.dark-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #263238;
}
.dark-blue-theme .iconbox-dropdown.show .iconbox,
.dark-blue-theme .iconbox.btn-hovered-light:active,
.dark-blue-theme .iconbox.btn-hovered-light:focus,
.dark-blue-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-blue-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #37474f;
}
.dark-blue-theme .iconbox.btn-outline-light:active,
.dark-blue-theme .iconbox.btn-outline-light:focus,
.dark-blue-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-blue-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.dark-blue-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.dark-blue-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.dark-blue-theme .iconbox.btn-solid-info {
  background: #00bcd4;
}
.dark-blue-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.dark-blue-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.dark-blue-theme .iconbox.btn-solid-danger .mdi,
.dark-blue-theme .iconbox.btn-solid-info .mdi,
.dark-blue-theme .iconbox.btn-solid-primary .mdi,
.dark-blue-theme .iconbox.btn-solid-secondary .mdi,
.dark-blue-theme .iconbox.btn-solid-success .mdi,
.dark-blue-theme .iconbox.btn-solid-warning .mdi {
  color: #263238;
}
.dark-blue-theme .information-panel {
  background: #263238;
  border-left: 1px solid #37474f;
}
.dark-blue-theme .information-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-blue-theme .information-panel__closer:hover {
  background: #263238;
}
.dark-blue-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #00bcd4;
}
.dark-blue-theme .information-panel__body .accordion.accordion-ungrouped .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-blue-theme body.info-panel-opened .group-information-panel,
.dark-blue-theme body.info-panel-opened .personal-information-panel {
  background: #263238;
}
.dark-blue-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-blue-theme .doclistall {
  background: #263238;
}
.dark-blue-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.dark-blue-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #37474f;
}
.dark-blue-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.dark-blue-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.dark-blue-theme .iconbox-searchbar .search-submit:active,
.dark-blue-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-blue-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.dark-blue-theme .user-avatar span {
  color: inherit;
}
.dark-blue-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.dark-blue-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.dark-blue-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #00bcd4;
}
.dark-blue-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.dark-blue-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.dark-blue-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.dark-blue-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.dark-blue-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.dark-blue-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.dark-blue-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.dark-blue-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.dark-blue-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.dark-blue-theme .user-avatar-closer {
  background: #dc3545;
}
.dark-blue-theme .user-avatar-closer .mdi {
  color: #263238;
}
.dark-blue-theme .calllist {
  border-bottom: 1px solid #37474f;
}
.dark-blue-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-blue-theme .calllist.active:before {
  background: #00bcd4;
}
.dark-blue-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-blue-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.dark-blue-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #37474f;
}
.dark-blue-theme .ca-call-details-history .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.dark-blue-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.dark-blue-theme .ca-call-details-history .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.dark-blue-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.dark-blue-theme .ca-call-details-history .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.dark-blue-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.dark-blue-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.dark-blue-theme .contactlist {
  border-bottom: 1px solid #37474f;
}
.dark-blue-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-blue-theme .contactlist.active:before {
  background: #00bcd4;
}
.dark-blue-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-blue-theme .alphabet-series {
  background: #37474f;
  border-right: 1px solid #37474f;
}
.dark-blue-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.dark-blue-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.dark-blue-theme .ca-profile-actions {
  background: #263238;
}
.dark-blue-theme .conversation {
  border-bottom: 1px solid #37474f;
}
.dark-blue-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-blue-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.dark-blue-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.dark-blue-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.dark-blue-theme .conversation__message {
  color: #a2a2a2;
}
.dark-blue-theme .conversation__time {
  color: #8da4bd;
}
.dark-blue-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-blue-theme .conversation.active:before {
  background: #00bcd4;
}
.dark-blue-theme .conversation-wrapper .conversation-panel {
  background: #263238;
}
.dark-blue-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-blue-theme .conversation-wrapper .conversation-panel__footer,
.dark-blue-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #263238;
}
.dark-blue-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #d3d4d5;
}
.dark-blue-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.dark-blue-theme .chat-date span:after,
.dark-blue-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.dark-blue-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #37474f;
}
.dark-blue-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #37474f;
}
.dark-blue-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #263238;
}
.dark-blue-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #00bcd4;
}
.dark-blue-theme .nav-style-vertical-1 .nav-link:hover {
  background: #263238;
}
.dark-blue-theme .setting-sunheading.setting-sunheading-style01 {
  background: #00bcd4;
  color: #263238;
}
.dark-blue-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.dark-blue-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-blue-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.dark-blue-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.dark-blue-theme .ca-sidebar__header,
.dark-blue-theme .ps-list {
  border-bottom: 1px solid #37474f;
}
.dark-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.dark-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.dark-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #00bcd4;
}
.dark-blue-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.dark-blue-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav li {
  background: #263238;
}
.dark-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.dark-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.dark-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.dark-blue-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.dark-blue-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #00bcd4;
}
.dark-blue-theme .mfb-component__button--main .mdi,
.dark-blue-theme .mfb-component__button--main:focus,
.dark-blue-theme .mfb-component__button--main:hover {
  color: #263238;
}
.dark-blue-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #6c757d;
}
.dark-blue-theme .mfb-component__button--child .mdi,
.dark-blue-theme .mfb-component__button--child:focus,
.dark-blue-theme .mfb-component__button--child:hover {
  color: #263238;
}
.dark-blue-theme [data-mfb-label]:after {
  background: #00bcd4;
  color: #f8f9fa;
}
.dark-blue-theme .material-switch > input,
.dark-blue-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.dark-blue-theme .material-switch > span:after {
  background-color: #263238;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.dark-blue-theme .material-switch > input:checked {
  background-color: #00bcd4;
}
.dark-blue-theme .material-switch > input:checked + span:before {
  background-color: #6eefff;
}
.dark-blue-theme .material-switch > input:checked + span:after {
  background-color: #00bcd4;
}
.dark-blue-theme .material-switch > input:active + span:before {
  background-color: #6eefff;
}
.dark-blue-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.dark-blue-theme .material-switch > input:disabled + span {
  color: #000;
}
.dark-blue-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.dark-blue-theme .material-switch > input:checked:disabled + span:before {
  background-color: #6eefff;
}
.dark-blue-theme .setting-sunheading {
  color: #a2a2a2;
}
.dark-blue-theme .modal-content .ca-profile-name {
  color: #263238;
}
.dark-blue-theme .theme-customizer.active {
  background: #37474f;
}
.dark-blue-theme .theme-customizer-opener {
  background: #37474f;
  border: 1px solid #37474f;
}
.dark-darkblue-theme body {
  color: #d3d4d5;
}
.dark-darkblue-theme body.rtl .ca-content-wrapper,
.dark-darkblue-theme body.rtl .information-panel {
  border-right: 1px solid #37474f;
}
.dark-darkblue-theme .mdi {
  color: #949aa2;
}
.dark-darkblue-theme .text-danger .mdi {
  color: #dc3545;
}
.dark-darkblue-theme .dropdown-item.active,
.dark-darkblue-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.dark-darkblue-theme .badge-info,
.dark-darkblue-theme .badge-primary,
.dark-darkblue-theme .nav-pills .nav-link.active,
.dark-darkblue-theme .nav-pills .show > .nav-link {
  background-color: #3f51b5;
}
.dark-darkblue-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.dark-darkblue-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.dark-darkblue-theme .accordion.accordion-ungrouped .card,
.dark-darkblue-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-darkblue-theme .call-hangup {
  background: #f44336;
}
.dark-darkblue-theme .call-hangup i {
  color: #263238;
}
.dark-darkblue-theme .call-pickup {
  background: #3cd572;
}
.dark-darkblue-theme .call-pickup i {
  color: #263238;
}
.dark-darkblue-theme .call-pickup:after,
.dark-darkblue-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.dark-darkblue-theme .call-options__iconbox.active,
.dark-darkblue-theme .call-options__iconbox:hover {
  background: #263238;
}
.dark-darkblue-theme .call-options h6 {
  color: #8d9093;
}
.dark-darkblue-theme .icvideocallwrapper .icvideo-user img {
  background-color: #263238;
}
.dark-darkblue-theme .userprofile-name span {
  color: #979797;
}
.dark-darkblue-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.dark-darkblue-theme .calller-group .user-avatar .caller-mute i {
  color: #263238;
}
.dark-darkblue-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #263238;
}
.dark-darkblue-theme .chatstyle-01 .ca-received__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-darkblue-theme .chatstyle-01 .ca-send__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-darkblue-theme .chatstyle-01 .metadata .time {
  color: #8da4bd;
}
.dark-darkblue-theme .composer__left--sticker {
  background: #e4e7f6;
}
.dark-darkblue-theme .composer__left--sticker i:before {
  color: #3f51b5;
}
.dark-darkblue-theme .composer__left--emoticon i:hover,
.dark-darkblue-theme .composer__middle--attachment i:hover,
.dark-darkblue-theme .composer__middle--microphone i:hover,
.dark-darkblue-theme .composer__middle--photo i:hover {
  color: #3f51b5;
}
.dark-darkblue-theme .composer__right--send {
  background: #3f51b5;
}
.dark-darkblue-theme .composer__right--send i {
  color: #263238;
}
.dark-darkblue-theme .dial-pad-wrap .dial-screen {
  background: #263238;
  border: 1px solid #263238;
}
.dark-darkblue-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #263238;
}
.dark-darkblue-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.dark-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.dark-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #263238;
  background: #3f51b5;
}
.dark-darkblue-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.dark-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.dark-darkblue-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #263238;
}
.dark-darkblue-theme .iconbox-dropdown.show .iconbox,
.dark-darkblue-theme .iconbox.btn-hovered-light:active,
.dark-darkblue-theme .iconbox.btn-hovered-light:focus,
.dark-darkblue-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-darkblue-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #37474f;
}
.dark-darkblue-theme .iconbox.btn-outline-light:active,
.dark-darkblue-theme .iconbox.btn-outline-light:focus,
.dark-darkblue-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-darkblue-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.dark-darkblue-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.dark-darkblue-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.dark-darkblue-theme .iconbox.btn-solid-info {
  background: #3f51b5;
}
.dark-darkblue-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.dark-darkblue-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.dark-darkblue-theme .iconbox.btn-solid-danger .mdi,
.dark-darkblue-theme .iconbox.btn-solid-info .mdi,
.dark-darkblue-theme .iconbox.btn-solid-primary .mdi,
.dark-darkblue-theme .iconbox.btn-solid-secondary .mdi,
.dark-darkblue-theme .iconbox.btn-solid-success .mdi,
.dark-darkblue-theme .iconbox.btn-solid-warning .mdi {
  color: #263238;
}
.dark-darkblue-theme .information-panel {
  background: #263238;
  border-left: 1px solid #37474f;
}
.dark-darkblue-theme .information-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-darkblue-theme .information-panel__closer:hover {
  background: #263238;
}
.dark-darkblue-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #3f51b5;
}
.dark-darkblue-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-darkblue-theme body.info-panel-opened .group-information-panel,
.dark-darkblue-theme body.info-panel-opened .personal-information-panel {
  background: #263238;
}
.dark-darkblue-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-darkblue-theme .doclistall {
  background: #263238;
}
.dark-darkblue-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.dark-darkblue-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #37474f;
}
.dark-darkblue-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.dark-darkblue-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.dark-darkblue-theme .iconbox-searchbar .search-submit:active,
.dark-darkblue-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-darkblue-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.dark-darkblue-theme .user-avatar span {
  color: inherit;
}
.dark-darkblue-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.dark-darkblue-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.dark-darkblue-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #3f51b5;
}
.dark-darkblue-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.dark-darkblue-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.dark-darkblue-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.dark-darkblue-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.dark-darkblue-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.dark-darkblue-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.dark-darkblue-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.dark-darkblue-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.dark-darkblue-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.dark-darkblue-theme .user-avatar-closer {
  background: #dc3545;
}
.dark-darkblue-theme .user-avatar-closer .mdi {
  color: #263238;
}
.dark-darkblue-theme .calllist {
  border-bottom: 1px solid #37474f;
}
.dark-darkblue-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-darkblue-theme .calllist.active:before {
  background: #3f51b5;
}
.dark-darkblue-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-darkblue-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.dark-darkblue-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #37474f;
}
.dark-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.dark-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.dark-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.dark-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.dark-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.dark-darkblue-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.dark-darkblue-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.dark-darkblue-theme .contactlist {
  border-bottom: 1px solid #37474f;
}
.dark-darkblue-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-darkblue-theme .contactlist.active:before {
  background: #3f51b5;
}
.dark-darkblue-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-darkblue-theme .alphabet-series {
  background: #37474f;
  border-right: 1px solid #37474f;
}
.dark-darkblue-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.dark-darkblue-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.dark-darkblue-theme .ca-profile-actions {
  background: #263238;
}
.dark-darkblue-theme .conversation {
  border-bottom: 1px solid #37474f;
}
.dark-darkblue-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-darkblue-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.dark-darkblue-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.dark-darkblue-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.dark-darkblue-theme .conversation__message {
  color: #a2a2a2;
}
.dark-darkblue-theme .conversation__time {
  color: #8da4bd;
}
.dark-darkblue-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-darkblue-theme .conversation.active:before {
  background: #3f51b5;
}
.dark-darkblue-theme .conversation-wrapper .conversation-panel {
  background: #263238;
}
.dark-darkblue-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-darkblue-theme .conversation-wrapper .conversation-panel__footer,
.dark-darkblue-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #263238;
}
.dark-darkblue-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #d3d4d5;
}
.dark-darkblue-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.dark-darkblue-theme .chat-date span:after,
.dark-darkblue-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.dark-darkblue-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #37474f;
}
.dark-darkblue-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #37474f;
}
.dark-darkblue-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #263238;
}
.dark-darkblue-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #3f51b5;
}
.dark-darkblue-theme .nav-style-vertical-1 .nav-link:hover {
  background: #263238;
}
.dark-darkblue-theme .setting-sunheading.setting-sunheading-style01 {
  background: #3f51b5;
  color: #263238;
}
.dark-darkblue-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.dark-darkblue-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-darkblue-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.dark-darkblue-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.dark-darkblue-theme .ca-sidebar__header,
.dark-darkblue-theme .ps-list {
  border-bottom: 1px solid #37474f;
}
.dark-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.dark-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.dark-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #3f51b5;
}
.dark-darkblue-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-2 ul.nav {
  background: transparent;
}
.dark-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #263238;
}
.dark-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.dark-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.dark-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.dark-darkblue-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.dark-darkblue-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #3f51b5;
}
.dark-darkblue-theme .mfb-component__button--main .mdi,
.dark-darkblue-theme .mfb-component__button--main:focus,
.dark-darkblue-theme .mfb-component__button--main:hover {
  color: #263238;
}
.dark-darkblue-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #6c757d;
}
.dark-darkblue-theme .mfb-component__button--child .mdi,
.dark-darkblue-theme .mfb-component__button--child:focus,
.dark-darkblue-theme .mfb-component__button--child:hover {
  color: #263238;
}
.dark-darkblue-theme [data-mfb-label]:after {
  background: #3f51b5;
  color: #f8f9fa;
}
.dark-darkblue-theme .material-switch > input,
.dark-darkblue-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.dark-darkblue-theme .material-switch > span:after {
  background-color: #263238;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.dark-darkblue-theme .material-switch > input:checked {
  background-color: #3f51b5;
}
.dark-darkblue-theme .material-switch > input:checked + span:before {
  background-color: #abb4e2;
}
.dark-darkblue-theme .material-switch > input:checked + span:after {
  background-color: #3f51b5;
}
.dark-darkblue-theme .material-switch > input:active + span:before {
  background-color: #abb4e2;
}
.dark-darkblue-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.dark-darkblue-theme .material-switch > input:disabled + span {
  color: #000;
}
.dark-darkblue-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.dark-darkblue-theme .material-switch > input:checked:disabled + span:before {
  background-color: #abb4e2;
}
.dark-darkblue-theme .setting-sunheading {
  color: #a2a2a2;
}
.dark-darkblue-theme .modal-content .ca-profile-name {
  color: #263238;
}
.dark-darkblue-theme .theme-customizer.active {
  background: #37474f;
}
.dark-darkblue-theme .theme-customizer-opener {
  background: #37474f;
  border: 1px solid #37474f;
}
.dark-lightpink-theme body {
  color: #d3d4d5;
}
.dark-lightpink-theme body.rtl .ca-content-wrapper,
.dark-lightpink-theme body.rtl .information-panel {
  border-right: 1px solid #37474f;
}
.dark-lightpink-theme .mdi {
  color: #949aa2;
}
.dark-lightpink-theme .text-danger .mdi {
  color: #dc3545;
}
.dark-lightpink-theme .dropdown-item.active,
.dark-lightpink-theme .dropdown-item:active {
  background: #f8f9fa;
  color: inherit;
}
.dark-lightpink-theme .badge-info,
.dark-lightpink-theme .badge-primary,
.dark-lightpink-theme .nav-pills .nav-link.active,
.dark-lightpink-theme .nav-pills .show > .nav-link {
  background-color: #f48fb1;
}
.dark-lightpink-theme .accordion.settings-accordion .card {
  overflow: initial;
}
.dark-lightpink-theme .accordion.settings-accordion .card .card-header {
  background: transparent;
}
.dark-lightpink-theme .accordion.accordion-ungrouped .card,
.dark-lightpink-theme
  .accordion.accordion-ungrouped
  .card:not(:first-of-type):not(:last-of-type) {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-lightpink-theme .call-hangup {
  background: #f44336;
}
.dark-lightpink-theme .call-hangup i {
  color: #263238;
}
.dark-lightpink-theme .call-pickup {
  background: #3cd572;
}
.dark-lightpink-theme .call-pickup i {
  color: #263238;
}
.dark-lightpink-theme .call-pickup:after,
.dark-lightpink-theme .call-pickup:before {
  border: 2px solid #3cd572;
}
.dark-lightpink-theme .call-options__iconbox.active,
.dark-lightpink-theme .call-options__iconbox:hover {
  background: #263238;
}
.dark-lightpink-theme .call-options h6 {
  color: #8d9093;
}
.dark-lightpink-theme .icvideocallwrapper .icvideo-user img {
  background-color: #263238;
}
.dark-lightpink-theme .userprofile-name span {
  color: #979797;
}
.dark-lightpink-theme .calller-group .user-avatar .caller-mute {
  background: #f44336;
}
.dark-lightpink-theme .calller-group .user-avatar .caller-mute i {
  color: #263238;
}
.dark-lightpink-theme
  .profile-dialog
  .modal-content
  .modal-body
  .profile-settings-list {
  background: #263238;
}
.dark-lightpink-theme .chatstyle-01 .ca-received__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-lightpink-theme .chatstyle-01 .ca-send__msg {
  background: #263238;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-lightpink-theme .chatstyle-01 .metadata .time {
  color: #8da4bd;
}
.dark-lightpink-theme .composer__left--sticker {
  background: #fff;
}
.dark-lightpink-theme .composer__left--sticker i:before {
  color: #f48fb1;
}
.dark-lightpink-theme .composer__left--emoticon i:hover,
.dark-lightpink-theme .composer__middle--attachment i:hover,
.dark-lightpink-theme .composer__middle--microphone i:hover,
.dark-lightpink-theme .composer__middle--photo i:hover {
  color: #f48fb1;
}
.dark-lightpink-theme .composer__right--send {
  background: #f48fb1;
}
.dark-lightpink-theme .composer__right--send i {
  color: #263238;
}
.dark-lightpink-theme .dial-pad-wrap .dial-screen {
  background: #263238;
  border: 1px solid #263238;
}
.dark-lightpink-theme .dial-pad-wrap .dial-table .dial-table-col {
  border: 1px solid #263238;
}
.dark-lightpink-theme .dial-pad-wrap .dial-table .dial-sub-key {
  color: #aaa;
}
.dark-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap.active,
.dark-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover {
  color: #263238;
  background: #f48fb1;
}
.dark-lightpink-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap.active
  .dial-sub-key,
.dark-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap.active .mdi,
.dark-lightpink-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #263238;
}
.dark-lightpink-theme .iconbox-dropdown.show .iconbox,
.dark-lightpink-theme .iconbox.btn-hovered-light:active,
.dark-lightpink-theme .iconbox.btn-hovered-light:focus,
.dark-lightpink-theme .iconbox.btn-hovered-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-lightpink-theme .iconbox.btn-outline-light {
  color: inherit;
  border: 1px solid #37474f;
}
.dark-lightpink-theme .iconbox.btn-outline-light:active,
.dark-lightpink-theme .iconbox.btn-outline-light:focus,
.dark-lightpink-theme .iconbox.btn-outline-light:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-lightpink-theme .iconbox.btn-solid-primary {
  background: #ae6eea;
}
.dark-lightpink-theme .iconbox.btn-solid-secondary {
  background: #6c757d;
}
.dark-lightpink-theme .iconbox.btn-solid-success {
  background: #20c997;
}
.dark-lightpink-theme .iconbox.btn-solid-info {
  background: #f48fb1;
}
.dark-lightpink-theme .iconbox.btn-solid-warning {
  background: #ffc107;
}
.dark-lightpink-theme .iconbox.btn-solid-danger {
  background: #dc3545;
}
.dark-lightpink-theme .iconbox.btn-solid-danger .mdi,
.dark-lightpink-theme .iconbox.btn-solid-info .mdi,
.dark-lightpink-theme .iconbox.btn-solid-primary .mdi,
.dark-lightpink-theme .iconbox.btn-solid-secondary .mdi,
.dark-lightpink-theme .iconbox.btn-solid-success .mdi,
.dark-lightpink-theme .iconbox.btn-solid-warning .mdi {
  color: #263238;
}
.dark-lightpink-theme .information-panel {
  background: #263238;
  border-left: 1px solid #37474f;
}
.dark-lightpink-theme .information-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-lightpink-theme .information-panel__closer:hover {
  background: #263238;
}
.dark-lightpink-theme
  .information-panel__body
  .social-icon-box
  .social-icon:hover
  i {
  color: #f48fb1;
}
.dark-lightpink-theme
  .information-panel__body
  .accordion.accordion-ungrouped
  .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.dark-lightpink-theme body.info-panel-opened .group-information-panel,
.dark-lightpink-theme body.info-panel-opened .personal-information-panel {
  background: #263238;
}
.dark-lightpink-theme .documentlist-wrapper li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-lightpink-theme .doclistall {
  background: #263238;
}
.dark-lightpink-theme .iconbox-searchbar {
  border-bottom: 1px solid transparent;
}
.dark-lightpink-theme .iconbox-searchbar.search-visible {
  border-bottom: 1px solid #37474f;
}
.dark-lightpink-theme .iconbox-searchbar .search-close {
  color: inherit;
}
.dark-lightpink-theme .iconbox-searchbar .search-submit {
  background-color: transparent;
}
.dark-lightpink-theme .iconbox-searchbar .search-submit:active,
.dark-lightpink-theme .iconbox-searchbar .search-submit:hover {
  background: rgba(60, 64, 67, 0.078);
}
.dark-lightpink-theme .user-avatar-group .user-avatar {
  border: 2px solid #fff;
}
.dark-lightpink-theme .user-avatar span {
  color: inherit;
}
.dark-lightpink-theme .user-avatar.avatar-primary {
  background: #ecddfa;
  color: #ae6eea;
}
.dark-lightpink-theme .user-avatar.avatar-primary .mdi:before {
  color: #ae6eea;
}
.dark-lightpink-theme .user-avatar.avatar-info {
  background: #cce5ff;
  color: #f48fb1;
}
.dark-lightpink-theme .user-avatar.avatar-info .mdi:before {
  color: #007bff;
}
.dark-lightpink-theme .user-avatar.avatar-success {
  background: #c0f5e5;
  color: #20c997;
}
.dark-lightpink-theme .user-avatar.avatar-success .mdi:before {
  color: #20c997;
}
.dark-lightpink-theme .user-avatar.avatar-danger {
  background: #fae3e5;
  color: #dc3545;
}
.dark-lightpink-theme .user-avatar.avatar-danger .mdi:before {
  color: #dc3545;
}
.dark-lightpink-theme .user-avatar.avatar-warning {
  background: #fff4d3;
  color: #ffc107;
}
.dark-lightpink-theme .user-avatar.avatar-warning .mdi:before {
  color: #ffc107;
}
.dark-lightpink-theme .user-avatar.avatar-secondary {
  background: #d8dbdd;
  color: #6c757d;
}
.dark-lightpink-theme .user-avatar.avatar-secondary .mdi:before {
  color: #6c757d;
}
.dark-lightpink-theme .user-avatar-closer {
  background: #dc3545;
}
.dark-lightpink-theme .user-avatar-closer .mdi {
  color: #263238;
}
.dark-lightpink-theme .calllist {
  border-bottom: 1px solid #37474f;
}
.dark-lightpink-theme .calllist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-lightpink-theme .calllist.active:before {
  background: #f48fb1;
}
.dark-lightpink-theme .calllist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-lightpink-theme .ca-content__callstab .ca-call-details-card {
  background: #f8f9fa;
}
.dark-lightpink-theme .ca-call-details-history .call-outline-btn {
  border: 1px solid #37474f;
}
.dark-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon {
  border-color: #20c997;
}
.dark-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-incoming-icon
  .mdi {
  color: #20c997;
}
.dark-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon {
  border-color: #ffc107;
}
.dark-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-outgoing-icon
  .mdi {
  color: #ffc107;
}
.dark-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon {
  border-color: #dc3545;
}
.dark-lightpink-theme
  .ca-call-details-history
  .call-outline-btn.call-missed-icon
  .mdi {
  color: #dc3545;
}
.dark-lightpink-theme
  .ca-call-details-history
  .ca-call-history__right
  .ca-call-duration {
  color: #858585;
}
.dark-lightpink-theme .contactlist {
  border-bottom: 1px solid #37474f;
}
.dark-lightpink-theme .contactlist.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-lightpink-theme .contactlist.active:before {
  background: #f48fb1;
}
.dark-lightpink-theme .contactlist .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-lightpink-theme .alphabet-series {
  background: #37474f;
  border-right: 1px solid #37474f;
}
.dark-lightpink-theme .ca-profile-info .ca-profile-pic {
  border: 0.25rem solid #f8f9fa;
}
.dark-lightpink-theme .ca-overlay {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.125));
}
.dark-lightpink-theme .ca-profile-actions {
  background: #263238;
}
.dark-lightpink-theme .conversation {
  border-bottom: 1px solid #37474f;
}
.dark-lightpink-theme .conversation .user-avatar {
  box-shadow: inset 0 0 0.8125rem 0.1875rem rgba(0, 0, 0, 0.125);
}
.dark-lightpink-theme .conversation .user-avatar.online:after {
  background: #20c997;
}
.dark-lightpink-theme .conversation .user-avatar.offline:after {
  background: #6c757d;
}
.dark-lightpink-theme .conversation .user-avatar.recently-active:after {
  background: #ffc107;
}
.dark-lightpink-theme .conversation__message {
  color: #a2a2a2;
}
.dark-lightpink-theme .conversation__time {
  color: #8da4bd;
}
.dark-lightpink-theme .conversation.active {
  background: rgba(0, 123, 255, 0.05);
}
.dark-lightpink-theme .conversation.active:before {
  background: #f48fb1;
}
.dark-lightpink-theme .conversation-wrapper .conversation-panel {
  background: #263238;
}
.dark-lightpink-theme .conversation-wrapper .conversation-panel__head {
  border-bottom: 1px solid #37474f;
}
.dark-lightpink-theme .conversation-wrapper .conversation-panel__footer,
.dark-lightpink-theme
  .conversation-wrapper
  .conversation-panel__head
  .conversation__actions
  .action-icon:hover {
  background: #263238;
}
.dark-lightpink-theme
  .conversation-wrapper
  .information-panel__body
  .user-table-info {
  color: #d3d4d5;
}
.dark-lightpink-theme .chat-date {
  color: rgba(34, 34, 34, 0.4);
}
.dark-lightpink-theme .chat-date span:after,
.dark-lightpink-theme .chat-date span:before {
  background-color: rgba(34, 34, 34, 0.1);
}
.dark-lightpink-theme .ca-main-wrapper .ca-sidebar-wrapper {
  border-right: 1px solid #37474f;
}
.dark-lightpink-theme .nav-style-vertical-1 .nav.flex-column {
  border-right: 1px solid #37474f;
}
.dark-lightpink-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #263238;
}
.dark-lightpink-theme .nav-style-vertical-1 .nav-link.active:hover {
  background: #f48fb1;
}
.dark-lightpink-theme .nav-style-vertical-1 .nav-link:hover {
  background: #263238;
}
.dark-lightpink-theme .setting-sunheading.setting-sunheading-style01 {
  background: #f48fb1;
  color: #263238;
}
.dark-lightpink-theme
  .ca-setting-list
  .ca-setting-type
  .ca-setting-name
  .ca-setting-name-sub {
  color: #a2a2a2;
}
.dark-lightpink-theme .ca-setting-list li:not(:last-of-type) {
  border-bottom: 1px solid #37474f;
}
.dark-lightpink-theme .ca-setting-list .btn-link.dropdown-toggle {
  color: inherit;
}
.dark-lightpink-theme .ca-sidebar__body .ca-navigation-tabs .nav-style-1 ul.nav,
.dark-lightpink-theme .ca-sidebar__header,
.dark-lightpink-theme .ps-list {
  border-bottom: 1px solid #37474f;
}
.dark-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a {
  color: inherit;
}
.dark-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active,
.dark-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-1
  ul.nav
  li
  a.active
  .mdi {
  color: #f48fb1;
}
.dark-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav {
  background: transparent;
}
.dark-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #263238;
}
.dark-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a {
  color: #949aa2;
}
.dark-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active,
.dark-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li
  a.active
  .mdi {
  color: #f8f9fa;
}
.dark-lightpink-theme #caChatsTabInside .nav-link.active .badge-primary {
  color: #212529;
  background-color: #f8f9fa;
}
.dark-lightpink-theme .mfb-component__button--main {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #f48fb1;
}
.dark-lightpink-theme .mfb-component__button--main .mdi,
.dark-lightpink-theme .mfb-component__button--main:focus,
.dark-lightpink-theme .mfb-component__button--main:hover {
  color: #263238;
}
.dark-lightpink-theme .mfb-component__button--child {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #263238;
  background-color: #6c757d;
}
.dark-lightpink-theme .mfb-component__button--child .mdi,
.dark-lightpink-theme .mfb-component__button--child:focus,
.dark-lightpink-theme .mfb-component__button--child:hover {
  color: #263238;
}
.dark-lightpink-theme [data-mfb-label]:after {
  background: #f48fb1;
  color: #f8f9fa;
}
.dark-lightpink-theme .material-switch > input,
.dark-lightpink-theme .material-switch > span:before {
  background-color: #b3b3b3;
}
.dark-lightpink-theme .material-switch > span:after {
  background-color: #263238;
  box-shadow: 0 3px 1px -2px #e6e6e6, 0 2px 2px 0 #d4d4d4, 0 1px 5px 0 #d1d1d1;
}
.dark-lightpink-theme .material-switch > input:checked {
  background-color: #f48fb1;
}
.dark-lightpink-theme .material-switch > input:checked + span:before {
  background-color: #fff;
}
.dark-lightpink-theme .material-switch > input:checked + span:after {
  background-color: #f48fb1;
}
.dark-lightpink-theme .material-switch > input:active + span:before {
  background-color: #fff;
}
.dark-lightpink-theme .material-switch > input:checked:active + span:before {
  background-color: #96a0aa;
}
.dark-lightpink-theme .material-switch > input:disabled + span {
  color: #000;
}
.dark-lightpink-theme .material-switch > input:disabled + span:before {
  background-color: #96a0aa;
}
.dark-lightpink-theme .material-switch > input:checked:disabled + span:before {
  background-color: #fff;
}
.dark-lightpink-theme .setting-sunheading {
  color: #a2a2a2;
}
.dark-lightpink-theme .modal-content .ca-profile-name {
  color: #263238;
}
.dark-lightpink-theme .theme-customizer.active {
  background: #37474f;
}
.dark-lightpink-theme .theme-customizer-opener {
  background: #37474f;
  border: 1px solid #37474f;
}
.dark-blue-theme,
.dark-darkblue-theme,
.dark-default-theme,
.dark-green-theme,
.dark-lightpink-theme,
.dark-orange-theme,
.dark-pink-theme,
.dark-purple-theme,
.dark-red-theme {
  background-color: #263238;
  color: #d3d4d5;
}
.dark-blue-theme .chatstyle-01 .ca-received__msg,
.dark-darkblue-theme .chatstyle-01 .ca-received__msg,
.dark-default-theme .chatstyle-01 .ca-received__msg,
.dark-green-theme .chatstyle-01 .ca-received__msg,
.dark-lightpink-theme .chatstyle-01 .ca-received__msg,
.dark-orange-theme .chatstyle-01 .ca-received__msg,
.dark-pink-theme .chatstyle-01 .ca-received__msg,
.dark-purple-theme .chatstyle-01 .ca-received__msg,
.dark-red-theme .chatstyle-01 .ca-received__msg {
  background: #4c636e;
}
.dark-blue-theme .chatstyle-01 .ca-send__msg,
.dark-darkblue-theme .chatstyle-01 .ca-send__msg,
.dark-default-theme .chatstyle-01 .ca-send__msg,
.dark-green-theme .chatstyle-01 .ca-send__msg,
.dark-lightpink-theme .chatstyle-01 .ca-send__msg,
.dark-orange-theme .chatstyle-01 .ca-send__msg,
.dark-pink-theme .chatstyle-01 .ca-send__msg,
.dark-purple-theme .chatstyle-01 .ca-send__msg,
.dark-red-theme .chatstyle-01 .ca-send__msg {
  color: #fff;
}
.dark-blue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li,
.dark-darkblue-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li,
.dark-default-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li,
.dark-green-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li,
.dark-lightpink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li,
.dark-orange-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li,
.dark-pink-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li,
.dark-purple-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li,
.dark-red-theme
  .ca-sidebar__body
  .ca-navigation-tabs
  .nav-style-2
  ul.nav
  li {
  background: #37474f;
}
.dark-blue-theme .mfb-component__button--child .mdi,
.dark-blue-theme .mfb-component__button--child:focus,
.dark-blue-theme .mfb-component__button--child:hover,
.dark-blue-theme .mfb-component__button--main .mdi,
.dark-blue-theme .mfb-component__button--main:focus,
.dark-blue-theme .mfb-component__button--main:hover,
.dark-darkblue-theme .mfb-component__button--child .mdi,
.dark-darkblue-theme .mfb-component__button--child:focus,
.dark-darkblue-theme .mfb-component__button--child:hover,
.dark-darkblue-theme .mfb-component__button--main .mdi,
.dark-darkblue-theme .mfb-component__button--main:focus,
.dark-darkblue-theme .mfb-component__button--main:hover,
.dark-default-theme .mfb-component__button--child .mdi,
.dark-default-theme .mfb-component__button--child:focus,
.dark-default-theme .mfb-component__button--child:hover,
.dark-default-theme .mfb-component__button--main .mdi,
.dark-default-theme .mfb-component__button--main:focus,
.dark-default-theme .mfb-component__button--main:hover,
.dark-green-theme .mfb-component__button--child .mdi,
.dark-green-theme .mfb-component__button--child:focus,
.dark-green-theme .mfb-component__button--child:hover,
.dark-green-theme .mfb-component__button--main .mdi,
.dark-green-theme .mfb-component__button--main:focus,
.dark-green-theme .mfb-component__button--main:hover,
.dark-lightpink-theme .mfb-component__button--child .mdi,
.dark-lightpink-theme .mfb-component__button--child:focus,
.dark-lightpink-theme .mfb-component__button--child:hover,
.dark-lightpink-theme .mfb-component__button--main .mdi,
.dark-lightpink-theme .mfb-component__button--main:focus,
.dark-lightpink-theme .mfb-component__button--main:hover,
.dark-orange-theme .mfb-component__button--child .mdi,
.dark-orange-theme .mfb-component__button--child:focus,
.dark-orange-theme .mfb-component__button--child:hover,
.dark-orange-theme .mfb-component__button--main .mdi,
.dark-orange-theme .mfb-component__button--main:focus,
.dark-orange-theme .mfb-component__button--main:hover,
.dark-pink-theme .mfb-component__button--child .mdi,
.dark-pink-theme .mfb-component__button--child:focus,
.dark-pink-theme .mfb-component__button--child:hover,
.dark-pink-theme .mfb-component__button--main .mdi,
.dark-pink-theme .mfb-component__button--main:focus,
.dark-pink-theme .mfb-component__button--main:hover,
.dark-purple-theme .mfb-component__button--child .mdi,
.dark-purple-theme .mfb-component__button--child:focus,
.dark-purple-theme .mfb-component__button--child:hover,
.dark-purple-theme .mfb-component__button--main .mdi,
.dark-purple-theme .mfb-component__button--main:focus,
.dark-purple-theme .mfb-component__button--main:hover,
.dark-red-theme .mfb-component__button--child .mdi,
.dark-red-theme .mfb-component__button--child:focus,
.dark-red-theme .mfb-component__button--child:hover,
.dark-red-theme .mfb-component__button--main .mdi,
.dark-red-theme .mfb-component__button--main:focus,
.dark-red-theme .mfb-component__button--main:hover {
  color: #f4f4f4;
}
.dark-blue-theme .ca-content__callstab .ca-call-details-card,
.dark-blue-theme .composer__left--sticker,
.dark-darkblue-theme .ca-content__callstab .ca-call-details-card,
.dark-darkblue-theme .composer__left--sticker,
.dark-default-theme .ca-content__callstab .ca-call-details-card,
.dark-default-theme .composer__left--sticker,
.dark-green-theme .ca-content__callstab .ca-call-details-card,
.dark-green-theme .composer__left--sticker,
.dark-lightpink-theme .ca-content__callstab .ca-call-details-card,
.dark-lightpink-theme .composer__left--sticker,
.dark-orange-theme .ca-content__callstab .ca-call-details-card,
.dark-orange-theme .composer__left--sticker,
.dark-pink-theme .ca-content__callstab .ca-call-details-card,
.dark-pink-theme .composer__left--sticker,
.dark-purple-theme .ca-content__callstab .ca-call-details-card,
.dark-purple-theme .composer__left--sticker,
.dark-red-theme .ca-content__callstab .ca-call-details-card,
.dark-red-theme .composer__left--sticker {
  background: #37474f;
}
.dark-blue-theme .composer__right--send i,
.dark-blue-theme .iconbox.btn-solid-danger .mdi,
.dark-blue-theme .iconbox.btn-solid-info .mdi,
.dark-blue-theme .iconbox.btn-solid-primary .mdi,
.dark-blue-theme .iconbox.btn-solid-secondary .mdi,
.dark-blue-theme .iconbox.btn-solid-success .mdi,
.dark-blue-theme .iconbox.btn-solid-warning .mdi,
.dark-darkblue-theme .composer__right--send i,
.dark-darkblue-theme .iconbox.btn-solid-danger .mdi,
.dark-darkblue-theme .iconbox.btn-solid-info .mdi,
.dark-darkblue-theme .iconbox.btn-solid-primary .mdi,
.dark-darkblue-theme .iconbox.btn-solid-secondary .mdi,
.dark-darkblue-theme .iconbox.btn-solid-success .mdi,
.dark-darkblue-theme .iconbox.btn-solid-warning .mdi,
.dark-default-theme .composer__right--send i,
.dark-default-theme .iconbox.btn-solid-danger .mdi,
.dark-default-theme .iconbox.btn-solid-info .mdi,
.dark-default-theme .iconbox.btn-solid-primary .mdi,
.dark-default-theme .iconbox.btn-solid-secondary .mdi,
.dark-default-theme .iconbox.btn-solid-success .mdi,
.dark-default-theme .iconbox.btn-solid-warning .mdi,
.dark-green-theme .composer__right--send i,
.dark-green-theme .iconbox.btn-solid-danger .mdi,
.dark-green-theme .iconbox.btn-solid-info .mdi,
.dark-green-theme .iconbox.btn-solid-primary .mdi,
.dark-green-theme .iconbox.btn-solid-secondary .mdi,
.dark-green-theme .iconbox.btn-solid-success .mdi,
.dark-green-theme .iconbox.btn-solid-warning .mdi,
.dark-lightpink-theme .composer__right--send i,
.dark-lightpink-theme .iconbox.btn-solid-danger .mdi,
.dark-lightpink-theme .iconbox.btn-solid-info .mdi,
.dark-lightpink-theme .iconbox.btn-solid-primary .mdi,
.dark-lightpink-theme .iconbox.btn-solid-secondary .mdi,
.dark-lightpink-theme .iconbox.btn-solid-success .mdi,
.dark-lightpink-theme .iconbox.btn-solid-warning .mdi,
.dark-orange-theme .composer__right--send i,
.dark-orange-theme .iconbox.btn-solid-danger .mdi,
.dark-orange-theme .iconbox.btn-solid-info .mdi,
.dark-orange-theme .iconbox.btn-solid-primary .mdi,
.dark-orange-theme .iconbox.btn-solid-secondary .mdi,
.dark-orange-theme .iconbox.btn-solid-success .mdi,
.dark-orange-theme .iconbox.btn-solid-warning .mdi,
.dark-pink-theme .composer__right--send i,
.dark-pink-theme .iconbox.btn-solid-danger .mdi,
.dark-pink-theme .iconbox.btn-solid-info .mdi,
.dark-pink-theme .iconbox.btn-solid-primary .mdi,
.dark-pink-theme .iconbox.btn-solid-secondary .mdi,
.dark-pink-theme .iconbox.btn-solid-success .mdi,
.dark-pink-theme .iconbox.btn-solid-warning .mdi,
.dark-purple-theme .composer__right--send i,
.dark-purple-theme .iconbox.btn-solid-danger .mdi,
.dark-purple-theme .iconbox.btn-solid-info .mdi,
.dark-purple-theme .iconbox.btn-solid-primary .mdi,
.dark-purple-theme .iconbox.btn-solid-secondary .mdi,
.dark-purple-theme .iconbox.btn-solid-success .mdi,
.dark-purple-theme .iconbox.btn-solid-warning .mdi,
.dark-red-theme .composer__right--send i,
.dark-red-theme .iconbox.btn-solid-danger .mdi,
.dark-red-theme .iconbox.btn-solid-info .mdi,
.dark-red-theme .iconbox.btn-solid-primary .mdi,
.dark-red-theme .iconbox.btn-solid-secondary .mdi,
.dark-red-theme .iconbox.btn-solid-success .mdi,
.dark-red-theme .iconbox.btn-solid-warning .mdi {
  color: #f4f4f4;
}
.dark-blue-theme .modal-content,
.dark-darkblue-theme .modal-content,
.dark-default-theme .modal-content,
.dark-green-theme .modal-content,
.dark-lightpink-theme .modal-content,
.dark-orange-theme .modal-content,
.dark-pink-theme .modal-content,
.dark-purple-theme .modal-content,
.dark-red-theme .modal-content {
  background: #37474f;
}
.dark-blue-theme .call-hangup i,
.dark-darkblue-theme .call-hangup i,
.dark-default-theme .call-hangup i,
.dark-green-theme .call-hangup i,
.dark-lightpink-theme .call-hangup i,
.dark-orange-theme .call-hangup i,
.dark-pink-theme .call-hangup i,
.dark-purple-theme .call-hangup i,
.dark-red-theme .call-hangup i {
  color: #f4f4f4;
}
.dark-blue-theme .border,
.dark-darkblue-theme .border,
.dark-default-theme .border,
.dark-green-theme .border,
.dark-lightpink-theme .border,
.dark-orange-theme .border,
.dark-pink-theme .border,
.dark-purple-theme .border,
.dark-red-theme .border {
  border-color: #37474f !important;
}
.dark-blue-theme .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-blue-theme .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-blue-theme .setting-sunheading.setting-sunheading-style01,
.dark-blue-theme .show > .btn-outline-light.dropdown-toggle,
.dark-darkblue-theme
  .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-darkblue-theme
  .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-darkblue-theme .setting-sunheading.setting-sunheading-style01,
.dark-darkblue-theme .show > .btn-outline-light.dropdown-toggle,
.dark-default-theme .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-default-theme .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-default-theme .setting-sunheading.setting-sunheading-style01,
.dark-default-theme .show > .btn-outline-light.dropdown-toggle,
.dark-green-theme .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-green-theme .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-green-theme .setting-sunheading.setting-sunheading-style01,
.dark-green-theme .show > .btn-outline-light.dropdown-toggle,
.dark-lightpink-theme
  .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-lightpink-theme
  .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-lightpink-theme .setting-sunheading.setting-sunheading-style01,
.dark-lightpink-theme .show > .btn-outline-light.dropdown-toggle,
.dark-orange-theme .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-orange-theme .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-orange-theme .setting-sunheading.setting-sunheading-style01,
.dark-orange-theme .show > .btn-outline-light.dropdown-toggle,
.dark-pink-theme .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-pink-theme .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-pink-theme .setting-sunheading.setting-sunheading-style01,
.dark-pink-theme .show > .btn-outline-light.dropdown-toggle,
.dark-purple-theme .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-purple-theme .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-purple-theme .setting-sunheading.setting-sunheading-style01,
.dark-purple-theme .show > .btn-outline-light.dropdown-toggle,
.dark-red-theme .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-red-theme .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-red-theme .setting-sunheading.setting-sunheading-style01,
.dark-red-theme .show > .btn-outline-light.dropdown-toggle {
  color: #f4f4f4;
}
.dark-blue-theme .card,
.dark-darkblue-theme .card,
.dark-default-theme .card,
.dark-green-theme .card,
.dark-lightpink-theme .card,
.dark-orange-theme .card,
.dark-pink-theme .card,
.dark-purple-theme .card,
.dark-red-theme .card {
  border-color: #37474f;
  background: #37474f;
  background: #455a64;
}
.dark-blue-theme .modal-header,
.dark-darkblue-theme .modal-header,
.dark-default-theme .modal-header,
.dark-green-theme .modal-header,
.dark-lightpink-theme .modal-header,
.dark-orange-theme .modal-header,
.dark-pink-theme .modal-header,
.dark-purple-theme .modal-header,
.dark-red-theme .modal-header {
  border-color: #455a64;
}
.dark-blue-theme .nav-style-vertical-1 .nav-link.active .settingmenu i,
.dark-darkblue-theme .nav-style-vertical-1 .nav-link.active .settingmenu i,
.dark-default-theme .nav-style-vertical-1 .nav-link.active .settingmenu i,
.dark-green-theme .nav-style-vertical-1 .nav-link.active .settingmenu i,
.dark-lightpink-theme .nav-style-vertical-1 .nav-link.active .settingmenu i,
.dark-orange-theme .nav-style-vertical-1 .nav-link.active .settingmenu i,
.dark-pink-theme .nav-style-vertical-1 .nav-link.active .settingmenu i,
.dark-purple-theme .nav-style-vertical-1 .nav-link.active .settingmenu i,
.dark-red-theme .nav-style-vertical-1 .nav-link.active .settingmenu i {
  color: #f4f4f4;
}
.dark-blue-theme .nav-style-vertical-1 .nav.flex-column,
.dark-darkblue-theme .nav-style-vertical-1 .nav.flex-column,
.dark-default-theme .nav-style-vertical-1 .nav.flex-column,
.dark-green-theme .nav-style-vertical-1 .nav.flex-column,
.dark-lightpink-theme .nav-style-vertical-1 .nav.flex-column,
.dark-orange-theme .nav-style-vertical-1 .nav.flex-column,
.dark-pink-theme .nav-style-vertical-1 .nav.flex-column,
.dark-purple-theme .nav-style-vertical-1 .nav.flex-column,
.dark-red-theme .nav-style-vertical-1 .nav.flex-column {
  border-color: #455a64;
}
.dark-blue-theme .user-avatar-closer .mdi,
.dark-darkblue-theme .user-avatar-closer .mdi,
.dark-default-theme .user-avatar-closer .mdi,
.dark-green-theme .user-avatar-closer .mdi,
.dark-lightpink-theme .user-avatar-closer .mdi,
.dark-orange-theme .user-avatar-closer .mdi,
.dark-pink-theme .user-avatar-closer .mdi,
.dark-purple-theme .user-avatar-closer .mdi,
.dark-red-theme .user-avatar-closer .mdi {
  color: #f4f4f4;
}
.dark-blue-theme .form-control,
.dark-darkblue-theme .form-control,
.dark-default-theme .form-control,
.dark-green-theme .form-control,
.dark-lightpink-theme .form-control,
.dark-orange-theme .form-control,
.dark-pink-theme .form-control,
.dark-purple-theme .form-control,
.dark-red-theme .form-control {
  background: #263238;
  border-color: #37474f;
  color: #f4f4f4;
}
.dark-blue-theme .input-group-text,
.dark-darkblue-theme .input-group-text,
.dark-default-theme .input-group-text,
.dark-green-theme .input-group-text,
.dark-lightpink-theme .input-group-text,
.dark-orange-theme .input-group-text,
.dark-pink-theme .input-group-text,
.dark-purple-theme .input-group-text,
.dark-red-theme .input-group-text {
  background: #263238;
  border-color: #37474f;
}
.dark-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover,
.dark-blue-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-blue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi,
.dark-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover,
.dark-darkblue-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-darkblue-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi,
.dark-default-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover,
.dark-default-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-default-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi,
.dark-green-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover,
.dark-green-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-green-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi,
.dark-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover,
.dark-lightpink-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-lightpink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi,
.dark-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover,
.dark-orange-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-orange-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi,
.dark-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover,
.dark-pink-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-pink-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi,
.dark-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover,
.dark-purple-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-purple-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi,
.dark-red-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover,
.dark-red-theme
  .dial-pad-wrap
  .dial-table
  .dial-key-wrap:hover
  .dial-sub-key,
.dark-red-theme .dial-pad-wrap .dial-table .dial-key-wrap:hover .mdi {
  color: #f4f4f4;
}
.dark-blue-theme .close,
.dark-blue-theme .modal-content .ca-profile-name,
.dark-darkblue-theme .close,
.dark-darkblue-theme .modal-content .ca-profile-name,
.dark-default-theme .close,
.dark-default-theme .modal-content .ca-profile-name,
.dark-green-theme .close,
.dark-green-theme .modal-content .ca-profile-name,
.dark-lightpink-theme .close,
.dark-lightpink-theme .modal-content .ca-profile-name,
.dark-orange-theme .close,
.dark-orange-theme .modal-content .ca-profile-name,
.dark-pink-theme .close,
.dark-pink-theme .modal-content .ca-profile-name,
.dark-purple-theme .close,
.dark-purple-theme .modal-content .ca-profile-name,
.dark-red-theme .close,
.dark-red-theme .modal-content .ca-profile-name {
  color: #fff;
}
.dark-blue-theme .dropdown-menu.show,
.dark-darkblue-theme .dropdown-menu.show,
.dark-default-theme .dropdown-menu.show,
.dark-green-theme .dropdown-menu.show,
.dark-lightpink-theme .dropdown-menu.show,
.dark-orange-theme .dropdown-menu.show,
.dark-pink-theme .dropdown-menu.show,
.dark-purple-theme .dropdown-menu.show,
.dark-red-theme .dropdown-menu.show {
  background: #455a64;
}
.dark-blue-theme .dropdown-menu.show .dropdown-item,
.dark-darkblue-theme .dropdown-menu.show .dropdown-item,
.dark-default-theme .dropdown-menu.show .dropdown-item,
.dark-green-theme .dropdown-menu.show .dropdown-item,
.dark-lightpink-theme .dropdown-menu.show .dropdown-item,
.dark-orange-theme .dropdown-menu.show .dropdown-item,
.dark-pink-theme .dropdown-menu.show .dropdown-item,
.dark-purple-theme .dropdown-menu.show .dropdown-item,
.dark-red-theme .dropdown-menu.show .dropdown-item {
  color: #f4f4f4;
}
.dark-blue-theme .dropdown-menu.show .dropdown-item:focus,
.dark-blue-theme .dropdown-menu.show .dropdown-item:hover,
.dark-darkblue-theme .dropdown-menu.show .dropdown-item:focus,
.dark-darkblue-theme .dropdown-menu.show .dropdown-item:hover,
.dark-default-theme .dropdown-menu.show .dropdown-item:focus,
.dark-default-theme .dropdown-menu.show .dropdown-item:hover,
.dark-green-theme .dropdown-menu.show .dropdown-item:focus,
.dark-green-theme .dropdown-menu.show .dropdown-item:hover,
.dark-lightpink-theme .dropdown-menu.show .dropdown-item:focus,
.dark-lightpink-theme .dropdown-menu.show .dropdown-item:hover,
.dark-orange-theme .dropdown-menu.show .dropdown-item:focus,
.dark-orange-theme .dropdown-menu.show .dropdown-item:hover,
.dark-pink-theme .dropdown-menu.show .dropdown-item:focus,
.dark-pink-theme .dropdown-menu.show .dropdown-item:hover,
.dark-purple-theme .dropdown-menu.show .dropdown-item:focus,
.dark-purple-theme .dropdown-menu.show .dropdown-item:hover,
.dark-red-theme .dropdown-menu.show .dropdown-item:focus,
.dark-red-theme .dropdown-menu.show .dropdown-item:hover {
  background: #546e7a;
}
.dark-blue-theme .ca-content-wrapper,
.dark-darkblue-theme .ca-content-wrapper,
.dark-default-theme .ca-content-wrapper,
.dark-green-theme .ca-content-wrapper,
.dark-lightpink-theme .ca-content-wrapper,
.dark-orange-theme .ca-content-wrapper,
.dark-pink-theme .ca-content-wrapper,
.dark-purple-theme .ca-content-wrapper,
.dark-red-theme .ca-content-wrapper {
  border-color: #37474f;
}

.yildiz_stil {
  letter-spacing: 0;
}
.angal {
	text-decoration: line-through !important;
	color: red !important
}
.sag_iconlar {
	font-size: 16px;
	float: right;
  opacity: .4;
  line-height: 16px;
}
.sag_iconlar .mdi:before{
  font-size: 16px!important;
  margin-left: 4px!important;
}
.flashnick {
	position: absolute;
	height: 60px;
	width: 60px;
  pointer-events: none;
}

.kalpicon {
	background: url("./../resimler/flash/kalpler.gif") no-repeat center;
	margin: -7px 0 0 0px;
}

.guvercinicon {
	background: url("./../resimler/flash/baris_guvercini.gif") no-repeat center;
	margin: -27px 0 0 20px
}

.guvercin2icon {
	background: url("./../resimler/flash/baris_guvercini_2.gif") no-repeat center;
	margin: -27px 0 0 20px
}

.sinekicon {
	background: url("./../resimler/flash/sinek.gif") no-repeat center;
	height: 60px;
	width: 150px;
	margin: 0px 0 0 65px;
	z-index: 1
}

.yanginicon {
	background: url("./../resimler/flash/yangin.gif") no-repeat center;
	height: 28px;
	width: 16px;
	margin: 20px 0 0 45px;
	z-index: 1
}

.bayrakicon {
	background: url("./../resimler/flash/bayrak.gif") no-repeat center;
	margin: -27px 0 0 20px;
	z-index: 1
}

.karicon {
	height: 60px;
	width: 60px;
	background: url("./../resimler/flash/kar.gif") no-repeat center;
	margin: -10px 0 0 25px;
	z-index: 1
}

.xx1 {
  background: url("./../resimler/flash/1.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 70px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
}

.xx2 {
  background: url("./../resimler/flash/2.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -8px;
}

.xx3 {
  background: url("./../resimler/flash/3.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -11px;
  margin-left: -8px;
}

.xx4 {
  background: url("./../resimler/flash/4.gif") no-repeat center;
  background-size: 100%;
  width: 56px;
  height: 56px;
  z-index: 2;
  position: absolute;
  margin-top: -5px;
  margin-left: -3px;
}

.xx5 {
  background: url("./../resimler/flash/5.gif") no-repeat center;
  background-size: 100%;
  width: 56px;
  height: 56px;
  z-index: 2;
  position: absolute;
  margin-top: -5px;
  margin-left: -3px;
}

.xx6 {
  background: url("./../resimler/flash/6.gif") no-repeat center;
  background-size: 100%;
  width: 57px;
  height: 60px;
  z-index: 2;
  position: absolute;
  margin-top: -8px;
  margin-left: -5px;
}


.xx7 {
  background: url("./../resimler/flash/7.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -8px;
  margin-left: -8px;
}

.xx8 {
  background: url("./../resimler/flash/8.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -8px;
  margin-left: -8px;
}

.xx9 {
  background: url("./../resimler/flash/9.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -8px;
  margin-left: -8px;
}

.xx10 {
  background: url("./../resimler/flash/10.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -8px;
  margin-left: -8px;
}

.xx11 {
  background: url("./../resimler/flash/11.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -9px;
  margin-left: -9px;
}

.xx12 {
  background: url("./../resimler/flash/12.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -9px;
  margin-left: -9px;
}

.xx13 {
  background: url("./../resimler/flash/13.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -9px;
}
.xx14 {
  background: url("./../resimler/flash/14.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -7px;
}
.xx15 {
  background: url("./../resimler/flash/15.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
}
.xx16 {
  background: url("./../resimler/flash/16.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -14px;
  margin-left: -10px;
}
.xx17 {
  background: url("./../resimler/flash/17.gif") no-repeat center;
  background-size: 100%;
  width: 85px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -11px;
  margin-left: -16px;
}
.xx18 {
  background: url("./../resimler/flash/18.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 70px;
  z-index: 2;
  position: absolute;
  margin-top: -12px;
  margin-left: -10px;
}

.xx19 {
  background: url("./../resimler/flash/19.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -8px;
}
.xx20 {
  background: url("./../resimler/flash/20.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
}
.xx21 {
  background: url("./../resimler/flash/21.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
}
.xx22 {
  background: url("./../resimler/flash/22.gif") no-repeat center;
  background-size: 100%;
  width: 85px;
  height: 80px;
  z-index: 2;
  position: absolute;
  margin-top: -17px;
  margin-left: -17px;
}
.xx23 {
  background: url("./../resimler/flash/23.gif") no-repeat center;
  background-size: 100%;
  width: 85px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -15px;
}
.xx24 {
  background: url("./../resimler/flash/24.gif") no-repeat center;
  background-size: 100%;
  width: 85px;
  height: 70px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -17px;
}

.xx25 {
  background: url("./../resimler/flash/25.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -7px;
  margin-left: -8px;
}
.xx26 {
  background: url("./../resimler/flash/26.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -7px;
  margin-left: -8px;
}
.xx27 {
  background: url("./../resimler/flash/27.gif") no-repeat center;
  background-size: 100%;
  width: 75px;
  height: 75px;
  z-index: 2;
  position: absolute;
  margin-top: -15px;
  margin-left: -13px;
}
.xx28 {
  background: url("./../resimler/flash/28.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -7px;
  margin-left: -8px;
}
.xx29 {
  background: url("./../resimler/flash/29.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -7px;
  margin-left: -8px;
}
.xx30 {
  background: url("./../resimler/flash/30.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -8px;
  margin-left: -8px;
}
.xx31 {
  background: url("./../resimler/flash/31.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
}
.xx32 {
  background: url("./../resimler/flash/32.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -7px;
  margin-left: -8px;
}
.xx33 {
  background: url("./../resimler/flash/33.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -8px;
  margin-left: -10px;
}
.xx34 {
  background: url("./../resimler/flash/34.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -9px;
  margin-left: -8px;
}
.xx35 {
  background: url("./../resimler/flash/35.gif") no-repeat center;
  background-size: 100%;
  width: 70px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
}
.xx36 {
  background: url("./../resimler/flash/36.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -7px;
  margin-left: -8px;
}
.xx37 {
  background: url("./../resimler/flash/37.gif") no-repeat center;
  background-size: 100%;
  width: 66px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -11px;
  margin-left: -8px;
}
.xx38 {
  background: url("./../resimler/flash/38.gif") no-repeat center;
  background-size: 100%;
  width: 76px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -9px;
  margin-left: -14px;
}
.xx39 {
  background: url("./../resimler/flash/39.gif") no-repeat center;
  background-size: 100%;
  width: 76px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -9px;
  margin-left: -14px;
}
.xx40 {
  background: url("./../resimler/flash/40.gif") no-repeat center;
  background-size: 100%;
  width: 76px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -13px;
  margin-left: -13px;
}
.xx41 {
  background: url("./../resimler/flash/41.gif") no-repeat center;
  background-size: 100%;
  width: 76px;
  height: 76px;
  z-index: 2;
  position: absolute;
  margin-top: -15px;
  margin-left: -15px;
}
.xx42 {
  background: url("./../resimler/flash/42.gif") no-repeat center;
  background-size: 100%;
  width: 80px;
  height: 66px;
  z-index: 2;
  position: absolute;
  margin-top: -5px;
  margin-left: -15px;
}
.tome_banner {
  opacity: 1;
  margin: 0 auto;
  width: 90%;
  position: relative;
  padding: .125em;
  min-height: 1.5em;
  min-width: 4em;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: ac_kapa 5s 1;
  -moz-animation: ac_kapa 5s 1;
  animation: ac_kapa 5s 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.tome_banner_demo {
  opacity: 1;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding: .125em;
  min-height: 1.5em;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.tomme1 {
  background: #bfffc0;
  border: 2px solid #28a523;
  color: #000;
  padding: 4px;
  border-radius: 5px;
}

.tomme2 {
  background: #fff0cf;
  border: 2px solid #a8997a;
  color: #000;
  padding: 4px;
  border-radius: 10px;
}

.tomme3 {
  background-image: linear-gradient(to right, #e8b16a, #d9590e);
  border: 2px solid #f7d3bb;
  color: #000;
  padding: 4px;
  border-radius: 30px;
}

.tomme4 {
  background-image: linear-gradient(to right, #f26a92, #cd18c9);
  border: 2px solid #f8d5af;
  color: #000;
  padding: 4px;
  border-radius: 30px;
}

.tomme5 {
  background-image: linear-gradient(to right, #91499f, #8c0a12, #ffbebf);
  border: 2px solid #ecd5cd;
  color: #fff;
  padding: 4px;
  border-radius: 30px;
}

.tome_icon {
  position: relative;
  height: 44px;
  width: 44px;
  z-index: 100;
}

.tomme1 .tome_icon img,
.tomme2 .tome_icon img {
  border-radius: 5px;
  height: 44px;
  width: 44px;
}

.tomme3 .tome_icon img,
.tomme4 .tome_icon img,
.tomme5 .tome_icon img {
  border-radius: 100%;
  height: 44px;
  width: 44px;
}

.roght_icon {
  float: right;
  position: absolute;
  right: 15px;
  top: 5px;
  opacity: 0.2;
}

.roght_icon img {
  border-radius: 100%;
  height: 44px;
  width: 44px;
}

.ustt-text {
  position: absolute;
  top: 4px;
  left: 60px;
  font-size: 16px;
}

.ek_text {
  font-size: 12px;
  background: #0071b8;
  padding: 0px 10px 0 10px;
  border-radius: 10px;
  color: #fff;
  top: 3px;
  position: absolute;
  text-align: center;
  margin-left: 16px;
}

.altt-text {
  position: absolute;
  top: 30px;
  left: 60px;
  font-size: 14px;
  width: 60%;
}

@-webkit-keyframes ac_kapa {
  0% {
    width: 1.5em;
    opacity: 0;
  }

  2% {
    width: 1.5em;
    opacity: 1;
  }

  8% {
    width: 90%;
  }

  80% {
    width: 90%;
  }

  90% {
    width: 1.5em;
    opacity: 1;
    -webkit-transform: rotate(0deg);
  }

  98% {
    width: 1.5em;
    -webkit-transform: rotate(720deg);
  }

  100% {
    width: 1.5em;
    opacity: 0;
  }
}

@-moz-keyframes ac_kapa {
  0% {
    width: 1.5em;
    opacity: 0;
  }

  2% {
    width: 1.5em;
    opacity: 1;
  }

  8% {
    width: 90%;
  }

  80% {
    width: 90%;
  }

  90% {
    width: 1.5em;
    opacity: 1;
    -moz-transform: rotate(0deg);
  }

  98% {
    width: 1.5em;
    -moz-transform: rotate(720deg);
  }

  100% {
    width: 1.5em;
    opacity: 0;
  }
}

@keyframes ac_kapa {
  0% {
    width: 1.5em;
    opacity: 0;
  }

  2% {
    width: 1.5em;
    opacity: 1;
  }

  8% {
    width: 90%;
  }

  80% {
    width: 90%;
  }

  90% {
    width: 1.5em;
    opacity: 1;
  }

  98% {
    width: 1.5em;
  }

  100% {
    width: 1.5em;
    opacity: 0;
  }
}

.glz22 {
  background: url("./../resimler/sistem/frames34.gif") no-repeat center;
  background-size: 100%;
  width: 60px;
  height: 60px;
  position: fixed;
  margin-top: -12px;
  margin-left: -10px;
  z-index: 999;
}
.mutte{
  position: absolute!important;
  z-index: 1!important;
  top: -8px;
}
.bastHead.aligned {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.bastHead:first-child {
    margin-top: 0;
}
.ui.center.aligned.header, .ui.centered.header {
    text-align: center;
}
.bastHead:last-child {
    margin-bottom: 0;
}
.bastHead:first-child {
    margin-top: -0.14285714em;
}
h2.bastHead {
  font-size: 14px;
  line-height: 22px!important;
}
.bastHead {
  border: none;
  margin: calc(2rem - 0.14285714em) 0 1rem;
  padding: 0 0;
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  font-weight: 700;
  line-height: 1.28571429em;
  text-transform: none;
  color: rgba(0,0,0,.87);
  display: inline-block;
  text-align: center;
  margin: 2rem 0 1rem;
}
.bastHead .content {
    display: block;
    padding: 0;
}
.bastHead>.icon+.content {
    padding-left: 0.75rem;
    display: table-cell;
    vertical-align: middle;
}
.bastHead .content {
    display: inline-block;
    vertical-align: top;
}
.opacity04 {
    opacity: .4 !important;
}
.bastHead .sub.header {
  font-size: 14px!important;
  line-height: 22px!important;
}
.bastHead .sub.header {
    display: block;
    font-weight: 400;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.2em;
    color: rgba(0,0,0,.6);
}
.bastHead i {
    font-size: 4rem;
}
.bastHead .mdi:before {
    margin: 20px;
    font-size: 4rem;
}
.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: block!important;
position: absolute;
left: 98%;
top: 0px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}
.withbar{
  width: 230px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgb(64 64 64 / 15%);
}
.withbar .dropdown-item{
  padding: 0px 10px 0px 5px;
}
.withbar span{
padding-right: 0!important;
}

.context_menu {
	position: fixed!important;
	z-index: 11;
	display: block!important;
}
.context_menu div:hover, .user_menu div:hover, .user_menu_site div:hover{
 background: #d4d4d4e0;
}
.user_menu, .user_menu_site {
  width: 203px;
  cursor: auto;
  position: fixed;
  margin: 0;
  padding: 0;
  font-size: 12px;
  text-shadow: none;
  text-align: left;
  border: 1px solid #cccccc;
  z-index: 99999;
  display: block!important;
  box-shadow: 2px 2px 5px 0 #6f6f6f85;
  padding-top: 6px;
  padding-bottom: 6px;
}
.user_menu div, .user_menu_site div{
  position: relative;
  cursor: pointer;
  padding-left: 20px!important;
  border: none;
  line-height: 22px;
  color: #000000;
  text-transform: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-touch-callout: none;
  white-space: nowrap;
  text-decoration: none;
}

.sohbetalani {
	text-align: left;
	height: calc(-120px + 100%);
	background: transparent;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	padding: 10px 0 18px 0px;
	letter-spacing: .7px
}
.dark-default-theme .sohbetalani,
.dark-purple-theme .sohbetalani,
.dark-pink-theme .sohbetalani,
.dark-green-theme .sohbetalani,
.dark-red-theme .sohbetalani,
.dark-orange-theme .sohbetalani,
.dark-blue-theme .sohbetalani,
.dark-darkblue-theme .sohbetalani,
.dark-lightpink-theme .sohbetalani {
	background: url("./../resimler/sistem/arkaplan-gece-modu_pc.png") repeat!important;
}
.slc-drm{
  border: 1px solid #ffffff;
  font-size: 12px;
  background: #ffffff;
  width: 140px;
  height: 20px;
  color: #000000;
}
.slc-drm select:focus, .select-setting select:focus  {
  box-shadow: none;
  outline: none;
}
.dark-default-theme .slc-drm,
.dark-purple-theme .slc-drm,
.dark-pink-theme .slc-drm,
.dark-green-theme .slc-drm,
.dark-red-theme .slc-drm,
.dark-orange-theme .slc-drm,
.dark-blue-theme .slc-drm,
.dark-darkblue-theme .slc-drm,
.dark-lightpink-theme .slc-drm {
background: #263238!important;
color: #d3d4d5!important;
border: 1px solid #263238!important;
}

.mdl_uye{
  height: 614px;
  overflow: hidden;
  max-width: 500px;
  min-width: 499px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem
}
.mdl_uye_karsi{
  height: 558px;
  overflow: hidden;
  max-width: 500px;
  min-width: 499px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem
}
.sistem-message {
  margin: auto!important;
  width: auto;
  display: table;
  max-width: 80%;
  min-width: 200px!important;
  clear: both!important;
  text-align: center!important;
  padding: 3px 11px!important;
  border-radius: 20px!important;
  letter-spacing: 1.7px!important;
  font-size: 12px!important;
  margin-bottom: 8px!important;
  margin-top: 8px!important;
}
.boldred{
  color:#1E90FF!important;
  font-weight: bold;
  cursor: pointer;
}
.boldwhite{
  color:#0077ff!important;
  font-weight: bold;
  cursor: pointer;
}
.hg_text {
  color: #000000!important;
  cursor: pointer;
}
.oda-sahibi{
  width: 170px;
  height: 56px;
}
.oda-sahibi img{
  max-width: 100%;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50px;
  margin: 2px;
  padding: 2px;
  border: 1px solid #efefef;
  cursor: pointer;
}
.vertical-border{
  border: 1px solid #cccccc3d;
  position: absolute;
  height: 80px;
  width: 0px;
  right: 190px;
  top: -10px;
  bottom: -10px;
}
.sahip-rumuz{
  font-size: 13px;
  font-weight: bold;
  padding: 6px 8px 2px 4px;
  min-width: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 120px;
  cursor: pointer;
}
.sahip-yetki{
  font-size: 12px;
  padding-left: 6px;
}
.siteSahipForm{
  padding-right: 5px!important;
  padding-left: 5px!important;
}
.siteSahipForm .form-group{
  margin-bottom: 5px
}
.siteSahipForm input, .siteSahipForm select{
  height: 30px!important;
  font-size: 13px!important;
}
.siteSahipForm label{
  height: 22px;
  font-size: 13px;
  margin-bottom: 0px;
  padding-left: 3px;
}
.mgrightLeft0{
  margin-right: inherit!important;
  margin-left: inherit!important;
}
.resimbuyut {
	position: absolute;
	height: 100%;
	text-align: center;
	top: 0;
	width: calc(100% - 350px);
	background: #000000cc;
	z-index: 100;
  left: 350px;
  cursor: pointer;
}
.resimbuyut div.aciklama {
	position: absolute;
	height: 60px;
	color: #ffffff91;
	padding-left: 30px;
	text-align: center;
	width: 100%;
	line-height: 60px;
	background: #efefef00;
	font-size: 30px;
}
.resimbuyut img.anaresim {
	max-height: calc(100% - 60px);
	max-width: 100%;
	margin-top: 60px;
}
.items_sagtik {
	display: block !important;
	position: relative!important;
	box-shadow: 2px 2px 5px 0 #6f6f6f85
}
.dropdown-item {
  cursor: pointer;
}
.renkButton{
  width: 222px;
  height: 30px;
  line-height: 30px;
  background: #4a90e2;
  border: 0;
  color: #fff;
  position: absolute;
  margin-top: -6px;
  margin-left: -1px;
  font-size: 14px;
}
.logo_foto{
	width:100%;
	max-height:120px!important;
}
.palleto{
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  padding: 8px;
}
.gizle{
  display: none!important;
}
#youtub{
  margin: 10px;
  height: 500px;
  overflow: auto;
}
#youtub .result{
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  width: 440px;
  height: 120px;
  cursor: pointer;
}
#youtub img{
  width: 150px;
  height: 100px;
}
#youtub .result .image{
  float: left;
}
#youtub .result .content{
  margin-left: 170px;
}
#youtub .result .title{
  font-weight: bold;
}
#youtub .result .description{
word-break: break-all;
}
.t-center{
  text-align: center;
}
.medyaboyut {
	max-height: 300px;
	width: auto;
	max-width: 250px;
	height: auto;
	text-align: center
}

.medyaboyut iframe {
  max-height: 116px;
  width: 100%;
  max-width: 200px;
  height: auto;
  text-align: center;
  border: 0px;
  overflow: hidden;
}
.outinput {
 margin: 5px;
}
.outinput i{
  float: left;
  padding-left: 16px;
  padding-right: 10px;
  padding-top: 4px;
}
.outinput input{
  width: 100%;
}
.genelikonlar {
  width: 329px;
  height: 234px;
  bottom: 62px!important;
  z-index: 999;
  position: absolute;
  border: 4px solid #ffffff;
  background-color: #fff;
  border-radius: 10px;
}
.genelikonlar img {
  padding-top: 4px;
  padding-bottom: 4px;
  float: left;
  cursor: pointer;
}
.genelikonlar img:hover {
  background: #b4b4f0;
}
.genelanimo {
  width: 377px;
  height: 224px;
  bottom: 70px!important;
  z-index: 999;
  position: absolute;
  border: 8px solid #ffffff;
  background-color: #fff;
  border-radius: 10px;
  overflow: auto;
}
.genelanimo span {
  position: relative;
  list-style-type:none;
  margin: 2px;
  float: left;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.genelanimo img {
  width: 38px;
  height: 38px;
  cursor: pointer;
}

.genelanimo::-webkit-scrollbar {
  width: 16px!important;
}

.ikonListesiIMG,
.ikonListesiIMGOZEL,
.animasyonListesiIMG {
  cursor: pointer;
  float: left;
  min-height: 22px;
  max-height: 22px;
  min-width: 22px;
  max-width: 22px;
  padding: 2px;
  margin-top: 5px;
  margin-left: 9px;
}

.ikonListesiIMG img {
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
}
.angoro {
	position: relative;
	cursor: pointer;
	display: block;
	border: none;
	height: auto;
	text-align: left;
	border-top: none;
	line-height: 22px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-touch-callout: none;
}
.divider_menu {
  margin: 2px 0;
  color: rgba(0, 0, 0, .85);
}

.divider_menu:not(.vertical):not(.horizontal) {
	border-top: 1px solid rgba(34, 36, 38, .15);
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.ui.grid>.column+.divider,
.ui.grid>.row>.column+.divider {
	left: auto
}

.ui.horizontal.divider {
	display: table;
	white-space: nowrap;
	height: auto;
	margin: '';
	line-height: 1;
	text-align: center
}

.ui.horizontal.divider:after,
.ui.horizontal.divider:before {
	content: '';
	display: table-cell;
	position: relative;
	top: 50%;
	width: 50%;
	background-repeat: no-repeat
}

.ui.horizontal.divider:before {
	background-position: right 1em top 50%
}

.ui.horizontal.divider:after {
	background-position: left 1em top 50%
}

.ui.vertical.divider {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	width: auto;
	height: 50%;
	line-height: 0;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.ui.vertical.divider:after,
.ui.vertical.divider:before {
	position: absolute;
	left: 50%;
	content: '';
	z-index: 3;
	border-left: 1px solid rgba(34, 36, 38, .15);
	border-right: 1px solid rgba(255, 255, 255, .1);
	width: 0%;
	height: calc(100% - 1rem)
}

.ui.vertical.divider:before {
	top: -100%
}

.ui.vertical.divider:after {
	top: auto;
	bottom: 0
}
label.file input {
  position: absolute;
  left: -9999px;
}
label.file input + .file {
  display: inline-block;
  width: auto;
  padding: 0 20px;
  height: 32px;
  font: 14px/34px sans-serif;
  background: #68bae2;
  border: 1px solid #50a8be;
  border-radius: 6px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  width: 246px;
  margin-top: 20px;
  margin-bottom: 10px;
}
label.file input:valid + .file {
  background: #68bae2 url("../resimler/sistem/check.png") no-repeat;
  background-size: 20px 14px;
  background-position: 94%;
}
label.file .file:hover {
  background-color: #68bae2;
}
.files_send{
  margin-bottom: 0px!important;
  cursor: pointer;
}
label.files_send input {
  position: absolute;
  left: -9999px;
}
label.files_send input + .files_send {
  display: inline-block;
  width: 246px;
}
.ses-top{
color: #000;
line-height: 32px;
}
.first_tag{
  padding-left: 10px;
  height: 40px;
}
.first_tag label{
  margin-right: 10px;
}
.drop-atem{
line-height: 34px;
display: inline-block;
height: 32px;
position: fixed;
}
.poddi{
  border-radius: 0.25rem 0 0 0.25rem;
  padding: 0.3125rem 0 0.3125rem 0.3125rem;
}
.poddi a{
  font-size: 12px!important;
}
.exp_menu{
  width: 200px;
  position: fixed;
  background: #ffffff;
  padding: 0;
  font-size: 12px;
  text-shadow: none;
  text-align: left;
  z-index: -1;
  display: block!important;
  box-shadow: 2px 2px 5px 0 #6f6f6f85;
  padding-bottom: 6px;
}
.exp_menu .set-item:hover{
  background: #eeededea;
}

.exp_menu div{
  cursor: pointer;
  line-height: 36px;
  padding-left: 20px;
  color: #000000;
  font-size: 14px;
}
#yrmlst {
overflow: auto;
position: absolute;
height: 100%;
display: block;
width: 380px
}
.yorumlardiv {
  position: absolute;
  bottom: 0;
  width: 500px;
  height: 50px;
  left: 0px;
}

.yorumlardiv input {
  width: 500px;
  height: 50px;
  border: 1px solid #d9d9d9;
  background: #f9f9f9;
  padding: 0.9rem 8rem 0.9rem 1.5rem;
}
.black1 {
	color: #000000 !important
}

.red1 {
	color: #FF0000 !important
}

.green1 {
	color: #008000 !important
}
.orange1 {
  color: #ff9800 !important
}

.youtube_close{
  float: right;
  color: #454545;
  padding: 0px;
  margin: 0px;
  font-size: 24px;
  font-weight: bold;
  width: 0px;
  border: none;
  background: none;
  height: 0;
  line-height: 8px;
  cursor: pointer; 
}
.iframevid iframe {
  width: 260px;
  height: 150px;
  border: 0px;
  border-radius: 4px;
  overflow: hidden;
}
.reactEasyCrop_Container{
	max-width: 94%!important;
	max-height: 400px!important;
	top: 80px!important;
	left: 3%!important;
}
.height320{
	height:320px!important;
}

.crop-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
}

.controls {
	position: absolute;
	bottom: 70px;
	left: 50%;
	width: 50%;
	transform: translateX(-50%);
	height: 40px;
	display: flex;
	align-items: center;
}
.zoom-range {
  appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 4px;
	width: 100%;
}

.zoom-range::-moz-range-thumb {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #3f51b5;
  background: #3f51b5;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.zoom-range::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #3f51b5;
  background: #3f51b5;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.controls:hover input[type='range']::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px 8px rgba(63, 81, 181, 0.16);
  border-radius: 50%;
}

.controls:hover input[type='range']::-moz-range-thumb {
  box-shadow: 0px 0px 0px 8px rgba(63, 81, 181, 0.16);
}
.profile_foto{width:100%;max-height:360px}
.piter{
	cursor: pointer;
}
.calllist i{
  cursor: pointer;
}
.BigEkran{
	width: 100%!important;
	height: 100%!important;
	top: 0%!important;
	left: 0%!important;
	right: 0%!important;
	transform: translate(0%, 0%)!important;
}

.armpencere {
  position: absolute;
  top: 70px;
  text-align: center;
  width: 94%;
  z-index: 9;
}
.armpencere img{
	width: 150px;
	border-radius: 150px;
}
.v_resim {
	text-align: center;
	background: #fff;
	width: 100px;
	height: 100px;
	position: relative;
	margin: 0 auto;
	border-radius: 100%;
	border: solid 5px #fff;
	animation: araniyor 1.5s ease infinite;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.r_span {
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}
.cieser{
  cursor: move;
}
.groups_btn{
  width: 100%;
  position: absolute;
  bottom: 8%;
  height: 44px;
  line-height: 44px;
  z-index: 5005;
}
.groups_btn i, .armbitir i, .closebtn i{
 font-size: 20px!important;
}

.a_button{
	position: absolute;
	cursor: pointer;
	width: 40px;
  height: 40px;
	left: 46px;
}
.c_button{
	position: absolute;
	cursor: pointer;
	width: 40px;
  height: 40px;
	right: 46px;
}
.a_button i, .c_button i, .z-button i{
	color: #0089ff!important;
	background: #ffffffa3;
  display: inline-block;
  height: 3rem;
  width: 3rem;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  line-height: 3rem;
  text-align: center;
  transition: all 0.2s ease-out;
}
.b_button{
	margin: auto;
	position: absolute;
	cursor: pointer;
	width: 40px;
  height: 40px;
	left: 0;
	right: 0;
}
.b_button i{
	font-size: 40px;
	background: #db2828;
	border-radius: 50%;
	padding: 9px;
	color: #fff!important;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}
.tamboyut{
	width: 100%;
	height: 100%;
}
.tamboyut video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.miniboyut video{
  width: 100px;
  height: 140px;
  object-fit: cover;
  position: absolute;
  bottom: 90px;
  right: 18px;
}
.TEkran video{
	width: 280px!important;
	height: 340px!important;
	object-fit: cover!important;
	position: absolute!important;
	bottom: 150px!important;
	right: 18px!important;
}
.img_btn{
	float: right;
	position: absolute;
	right: 17px;
	margin-top: 4px;
	line-height: 20px;
	height: 20px;
	width: 100px;
	text-align: center;
	font-size: 12px;
	border: 0;
	cursor: pointer;
	background: #298499;
	color: #fff;
}

.mycam {
  width: 220px;
  height: 220px;
  border: 4px solid #1d8ac7;
  overflow: hidden;
  background: #000;
  z-index: 999;
}
.mycam video{
	width: 212px;
	height: 182px;
	object-fit: cover;
}

.mycam .close {
  width: 30px;
  height: 30px;
  right: 0;
  line-height: 26px;
  background: #1d8ac7;
  position: absolute;
  cursor: pointer;
  z-index: 999;
  color: #fff;
  text-align: center;
  font-size: 12pt;
  padding: 0px;
  opacity: inherit;
}
.wordbreak{
  word-break: break-all;
}
.mycam .close i{
  color: #fff;
}
.cam_hand {
  width: 100%;
  max-width: 100%;
  height: 30px;
  line-height: 30px;
  top: 0;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  font-family: Arial;
  font-weight: 400;
  font-size: 11px;
  background: #1d8ac7;
  padding-left: 16px;
}
.mycam .close:hover {
  background: #1c6c99;
}
.mycam .remote_hand {
  width: 100%;
  max-width: 100%;
  height: 30px;
  line-height: 30px;
  top: 0;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  font-family: Arial;
  font-weight: 400;
  font-size: 11px;
  background: #1d8ac7;
  padding-left: 16px;
}
.ortaalann {
  max-height: 300px;
  font-size: 15px;
  line-height: 26px;
  overflow: auto;
  text-align: left;
  color: #797979;
  font-weight: 300;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
}
.ortaalann b {
  font-weight: bold;
  width: 130px;
  display: inline-block;
}
.resiminput label {
  cursor: pointer;
  margin-bottom: 0px!important;
}
.resiminput input[type="file"] {
	display: none
}
.textcenter {
  text-align: center !important;
}
#audio-container audio, #audio-container video {
  display: none;
}
.search-result-item {
  padding: 5px;
  border: 1px solid #d5d5d554;
  background: #f3f3f3;
  width: 465px!important;
}
.search-result-item .rumuz{
  height: 20px;
  width: 350px;
  margin-bottom:5px
}
.search-result-item .info {
  margin-top: 2px;
  font-size: 12px;
  color: #999;
  height: 20px;
  float: right;
}
.search-result-item .image-link {
	margin: 6px;
	float: left;
	width: 34px;
}
.search-result-item-body {
  margin-left: 80px;
}
.search-result-item .image {
    max-width: 100%
}
.comments_actions span{
  font-size: 12px;
}

.search-result-item .description {
    font-size: 13px;
    width: 350px;
}
.sdi:before {
    font-size: 13px!important;
}
.search-result-item {
  margin-bottom: 10px
}
.search-result-item:last-child{
  margin-bottom: 50px
}
.search-result-item-heading {
    font-weight: 400
}

.search-result-item-heading>a {
    color: #555
}

.b_rumuz{
text-align: center;
background: #1c698f;
padding-left: 0px!important;
color: #ffffff!important;
}
.paylasilan_resim {
padding: 0 !important;
max-width: 140px !important;
max-height: 180px !important;
border-radius: 5px;
cursor: pointer
}
.baslatma {
min-width: 300px;
max-width: 301px
}
.img_namme {
position: relative;
margin-top: -5px;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
color: #2196f3!important;
cursor: pointer
}
.img_namme span{
	font-size: 10px;
	color: #a9a9a9;
	pointer-events: none
}
audio {
	background-color: rgb(241, 240, 240, 1);
	max-width: 100%;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 1px;
	user-select: none;
	-webkit-user-select: none
}
audio::-webkit-media-controls-panel{
  background-color: rgb(241, 240, 240, 1);
  width:250px;
	height:40px;
}

::-webkit-scrollbar {
	width: 4px !important
}

::-webkit-scrollbar,
::-webkit-scrollbar-thumb {
	overflow: visible !important;
	border-radius: 6px !important
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .2) !important
}

::-webkit-scrollbar-track {
	background: 0 0 !important
}
.prog-out{
  position: absolute;
  width: 100%;
  top: 72px; 
}
.animate-flicker {
	-webkit-animation: flickerAnimation 1s infinite;
	-moz-animation: flickerAnimation 1s infinite;
	-o-animation: flickerAnimation 1s infinite;
	animation: flickerAnimation 1s infinite
}
@keyframes flickerAnimation {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-o-keyframes flickerAnimation {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes flickerAnimation {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes flickerAnimation {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}
.arama_sil{
  margin-left: 10px;
}
.arama_time{
  font-size: 11px;
  line-height: 21px;
}
.callpit{
  margin: 5px;
}
.callpit input{
  width: 278px;
}
.media_icons{
  float: left;
  width: 40px;
  height: 40px;
  margin-left: 8px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.mydivider {
  font-size: 14px !important;
  color: rgba(0, 0, 0, .45) !important;
  font-weight: 400 !important;
  text-align: center;
}
.margin0 {
  margin: 0 !important;
}
.padding0 {
  padding: 0 !important;
}
.padding5 {
  padding: 5px!important;
}
.padding10 {
  padding: 10px!important;
}
.margin10 {
	margin: 10px !important
}
.marginTop16{
  margin-top:16px!important
}
.marginright5 {
	margin-right: 5px!important;
}
.marginright10 {
  margin-right: 10px !important;
}
.marginright15 {
  margin-right: 15px!important;
  cursor: pointer;
}
.marginleft10 {
	margin-left: 10px!important;
}
.margin20 {
	margin: 20px !important
}
.marginTop5 {
	margin-top: 5px !important
}
.marginTop32 {
	margin-top: 32px !important
}
.marginTopBottom5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important
}
.padding0-20 {
	padding: 0 20px !important
}
.textRight{
  text-align-last: right;
  border: 0px!important;
}
.yellow{
  color:#ffc107!important
}
.green{
  color:#00da49!important
}
.blue{
  color:#007bff!important
}
.pink{
  color:#e91e63!important
}
.red {
	color: red!important
}
.linneHeight{
  line-height: 5px!important;
}
.raddy{
  padding: 14px 28px 0px 28px!important;
}
.bordernone{
  border-bottom: none!important;
  padding: 5px 0px 0px 5px;
}
#uyeLogscerceve {
  background: #fff;
  overflow: hidden;
  width: 300px;
  height: 400px;
  position: absolute;
  padding: 0.2em;
  border: 1px solid #c5c5c5;
  z-index: 99999;
  font-family: Arial,Helvetica,sans-serif;
}
.myTitleclassName{
  padding-left: 10px;
  position: relative;
  color: #fff!important;
  font-size: 14px;
  cursor: pointer;
}
.myTitleclassName button{
  float: right;
  margin-top: 2px;
  height: 22px;
  width: 20px;
  border-radius: 2px;
  border: 0px;
  text-align: center;
  cursor: pointer;
}
#ulistele {
  padding: 0;
  margin: 0;
}
#ulistele ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#ulistele li {
  list-style-type: none;
  border-bottom: dotted 1px #ccc;
  border-bottom: 1px solid #bababa;
  background: inherit;
  color: #000;
  text-shadow: inherit;
  background-image: inherit;
  max-height: 40px;
  height: 40px;
  border: inherit;
  line-height: 40px;
  font-weight: normal;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.ajangiris {
  font-size: 9px;
  color: red;
}
.setout{
  margin: 5px;
  width: 337px;
}
.hover_tab{
  position: relative;
}
.hover_tab:hover{
  background: rgba(0,123,255,.05);
  border-bottom: 1px solid #dadce0;
}
.hover_tab:hover:before {
  content: "";
  display: block;
  width: 0.375rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #007bff;
}
.oz_seskayit_div {
	position: absolute;
	display: flex;
	background: #fff;
	color: #424242;
	letter-spacing: .8px;
	font-size: 12px;
	z-index: 15;
	width: 640px;
	padding: 10px 3px 5px 5px;
	margin-top: -4px;
	height: 60px;
	margin-left: -4px
}

.oda_seskayit_div {
  position: absolute;
  background: #fff;
  color: #424242;
  letter-spacing: .8px;
  font-size: 15px;
  box-shadow: #b9b9b9 2px -1px 7px 0;
  z-index: 9;
  width: 100%;
  padding: 20px;
  height: 90px;
  bottom: 0;
}

.rec {
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.rec_video {
	animation-name: pulse_video;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.recses {
  height: 18px;
  width: 18px;
  border: #fff 2px solid;
  background: red;
  border-radius: 50%;
  float: left;
  margin: 10px 30px 0 20px;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 5px 0 rgba(173, 0, 0, .3)
	}

	65% {
		box-shadow: 0 0 5px 13px rgba(173, 0, 0, .3)
	}

	90% {
		box-shadow: 0 0 5px 13px rgba(173, 0, 0, 0)
	}
}
.bastHead_ozel{
border: none;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
line-height: 1.28571429em;
width: 100%;
text-transform: none;
font-size: 16px;
}
.bastHead_ozel ::before{
font-size: 40px!important;
padding: 30px;
}
.padding40 {
  padding: 40px !important;
  text-align: center;
}
.boyut_se {
	font-size: 10px;
	color: #8e8e8e
}

.se_kay {
	float: left;
	width: 185px
}

.se_kay2 {
	float: left;
	width: 130px
}

.se_kay1 {
	float: left;
	margin: -7px 0 0;
	padding: 10px 2px 10px 0px
}
.se_kay1 button {
  margin-right: 10px;
}

.arkaplan_ses_load {
	position: absolute;
	transition: 1s;
	background: #2fa93b26;
	width: 0;
	z-index: -1;
	margin-top: -10px;
	height: 60px;
	margin-left: -20px
}
.roomsset{
  line-height: 20px;
  cursor: pointer;
  border-bottom: 0px!important;
  border-left: 0px!important;
  border-right: 0px!important;
}
.roomsset.active{
  border-top: 1px solid rgb(191 191 191 / 13%);
  padding: 0.75rem 1.25rem!important;
}
.piels{
  display: inline-block;
  width: 260px;
  position: absolute;
  padding-left: 70px;
  color:#000!important
}
.piels_1{
  width: auto;
  color: #fff;
  font-size: 11px;
  border-radius: 4px;
  padding: 0px 6px 0px 6px;
  height: 16px;
  line-height: 16px;
  margin-left: -2px;
  margin-top: 2px;
  font-weight: normal!important;
}
.r_odakural{
  margin-top: 5px;
}
.bold{
font-weight: bold;
}
.size-11{
  font-size: 11px!important;
}
.outeflow{
  overflow: auto;
}
.roomsset .piels_2{
  width: 260px;
  top: 56px;
  font-size: 12px;
  color: #7e7e7e;
  position: absolute;
  padding-left: 70px;
}
.oda_grup{
  height: 100%;
  overflow: auto;
  position: fixed;
  width: 348px;
}
.padding12{
  padding-left:12px!important
}
.block-style{
  display: block!important;
}
.fontNormal{
font-weight: normal!important;
}
.padding8{
  padding:8px!important;
}
.height480{
  height: 480px!important;
}
.fontSize14{
font-size: 14px!important;
}
.bg-forces{
  background-color: #0091fb!important;
  padding: 0;
}
.bg-forces div{
  display: inline-block;
  line-height: inherit;
  white-space: nowrap;
  font-size: 14px;
  background: #0091fb;
  padding: 5px 10px 5px 10px;
  color: #fff;
  text-decoration: none;
}
.bg-forces div:hover{
  color: #fff;
}
.linepack{
  line-height: 34px;
}
.avatarListesi {
	height: 100%;
	overflow: auto
}
#szlem_load {
	max-height: 160px;
	overflow: auto;
	margin-bottom: 10px
}
.minnia{
  font-size: 11px!important;
  height: 16px;
  line-height: 1px;
  padding: 0;
  width: 60px;
  margin-left: 34px;
  position: absolute;
}
.s_flar{
  background: #eff0f0;
  margin-bottom: 20px;
  border: 1px solid #000;
}
.s_flar img{
  width: 30px!important;
  height: 30px!important;
}
.s_flor{
  width: 100%;
  background: #f8f0a6;
  padding: 10px;
  font-size: 14px;
}
.s_tlar{
  width: 100%;
  padding: 10px;
  font-size: 14px;
}
.sat_0{
  font-size: 14px;
  background: #9b782a;
  height: 30px;
  line-height: 30px;
  padding-left: 13px;
  color: #ffffff;
}
.sat_1{
  font-size: 14px;
  line-height: 27px;
  height: 27px;
  padding: 5px;
}
.sat_2{
  font-size: 14px;
  line-height: 20px;
  height: auto;
  padding: 5px;
}

.sat_3{
  font-size: 14px;
  background: #4a4436;
  height: 30px;
  line-height: 30px;
  padding-left: 13px;
  color: #ffffff;
}

.sat_4{
  font-size: 14px;
  line-height: 20px;
  height: auto;
  padding: 5px;
}
.sat_5{
  font-size: 14px;
  line-height: 27px;
  height: 27px;
  padding: 5px;
}
.lat_b {
  font-size: 14px;
  background: #0d70d9;
  height: 30px;
  line-height: 30px;
  padding-left: 13px;
  color: #ffffff;
}

.lat_1 {
  font-size: 14px;
  line-height: 27px;
  height: auto;
  padding-left: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.mdl_resim{
  max-width: 450px;
  max-height: 650px;
}
.s_forms{
  float: right;
  margin-right: 10px;
}
.s_forms img{
  width: 30px;
  height: 30px;
  border: 2px solid #eaeaea;
}

.user_menu .dropdown-item{
  padding: 5px 0px 0px 22px!important;
  font-size: 14px!important;
}
.sozlessme{cursor:pointer;color: #4183c4;text-decoration: none;font-weight:bold}
#sozlesmekapat {
	display: inline-block;
	width: 354px;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: red;
	font-weight: 700;
	font-family: arial
}
.avatarListesiIMG {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  float: left;
  width: 44px;
  height: 44px;
  background: #eee;
  padding: 4px;
  margin: 4px;
}
.yetki_rumuz{
  font-size: 14px;
  line-height: 36px;
  font-weight: bold;
  color: #000000;
}
.yetki_rumuz2 {
  font-size: 14px;
  line-height: 36px;
  font-weight: bold;
  color: #ffffff;
}
.yetki_secondrumuz{
  margin-left: 10px;
  font-size: 14px;
  line-height: 36px;
  font-weight: bold;
  color: #fff;
}
.minni{
width: 100%;
}
.minni button{
  width: 70px;
  line-height: 10px;
  margin-right: 10px;
}
.minni-b{
  line-height: 10px;
  width: 100px;
}
.frengir{
  width: 330px;
  margin: 10px 0px 10px 10px;
}
.zy-6{
  padding-top: 0px!important;
}
.frengir span{
  width: 38px;
  top: 2px;
  background: none;
  line-height: 20px;
  position: absolute;
  right: 5px;
}
.md-rig{
  position: absolute;
  margin-top: -26px !important;
  margin-left: 22px !important;
}
.yetki_profil{
  margin-left: 10px;
  color: #c0ff00;
  font-weight: bold;
}
.react-draggable {
  margin: 0;
  position: absolute;
  top: 10%;
  left: 20%;
  right: 20%;
  transform: translate(-50%, -50%);
}

.ozel_discevre{
	border: 1px solid #aaa;
	background: #fff;
	color: #222;
	width: 660px;
	height: 466px;
	padding: 4px;
	border-radius: 8px;
	box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 30%);
	z-index: 4;
}
.privatemesaj{
	padding: 10px;
	position: relative;
	cursor: move;
	height:24px;
	color: #fff!important;
	box-sizing: content-box!important;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px
}
.moveCursor{
  cursor: move;
}
.fab_mikte {
  padding: 4px;
  background: #fff;
  position: absolute;
  bottom: 90px;
  border-radius: 4px;
  right: 10px;
  font-size: 13px;
  z-index: 9999;
}
.oda_bgh_pr{
	height: calc(100% - 48px)!important
}
.oda_bgh_pr ul{
	width: 100%;
	margin: 0;
	padding: 0;	
}
.oda_bgh_pr li{
  float: left;
  list-style-type: none;
  width: 46%;
  margin: 1.33%;
  height: 120px;
  position: relative;
}
.oda_bgh_pr img{
	width: 100%;
	height: 120px;
	border-radius: 5px;
	border: 3px #ffffff solid;
}
.oda_bgh_pr h1 { 
	position: absolute;
	top: 64px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	background: #08a393;
	color: #fff;
}
.oda_bgh_pr span{
  z-index: 9999;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 36px!important;
  border-radius: 60px;
  background: rgba(179, 180, 180, 0.514);
  position: absolute;
  margin-left: 60px;
  margin-top: 20px;
}
.i_text{
  position: absolute;
  z-index: 9999;
  width: 100%;
  bottom: -18px;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: rgb(11 9 12 / 77%);
}
.i_border{
	border: 3px rgb(3, 131, 250) solid!important;
}
.fllu{
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px)	
}
.back_images {
	background: transparent !important;
}
.modal-close{
	float: right;
	margin-top: 2px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
.modal-close button{
	border-radius: 2px;
	border: 0px;
	text-align: center;
	cursor: pointer;
}
.active_b {
    z-index: 99!important;
}
.beyaz_important {
    color: #fff !important;
}
.ozmsg img{
	height: 20px;
}
.load_dosya{
	height: 60px;
	top:0px;
	background: #ffffff52!important;
	position: absolute!important;
	width: calc(100% - 400px);
	z-index: 2;
}
.load_dosya_ozel{
	height: 25px;
	background: #4a99d138!important;
	position: absolute!important;
	width: 520px;
	z-index: 2;
}
.msj_sol{
  width: 220px;
  height: 415px;
  float: left;
  overflow: auto;
  position: absolute;
  z-index: 9;
  background: #fff;
}
.msj_sag{
	width: 650px;
	position: fixed;
}
.sag_msj_button_open{
  position: absolute;
  top: 140px;
  width: 22px;
  padding-right: 5px;
  background: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  z-index: 1;
}
.sag_msj_button_open i, .sag_msj_button_close i{
 color:#fff!important
}
.sag_msj_button_close{
  position: absolute;
  top: 140px;
  width: 26px;
  left: 216px;
  padding-right: 5px;
  background: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.oze_mes{
  width: 600px;
  float: left;
  flex: 1 1 auto;
  position: relative;
  padding-left: 1rem;
  margin-right: 1rem;
}
.yazismalani_ozel {
  padding: 8px;
  background: #fff;
  display: flex;
}
.dark-default-theme .yazismalani_ozel,
.dark-purple-theme .yazismalani_ozel,
.dark-pink-theme .yazismalani_ozel,
.dark-green-theme .yazismalani_ozel,
.dark-red-theme .yazismalani_ozel,
.dark-orange-theme .yazismalani_ozel,
.dark-blue-theme .yazismalani_ozel,
.dark-darkblue-theme .yazismalani_ozel,
.dark-lightpink-theme .yazismalani_ozel {
  background: #263238;
  border-color: #37474f;
  color: #f4f4f4;
}
.dark-default-theme .back_images,
.dark-purple-theme .back_images,
.dark-pink-theme .back_images,
.dark-green-theme .back_images,
.dark-red-theme .back_images,
.dark-orange-theme .back_images,
.dark-blue-theme .back_images,
.dark-darkblue-theme .back_images,
.dark-lightpink-theme .back_images {
	background: url("./../resimler/sistem/arkaplan-gece-modu_pc_ozel.png") repeat!important;
}
.yazismalani_ozel textarea {
  padding: 14px 160px 0px 30px!important;
  height: 54px;
}
.composer__middle--mennu {
  position: absolute;
  top: 0.625rem;
  right: 110px;
  cursor: pointer;
} 
.saft_menu{
  float: right;
  bottom: 40px;
  }
.composer__middle--mennu1 {
    position: absolute;
    top: 0.625rem;
    right: 65px;
    cursor: pointer;
}
.composer__middle--mennu2 {
    position: absolute;
    top: 0.625rem;
    right: 25px;
    cursor: pointer;
}

.yazismalani_ozel span.iconlarspan {
  width: 36px;
  font-size: 18px;
  vertical-align: inherit !important;
  color: #aaa;
  text-align: center !important;
  margin: 12px 8px;
  cursor: pointer;
}
.message_ozel_outer {
  width: 400px;
  float: left;
  min-height: 45px;
  background: #fff;
  margin: auto;
  border-radius: 5px;
  display: flex;
}
.ozmesajLi {
	height: 44px;
	margin: 0;
	padding: 5px 0 5px 5px;
	cursor: pointer;
	color:#000000;
	border-bottom: 1px solid #e1e1e153
}
.ozmesajLi.active{
  background: #e2f2ff;
  color: #000000;
}
.ozuser_name {
	font-weight: 700;
	width: 164px;
	white-space: nowrap;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	text-overflow: ellipsis;
	font-size: 11px;
	float: left;
}
.ozuser_msj {
	width: 160px;
	white-space: nowrap;
	overflow: hidden;
	height: 14px;
	line-height: 14px;
	text-overflow: ellipsis;
	font-size: 11px;
	float: left;
}
.ozuser_msj img, .ozuser_msj span{
	width:16px;
	height:16px;
}
.ozchat_img {
	float: left;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #d6d6d669;
	margin-right: 5px;
}
.ozchat_img img {
  max-width: 100%;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.mds-bottom {
	background: #f9fafb;
	padding: 1rem 1rem;
	border-top: 1px solid rgba(34, 36, 38, .15);
	text-align: right;
}
.ozel_orta {
    width: auto;
    height: 342px;
    overflow: auto;
    padding: 10px;
}
.icon-img {
    vertical-align: middle;
    margin-right: 10px;
    height: 25px;
    border-radius: 50%;
}
.title-cls {
    margin-left: 35px;
    position: absolute;
    top: 3px;
    white-space: nowrap;
    width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.title-cls small {
    position: relative;
    top: -3px;
}
#ozelikonlar {
  width: 310px;
  height: 210px;
  bottom: 64px;
  left: 0px;
  z-index: 999999;
  padding: 7px;
  position: absolute;
  overflow: auto;
  border-radius: 5px;
  border: 4px solid #c9c9c97d;
  background-color: #fff;
}
.ui.input {
    font-size: 1em;
}
.ui.input {
    position: relative;
    font-weight: 400;
    font-style: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: rgba(0,0,0,.87);
}
.ui.input {
    width: 97%;
}
.prit {
    padding: 0px;
    margin: 2px;
    border-radius: 25px;
    border: 0;
    box-shadow: none;
    outline: 0;
    letter-spacing: .04em;
    background: #88888812;
    width: 100%;
    height: 49px;
    resize: none;
}
.prit textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    resize: none;
    overflow-y: auto;
    border: 0;
    outline: 0;
    background: none;
    border-radius: 20px;
    padding-top: 12px;
    padding-left: 26px;
    font-size: 16px;
    color: #000000;
}
textarea {
    overflow: auto;
}
.ozel-default-message_head {
	margin: auto;
	min-width: 200px;
	max-width: 80%;
	clear: both;
	text-align: center
}

.ozel-default-message {
	color: #000;
	text-align: center;
	background-color: #8080804a;
	padding: 3px 11px;
	border-radius: 20px;
	text-align: center;
	letter-spacing: 1.7px;
	font-size: 12px;
	margin: auto;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both
}

.setttang-connect{
  overflow: hidden;
  width: 700px;
  height: 486px;
  position: absolute;
}
/*Aramalar Css*/
.phone-connect{
  overflow: hidden;
  width: 420px;
  height: 294px;
  position: absolute;
}
.phone-connect-one{
  overflow: hidden;
  width: 420px;
  height: 478px;
  position: absolute;
}

/*Admin Css*/
.admin-connect{
  background: #fff;
  overflow: hidden;
  width: 620px;
  height: 568px;
  position: absolute;
  padding: 0.2em;
  border: 1px solid #c5c5c5;
  font-family: Arial,Helvetica,sans-serif;
    z-index: 99;
}
.adminHeader {
  border-bottom: 1px solid #ddd;
  background: #0072ff;
  color:#ffffff;
  font-weight: 400;
  font-size: 13px;
  cursor: move;
  width: 100%;
  line-height: 34px;
  height: 34px;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adminHeader button {
  float: right;
  color: #454545;
  font-weight: bold;
  padding: 2px;
  margin: 7px;
  width: 18px;
  border: none;
  height: 18px;
  line-height: 8px;
  cursor: pointer;
}
.admin-home{
  width: 100%;
  height: 100%;
  max-height: 525px;
  overflow-y: overlay;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}
.menu-button{
  line-height: 10px !important;
  height: 110px;
  width: 30%;
  background: #0776ff none!important;
  color: #ffffff!important;
  cursor: pointer;
  display: inline-block;
  outline: 0;
  vertical-align: baseline;
  text-transform: none;
  text-shadow: none;
  text-align: center;
  text-decoration: none;
  padding: 18px 3px 0 !important;
  margin: 10px !important;
  box-shadow: 0 1px 7px 1px rgb(0 15 255 / 37%) !important;
  -webkit-box-shadow: 0 1px 7px 1px rgb(8 8 8 / 17%);
  border-radius: 4px !important;
  font-size: 15px !important;
}
.bigmd:before{
  font-size: 40px;
  padding: 14px;
  margin-bottom: 20px;
  color: #fff;
}
.admin_bigsearch{
  width: 600px;
  margin: 5px;
  border-radius: 0px;
}
.admin_bigsearch{
  border-radius: 0px!important;
}
.admin_bigsearch span{
  width: 38px;
  background: none!important;
  line-height: 18px;
  position: absolute;
  right: 5px;
}
.main-box {
  background: #FFFFFF;
  margin-bottom: 16px;
  -webikt-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.table a.table-link.danger {
    color: #e74c3c;
}
.label {
    border-radius: 3px;
    font-size: 0.875em;
    font-weight: 600;
}
.user-list{
  margin-bottom: 0!important;
  border: 1px solid #cccccc5c;
}
.user-list tbody td .user-subhead {
    font-size: 12px;
}
.user-list tbody td .user-link {
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.user-list tbody td>img {
  position: relative;
  max-width: 40px;
  float: left;
  margin-right: 15px;
  border-radius: 40px;
}

.table thead tr th, .table-nowrap td, .table-nowrap th {
    white-space: nowrap;
    font-size: 12px!important;
    vertical-align: middle;
    border-top: 1px solid #e7ebee;
    padding: 4px;
}
.table tbody tr td:first-child {
    font-size: 1.125em;
    font-weight: 300;
}
.table tbody tr td {
  font-size: 0.875em;
  vertical-align: middle;
  border-top: 1px solid #e7ebee;
  padding: 4px;
}
a:hover{
text-decoration:none;
}
.list_header{
  height:36px;
  display: flex;
  align-items: center;
  padding-left:10px;
  background: #31789338;
  color:#000!important;
}
.list_header span{
  padding-left:10px;
  font-weight: bold;
  color:#000!important;
}
.list_header i{
cursor: pointer;
color:#000!important;
}
.admin_icbolum{
  width: 613px;
  height: 530px;
}
.UyeFormAlani{
  width: 613px;
  padding: 8px;
  height: 490px;
  overflow: auto;
}
.UyeFormDetay {
    width: 613px;
    padding: 8px;
    height: 410px;
    overflow: auto;
}
.user_head{
  background: #3e3e3e none!important;
  color: rgb(255 255 255)!important;
  padding: 10px; 
}
.user_head span{
  color: rgb(255 255 255)!important;
  font-size: 12px!important;
  font-weight: normal!important;
}
.yetkibolumleri {
  width: 590px;
  height: auto;
  float: left;
  margin-top: 4px;
  border: 1px solid #ccc;
  position: relative;
}
.yetkibolumleri ul {
  margin: 0;
  padding: 6px;
  height: 156px;
}
.yetkibolumleri ul li {
  list-style: none;
  float: left;
  font: 12px Arial;
  color: #000;
  width: 191px;
  display: block;
  padding: 2px;
}
.yetkibolumleri ul li label {
  float: left;
}
.yetkibolumleri input {
  float: left;
  margin-right: 5px;
}
.all_button{
margin-left: 8px;
}
.all_button button{
  width: 22px;
  height: 22px;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 0;
  background: #000000a1;
  margin-right: 4px;
  border: 0;
  cursor: pointer;
}
.two_group_button{
  width: 100%;
  text-align: center;
}
.two_group_button button, .two_group_button div{
  width: 160px;
  margin:10px;
  font-size: 14px!important;
  cursor: pointer;
}
.timeEnd{
  height: 30px;
  background: #6fc1c5;
  line-height: 30px;
  padding-left: 10px;
  color: #fff;
}
.timeEndalt{
  margin-bottom: 14px;
  border-bottom: 1px solid #ccc;
}
.timeEndalt select{
  margin: 10px;
  width: 100px;
}
.image-delete{
  position: absolute;
  width: 60px;
  top: 121px;
  left: 6px;
  font-size: 11px;
  border-radius: 5px;
  border: none;
  background: #ededed;
}
.outline::after{
	content: none!important;
}
.not_user{
  padding:10px
}
.image-ups{
  position: absolute;
  right: 20px;
}
.right10{
  right: 10px;
  position: absolute;
}
.list-scrool{
  width: 602px;
  height: 430px;
  overflow: auto;
}
.setting_contanier{
  height: 440px;
  overflow: auto;
  margin:5px
}
.setting_contanier li{
  border-bottom: 1px solid #e9e9e9;
}
.setting_clore {
  margin: 32px 10px;
  font-size: 14px;
  position: relative;
  z-index: 1;
}
.padding050 {
padding: 0.5rem 0!important;
}
.form-connect-ulk{margin-bottom:3px}
.form-connect-ulk select{
  float: left!important;
  width: 590px!important;
  height: 220px!important;
  margin-bottom: 10px!important;
  padding: 10px;
  border: 1px solid #e1e1e1;
}
.form-connect-ulk option{
  float: left!important;
  width: 131px!important;
  height: 26px!important;
  font-size: 12px;
  white-space: nowrap;
  padding: 5px;
  margin: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
  border: 1px solid #eeecec;
  cursor: pointer;
}
.form-connect-ulk option:checked {
	background: #ff5e00!important;
	color: #ffffff;
}
.disabled {
	pointer-events: none;
	opacity: .5
}
.faired{
  padding: 5px;
  border-bottom: 1px solid #ededed;
}
.empty_list{
  text-align: center;
  padding: 20px;
  font-size: 16px;
}
.empty_list ::before{
  font-size: 100px!important;
}

.islemdetay{
  color: #63ad6f !important;
  background-color: rgba(99,173,111,.1);
}
.first_th{
  width: 100px;
  max-width: 100px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.second_th{
  width: 140px;
  max-width: 140px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.thirts_th{
  width: 190px;
  max-width: 190px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.forts_th{
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Bsecond_th{
  width: 160px;
  max-width: 160px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Bthirts_th{
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pointers{
  cursor: pointer;
}
.r_font{
  text-decoration: underline;
  font-weight: 900;
}
.pagination-container {
  margin-top: 5px!important;
  display: flex;
  list-style-type: none;
}
.pagination-container .pagination-item {
  padding: 0;
  height: 22px!important;
  text-align: center;
  margin: auto 2px;
  color: rgba(0, 0, 0, 0.87);
  box-sizing: border-box;
  align-items: center;
  border: 1px solid #e6e6e6;
  line-height: 22px;
  font-size: 10px;
  width: 22px;
}
.pagination-container i {
  float: none!important;
  width: 22px!important;
}
.pagination-container .pagination-item.dots:hover {
  background-color: transparent;
  cursor: default;
}
.pagination-container .pagination-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.pagination-container .pagination-item.selected {
  background-color: rgba(0, 0, 0, 0.08);
}
.pagination-container .pagination-item .arrow::before {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-right: 0.12em solid rgba(0, 0, 0, 0.87);
  border-top: 0.12em solid rgba(0, 0, 0, 0.87);
}
.pagination-container .pagination-item .arrow.left {
  transform: rotate(-135deg) translate(-50%);
}
.pagination-container .pagination-item .arrow.right {
  transform: rotate(45deg);
}
.pagination-container .pagination-item.disabled {
  pointer-events: none;
}
.pagination-container .pagination-item.disabled .arrow::before {
  border-right: 0.12em solid rgba(0, 0, 0, 0.43);
  border-top: 0.12em solid rgba(0, 0, 0, 0.43);
}
.pagination-container .pagination-item.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.pagination-container .pagination-item ::before{
font-size: 12px;
}
.room_td{
  max-width: 15px;
  width: 15px;
  text-align: center;
  font-size: 13px!important;
}
.btn {
  cursor: pointer;
}
.radyoiframe{
  width: 100%;
  height: 460px;
  border: none;
  margin: 0;
  padding: 0;
  z-index: 999999;
}
.consol_panel{
  width: 100%;
  height: 100%;
  max-height:550px; 
  overflow-y: overlay; 
  overflow-x: hidden;
  margin:0;
  padding:0;
}
.consol_panel a{
  width:30%
}
.consol_header{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  width: 612px;
  padding-left: 10px;
  color: #fff;
  background-color: #5192d1;
  font-size: 12px;
}
.consol-buttons {
  padding: 18px 3px 0 !important;
  line-height: 20px !important;
  height: 70px;
  margin: 10px !important;
  box-shadow: 0 1px 7px 1px rgba(128, 128, 128, 0.1) !important;
  border-radius: 4px !important;
  width: 30%;
  font-size: 15px !important;
  height: 100px;
}
.consol-buttons span:last-child {
  padding: 10px 0;
  display: inline-block;
  font-size: 14px;
}
.consol-buttons:hover {
  background: #eaeaea !important;
  box-shadow: 0 1px 7px 1px rgba(128, 128, 128, 0.2) !important;
}
.x_panel{
position:relative;width:100%;
margin-bottom:10px;
padding:10px 8px;
display:inline-block;
background:#fff;
border:1px solid #E6E9ED;
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
opacity:1;transition:all .2s ease
}
.x_title{
border-bottom:2px solid #E6E9ED;padding:1px 5px 6px;margin-bottom:4px
}
.x_title .filter{width:40%;float:right}
.x_title h2{
margin:5px 0 6px;
font-size:16px;
float:left;
display:block;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
color: #495057!important;
}
.x_title h2 small{margin-left:10px}
.x_title span{color:#BDBDBD}
.x_content{
position:relative;width:100%;float:left;clear:both;margin-top:5px;
color: #495057!important;
}
.x_content h4{font-size:16px;font-weight:500}
.panel_toolbox{float:right;min-width:45px}
.panel_toolbox>li{float:left;cursor:pointer}
.panel_toolbox>li>a{padding:5px;color:#C5C7CB;font-size:14px}
.panel_toolbox>li>a:hover{background:#F5F7FA}
.c_text{
 font-size:13px;
 color: #495057!important;
 padding-left: 5px;
}
.t_text{
  font-size:11px;
  color: #495057!important;
  padding-left: 5px;
}
.back_up{
  height: 28px;
  font-size: 11px!important;
}
.back_bayt{
  float:right;
  line-height: 38px;
  font-size: 14px;
  margin-left: 25px!important;
  margin-right: 25px!important;
  color: #495057!important;
}
.widget_summary {
	width: 100%;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size:13px;
}
.widget_summary .w_left {
	float: left;
	text-align: left;
	line-height: 14px;
}
.w_35 {
	width: 35%;
	color: #73879C;
	text-overflow: ellipsis;
	text-align: left !important;
	word-break: break-all;
}
.w_50 {
	width: 50%;
}
.w_15 {
	width: 15%;
	float: right;
	text-align: right;
	font-size: 14px;
	color: #73879C;
	line-height: 14px;
}
.c_center{
  text-align: center;
  font-size:14px;
  color: #495057!important;
}
.c_divider {
  border-bottom: 1px solid #ddd;
  margin: 10px;
}
.consol-info {
  color: #e9edef;
  background-color: #012d4a;
  padding: 20px;
}
.tille{
 float:left;
 width: 280px!important;
}
.m_left{
  margin-left: 13px;
}
.tile_count {
  margin-bottom: 20px;
  margin-top: 0px;
}
.fixed_340{
  padding: 0;
  margin: 0;  
  border: 0;
}
.tile_count .tile_stats_count {
  border-bottom: 1px solid #D9DEE4!important;
  padding: 0 10px 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  float: left;
  width: 33.3%;
  background-color: #f7f7f7!important;
  color: #495057!important;
}
.tile_count .tile_stats_count:before {
  content: "";
  position: absolute;
  left: 0;
  height: 65px;
  border-left: 2px solid #ADB2B5;
  margin-top: 10px;
}
.p_cas::before{
  content: none!important;
}
.tile_count .tile_stats_count span {
  font-size: 12px;
}
.tile_count .tile_stats_count .count {
  font-size: 30px;
  line-height: 47px;
  font-weight: 600;
}
.prpm-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
.prpm {
  overflow: hidden;
  height: 16px;
  margin-bottom: 0px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
  position: relative;
  border-radius: 0;
}
.prpm .prpm-bar {
  position: absolute;
  overflow: hidden;
  line-height: 16px;
  height: 16px;
  min-width: 30px;
}
.bg-green {
  background: #1ABB9C !important;
  border: 1px solid #1ABB9C !important;
  color: #fff;
}
.size11{
	font-size: 11px;
}
.r_onar{
	margin-top: 10px!important;
	font-size: 15px!important;
}
.c_divider {
  border-bottom: 1px solid #ddd;
  margin: 10px 0px 10px 0px;
}
.text-linner{
  margin-top: 10px;
}
.admin-connect label{
  color: #212529!important;
}
.admin-connect select, 
.admin-connect input,
.admin-connect textarea{
  color: #495057!important;
  background-color: #fff!important;
  border: 1px solid #ced4da!important;
  border-color: #ced4da!important;
}
.admin-connect .setting-list-name,
.admin-connect .list-group-item,
.admin-connect .settingmenu__name
{
 color: #495057!important; 
}
.bottom_li li{
  border-bottom: 1px solid #edecec;
}
.text_meta{
height: 55px!important; 
resize: none
}
.text_ana{
height: 200px!important;
resize: none
}
.text_mini{
height: 150px!important;
resize: none  
}
.admin_palleto{
  border: 1px solid #fbfbfb;
  width: 565px;
  max-width: 565px;
  margin-left: 14px;
  height: 40px;
  line-height: 40px;
  background: #bde4ed;
}
.admin_odarenks{
  width: 30px;
  height: 30px;
  margin-top: 4px;
  border: 1px solid #aaa;
  border-radius: 100%;
  float: right;
  margin-right: 5px;
  cursor: pointer;
}
.odarenks {
  width: 30px;
  margin-top: -4px;
  height: 30px;
  line-height: 34px;
  border: 1px solid #aaa;
  border-radius: 100%;
  float: right;
  margin-right: 5px;
}
.konusturan{font-size:12px;color:#FF0000;font-weight:normal!important;pointer-events: none}
.card-content {
position: absolute;
margin-left: 2px;
z-index: 5;
bottom: 66px;
border: 8px #ffffff solid;
border-radius: 5px;
max-width: 500px;
min-width: 250px;
max-height: 300px;
overflow: auto;
background: #e6e6e6;
padding: 12px;
}
.tep_me ul:after, .tep_me ul:before {
  content: none !important;
}
.tep_me img {
  height: 34px!important;
  border-radius: 0px;
  width: 34px!important;
}
.pros {
  height: 34px!important;
  border-radius: 34px!important;
  width: 34px!important;
}
.a_rumuz{
  font-size: 13px;
  line-height: 15px!important;
  font-weight: 600;
}
.a_rumuz span{
  float:right;
  cursor: pointer;
}
.righter{
	float:right
}
.a_text{
	font-size: 13px;
	line-height: 18px;
	font-style: italic;
	overflow-wrap: break-word;
	color: #393d41;
	margin-right: 30px;
  overflow: hidden;
	text-overflow: ellipsis;
	text-align: left !important;
	word-break: break-all;
}
.v_left{
  float: left;
  width: 44px;
}
.oz_a_text{
  font-size: 13px;
	line-height: 18px;
	font-style: italic;
	overflow-wrap: break-word;
	color: #393d41;
	margin-right: 30px;
  overflow: hidden;
	text-overflow: ellipsis;
	text-align: left !important;
	word-break: break-all;
}
.righter{
	float:right
}
.setbottom{
  bottom: 90px!important;
  min-height: 130px;
  min-width: 300px;
}
.setbottom .time{
    bottom: 8px;
    position: absolute;
    right: 8px;
}
.ca-received__msg .alinti_div{
  background: #dfdfdfc2!important;
}
.alinti_div {
  background: #d1d1d18f;
  border-radius: 10px;
  padding: 10px;
  opacity: 1;
  text-align: left;
  margin-bottom: 6px;
}
.alinti_div img {
  max-height: 30px;
}

.alinti_div .metadata {
	display: inline-block;
	margin-left: .5em;
	color: rgba(0, 0, 0, .4);
	font-size: .875em
}
.alinti_div .resimbuyut img {
  max-height: 30px;
}
.alinti_div .metadata>* {
	display: inline-block;
	margin: 0 .5em 0 0
}

.alinti_div .metadata>:last-child {
	margin-right: 0
}

.alinti_div .text {
	margin: .25em 0 .5em;
	font-size: 1em;
	word-wrap: break-word;
	color: rgba(0, 0, 0, .87);
	line-height: 1.3
}
.alinti_div .date {
  font-size: 9px !important;
  font-weight: 400 !important;
}
.alinti_div .avatar {
  display: block;
  width: 40px;
  height: auto;
  float: left;
  margin: 0.2em 0 0;
  cursor: pointer;
}
.alinti_div .fly_div {
  margin-left: 46px;
  display: block;
}
.alinti_div .author {
  font-size: 12px!important;
  color: #000000!important;
  font-weight: 700!important;
  cursor: pointer!important;
}
.miin-width{
  min-width: 420px!important;
}
.iziToast-capsule {
  font-size: 0;
  height: 0;
  width: 100%;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.iziToast-capsule,
.iziToast-capsule * {
  box-sizing: border-box;
}
.iziToast-overlay {
  display: block;
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: 997;
}
.iziToast {
  display: inline-block;
  clear: both;
  position: relative;
  font-family: 'Lato', Tahoma, Arial;
  font-size: 14px;
  padding: 8px 45px 9px 0;
  background: rgba(238,238,238,0.9);
  border-color: rgba(238,238,238,0.9);
  width: 100%;
  pointer-events: all;
  cursor: default;
  transform: translateX(0);
  -webkit-touch-callout: none /* iOS Safari */;
  -webkit-user-select: none /* Chrome/Safari/Opera */;
  -khtml-user-select: none /* Konqueror */;
  -moz-user-select: none /* Firefox */;
  -ms-user-select: none /* Internet Explorer/Edge */;
  user-select: none;
  min-height: 54px;
}
.iziToast > .iziToast-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: rgba(255,255,255,0.2);
}
.iziToast > .iziToast-progressbar > div {
  height: 2px;
  width: 100%;
  background: rgba(0,0,0,0.3);
  border-radius: 0 0 3px 3px;
}
.iziToast.iziToast-balloon:before {
  content: '';
  position: absolute;
  right: 8px;
  left: auto;
  width: 0px;
  height: 0px;
  top: 100%;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  border-radius: 0;
}
.iziToast.iziToast-balloon .iziToast-progressbar {
  top: 0;
  bottom: auto;
}
.iziToast.iziToast-balloon > div {
  border-radius: 0 0 0 3px;
}
.iziToast > .iziToast-cover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: rgba(0,0,0,0.1);
}
.iziToast > .iziToast-close {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  padding: 0;
  opacity: 0.6;
  width: 42px;
  height: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px;
  cursor: pointer;
  outline: none;
}
.iziToast > .iziToast-close:hover {
  opacity: 1;
}
.iziToast > .iziToast-body {
  position: relative;
  padding: 0 0 0 10px;
  height: auto;
  min-height: 36px;
  margin: 0 0 0 15px;
  text-align: left;
}
.iziToast > .iziToast-body:after {
  content: "";
  display: table;
  clear: both;
}
.iziToast > .iziToast-body .iziToast-texts {
  margin: 10px 0 0 0;
  padding-right: 2px;
  display: inline-block;
}
.iziToast > .iziToast-body .iziToast-inputs {
  min-height: 19px;
  float: left;
  margin: 3px -2px;
}
.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]),
.iziToast > .iziToast-body .iziToast-inputs > select {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 4px 7px;
  font-size: 13px;
  letter-spacing: 0.02em;
  background: rgba(0,0,0,0.1);
  color: #000;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
  min-height: 26px;
}
.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus,
.iziToast > .iziToast-body .iziToast-inputs > select:focus {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.6);
}
.iziToast > .iziToast-body .iziToast-buttons {
  min-height: 17px;
  float: left;
  margin: 4px -2px;
}
.iziToast > .iziToast-body .iziToast-buttons > a,
.iziToast > .iziToast-body .iziToast-buttons > button,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.02em;
  cursor: pointer;
  background: rgba(0,0,0,0.1);
  color: #000;
}
.iziToast > .iziToast-body .iziToast-buttons > a:hover,
.iziToast > .iziToast-body .iziToast-buttons > button:hover,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover {
  background: rgba(0,0,0,0.2);
}
.iziToast > .iziToast-body .iziToast-buttons > a:focus,
.iziToast > .iziToast-body .iziToast-buttons > button:focus,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.6);
}
.iziToast > .iziToast-body .iziToast-buttons > a:active,
.iziToast > .iziToast-body .iziToast-buttons > button:active,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active {
  top: 1px;
}
.iziToast > .iziToast-body .iziToast-icon {
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  display: table;
  font-size: 23px;
  line-height: 24px;
  margin-top: -12px;
  color: #000;
  width: 24px;
  height: 24px;
}
.iziToast > .iziToast-body .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast > .iziToast-body .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast > .iziToast-body .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%;
}
.iziToast > .iziToast-body .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast > .iziToast-body .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast > .iziToast-body .iziToast-title {
  padding: 0;
  margin: 0;
  line-height: 16px;
  font-size: 14px;
  text-align: left;
  float: left;
  color: #000;
  white-space: normal;
}
.iziToast > .iziToast-body .iziToast-message {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  float: left;
  color: rgba(0,0,0,0.6);
  white-space: normal;
  width: 100%;
}
.iziToast.iziToast-animateInside .iziToast-title,
.iziToast.iziToast-animateInside .iziToast-message,
.iziToast.iziToast-animateInside .iziToast-icon,
.iziToast.iziToast-animateInside .iziToast-buttons-child,
.iziToast.iziToast-animateInside .iziToast-inputs-child {
  opacity: 0;
}
.iziToast-target {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.iziToast-target .iziToast-capsule {
  overflow: hidden;
}
.iziToast-target .iziToast-capsule:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.iziToast-target .iziToast-capsule .iziToast {
  width: 100%;
  float: left;
}
.iziToast-wrapper {
  z-index: 99999;
  position: fixed;
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column;
}
.iziToast-wrapper .iziToast.iziToast-balloon:before {
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  right: 8px;
  left: auto;
}
.iziToast-wrapper-bottomLeft {
  left: 0;
  bottom: 0;
  text-align: left;
}
.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px;
}
.iziToast-wrapper-bottomRight {
  right: 0;
  bottom: 0;
  text-align: right;
}
.iziToast-wrapper-topLeft {
  left: 0;
  top: 0;
  text-align: left;
}
.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px;
}
.iziToast-wrapper-topRight {
  top: 0;
  right: 0;
  text-align: right;
}
.iziToast-wrapper-topCenter {
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.iziToast-wrapper-bottomCenter {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.iziToast-wrapper-center {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}
.iziToast-rtl {
  direction: rtl;
  padding: 8px 0 9px 45px;
  font-family: Tahoma, 'Lato', Arial;
}
.iziToast-rtl .iziToast-cover {
  left: auto;
  right: 0;
}
.iziToast-rtl .iziToast-close {
  right: auto;
  left: 0;
}
.iziToast-rtl .iziToast-body {
  padding: 0 10px 0 0;
  margin: 0 16px 0 0;
  text-align: right;
}
.iziToast-rtl .iziToast-body .iziToast-buttons,
.iziToast-rtl .iziToast-body .iziToast-inputs,
.iziToast-rtl .iziToast-body .iziToast-texts,
.iziToast-rtl .iziToast-body .iziToast-title,
.iziToast-rtl .iziToast-body .iziToast-message {
  float: right;
  text-align: right;
}
.iziToast-rtl .iziToast-body .iziToast-icon {
  left: auto;
  right: 0;
}
@media only screen and (min-width: 568px) {
  .iziToast-wrapper {
    padding: 10px 15px;
  }
  .iziToast {
    margin: 5px 0;
    border-radius: 3px;
    width: auto;
  }
  .iziToast:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1), 0 8px 8px -5px rgba(0,0,0,0.25);
  }
  .iziToast:not(.iziToast-rtl) .iziToast-cover {
    border-radius: 3px 0 0 3px;
  }
  .iziToast.iziToast-rtl .iziToast-cover {
    border-radius: 0 3px 3px 0;
  }
  .iziToast.iziToast-color-dark:after {
    box-shadow: inset 0 -10px 20px -10px rgba(255,255,255,0.3), 0 10px 10px -5px rgba(0,0,0,0.25);
  }
  .iziToast.iziToast-balloon .iziToast-progressbar {
    background: transparent;
  }
  .iziToast.iziToast-balloon:after {
    box-shadow: 0 10px 10px -5px rgba(0,0,0,0.25), inset 0 10px 20px -5px rgba(0,0,0,0.25);
  }
  .iziToast-target .iziToast:after {
    box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1);
  }
}
.iziToast.iziToast-theme-dark {
  background: #565c70;
  border-color: #565c70;
}
.iziToast.iziToast-theme-dark .iziToast-title {
  color: #fff;
}
.iziToast.iziToast-theme-dark .iziToast-message {
  color: rgba(255,255,255,0.7);
  font-weight: 300;
}
.iziToast.iziToast-theme-dark .iziToast-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px;
}
.iziToast.iziToast-theme-dark .iziToast-icon {
  color: #fff;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%;
}
.iziToast.iziToast-theme-dark .iziToast-buttons > a,
.iziToast.iziToast-theme-dark .iziToast-buttons > button,
.iziToast.iziToast-theme-dark .iziToast-buttons > input {
  color: #fff;
  background: rgba(255,255,255,0.1);
}
.iziToast.iziToast-theme-dark .iziToast-buttons > a:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:hover {
  background: rgba(255,255,255,0.2);
}
.iziToast.iziToast-theme-dark .iziToast-buttons > a:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:focus {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
}
.iziToast.iziToast-color-red {
  background: rgba(255,175,180,0.9);
  border-color: rgba(255,175,180,0.9);
}
.iziToast.iziToast-color-orange {
  background: rgba(255,207,165,0.9);
  border-color: rgba(255,207,165,0.9);
}
.iziToast.iziToast-color-yellow {
  background: rgba(255,249,178,0.9);
  border-color: rgba(255,249,178,0.9);
}
.iziToast.iziToast-color-blue {
  background: rgba(157,222,255,0.9);
  border-color: rgba(157,222,255,0.9);
}
.iziToast.iziToast-color-green {
  background: rgba(166,239,184,0.9);
  border-color: rgba(166,239,184,0.9);
}
.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts,
.iziToast.iziToast-layout2 .iziToast-body .iziToast-message {
  width: 100%;
}
.iziToast.iziToast-layout3 {
  border-radius: 2px;
}
.iziToast.iziToast-layout3::after {
  display: none;
}
.iziToast.revealIn,
.iziToast .revealIn {
  -webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  -moz-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
}
.iziToast.slideIn,
.iziToast .slideIn {
  -webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  -moz-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
}
.iziToast.bounceInLeft {
  -webkit-animation: iziT-bounceInLeft 0.7s ease-in-out both;
  animation: iziT-bounceInLeft 0.7s ease-in-out both;
}
.iziToast.bounceInRight {
  -webkit-animation: iziT-bounceInRight 0.85s ease-in-out both;
  animation: iziT-bounceInRight 0.85s ease-in-out both;
}
.iziToast.bounceInDown {
  -webkit-animation: iziT-bounceInDown 0.7s ease-in-out both;
  animation: iziT-bounceInDown 0.7s ease-in-out both;
}
.iziToast.bounceInUp {
  -webkit-animation: iziT-bounceInUp 0.7s ease-in-out both;
  animation: iziT-bounceInUp 0.7s ease-in-out both;
}
.iziToast.fadeIn,
.iziToast .fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both;
}
.iziToast.fadeInUp {
  -webkit-animation: iziT-fadeInUp 0.7s ease both;
  animation: iziT-fadeInUp 0.7s ease both;
}
.iziToast.fadeInDown {
  -webkit-animation: iziT-fadeInDown 0.7s ease both;
  animation: iziT-fadeInDown 0.7s ease both;
}
.iziToast.fadeInLeft {
  -webkit-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.iziToast.fadeInRight {
  -webkit-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.iziToast.flipInX {
  -webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
  animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
}
.iziToast.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both;
}
.iziToast.fadeOutDown {
  -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}
.iziToast.fadeOutUp {
  -webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}
.iziToast.fadeOutLeft {
  -webkit-animation: iziT-fadeOutLeft 0.5s ease both;
  animation: iziT-fadeOutLeft 0.5s ease both;
}
.iziToast.fadeOutRight {
  -webkit-animation: iziT-fadeOutRight 0.5s ease both;
  animation: iziT-fadeOutRight 0.5s ease both;
}
.iziToast.flipOutX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}
.iziToast-overlay.fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both;
}
.iziToast-overlay.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both;
}
@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(280px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  70% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  70% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(10px);
  }
  70% {
    -webkit-transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
  }
  70% {
    -webkit-transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px);
  }
  50% {
    opacity: 1;
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px);
  }
  50% {
    opacity: 1;
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px);
  }
  50% {
    opacity: 1;
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px);
  }
  50% {
    opacity: 1;
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  70% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  70% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-o-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  70% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  70% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-o-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-o-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-moz-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-o-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-moz-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-o-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-moz-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@-o-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@-moz-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@-o-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@-moz-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-o-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.bnfont1 {
	font-size: 16px!important;
	font-family: 'Kalam', cursive!important;
	font-weight: bold!important;
}

.bnfont2 {
	font-size: 16px!important;
	font-family: 'Signika', sans-serif!important;
	font-weight: bold!important;
}

.bnfont3 {
	font-size: 16px!important;
	font-family: 'Grandstander', cursive!important;
	font-weight: bold!important;
}

.bnfont4 {
	font-size: 16px!important;
	font-family: 'Comic Neue', cursive!important;
	font-weight: bold!important;
}

.bnfont5 {
	font-size: 16px!important;
	font-family: 'Quicksand', sans-serif!important;
	font-weight: bold!important;
}

.bnfont6 {
	font-size: 16px!important;
	font-family: 'Orbitron', sans-serif!important;
	font-weight: bold!important;
}

.bnfont7 {
	font-size: 16px!important;
	font-family: 'lemonada', cursive!important;
	font-weight: bold!important;
}

.bnfont8 {
	font-size: 16px!important;
	font-family: 'Grenze Gotisch', cursive!important;
	font-weight: bold!important;
}

.bnfont9 {
	font-size: 16px!important;
	font-family: 'Merienda', cursive!important;
	font-weight: bold!important;
}

.bnfont10 {
	font-size: 16px!important;
	font-family: 'Amita', cursive!important;
	font-weight: bold!important;
}

.bnfont11 {
	font-size: 16px!important;
	font-family: 'Averia Libre', cursive!important;
	font-weight: bold!important;
}

.bnfont12 {
	font-size: 16px!important;
	font-family: 'Turret Road', cursive!important;
	font-weight: bold!important;
}

.bnfont13 {
	font-size: 16px!important;
	font-family: 'Sansita', sans-serif!important;
	font-weight: bold!important;
}

.bnfont14 {
	font-size: 16px!important;
	font-family: 'Comfortaa', cursive!important;
	font-weight: bold!important;
}

.bnfont15 {
	font-size: 16px!important;
	font-family: 'Charm', cursive!important;
	font-weight: bold!important;
}

.bnfont16 {
	font-size: 16px!important;
	font-family: 'Lobster Two', cursive!important;
	font-weight: bold!important;
}

/* Renkli Çerçeve */

.bneon1 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #e60000, 1px 1px 3px #ff3333, 1px 1px 5px #ff3333;
}

.bneon2 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #e63900, 1px 1px 3px #ff6633, 1px 1px 5px #ff6633;
}

.bneon3 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #e67300, 1px 1px 3px #ff9933, 1px 1px 5px #ff9933;
}

.bneon4 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #b38600, 1px 1px 3px #ffcc33, 1px 1px 5px #ffcc33;
}

.bneon5 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #808000, 1px 1px 3px #cccc00, 1px 1px 5px #cccc00;
}

.bneon6 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #739900, 1px 1px 3px #99cc00, 1px 1px 5px #99cc00;
}

.bneon7 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #408000, 1px 1px 3px #59b300, 1px 1px 5px #59b300;
}

.bneon8 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #637042, 1px 1px 3px #829356, 1px 1px 5px #829356;
}

.bneon9 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #004d00, 1px 1px 3px #008000, 1px 1px 5px #008000;
}

.bneon10 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #009926, 1px 1px 3px #00e639, 1px 1px 5px #00e639;
}

.bneon11 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #00994d, 1px 1px 3px #00e673, 1px 1px 5px #00e673;
}

.bneon12 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #009973, 1px 1px 3px #00e6ac, 1px 1px 5px #00e6ac;
}

.bneon13 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #008080, 1px 1px 3px #00cccc, 1px 1px 5px #00cccc;
}

.bneon14 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #027997, 1px 1px 3px #03add8, 1px 1px 5px #03add8;
}

.bneon15 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #0040ff, 1px 1px 3px #3366ff, 1px 1px 5px #3366ff;
}

.bneon16 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #0c5d73, 1px 1px 3px #107896, 1px 1px 5px #107896;
}

.bneon17 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #003366, 1px 1px 3px #004d99, 1px 1px 5px #004d99;
}

.bneon18 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #2d00b3, 1px 1px 3px #6633ff, 1px 1px 5px #6633ff;
}

.bneon19 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #7300e6, 1px 1px 3px #9933ff, 1px 1px 5px #9933ff;
}

.bneon20 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #ac00e6, 1px 1px 3px #cc33ff, 1px 1px 5px #cc33ff;
}

.bneon21 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #cc00cc, 1px 1px 3px #ff33ff, 1px 1px 5px #ff33ff;
}

.bneon22 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #e600ac, 1px 1px 3px #ff33cc, 1px 1px 5px #ff33cc;
}

.bneon23 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #cc0066, 1px 1px 3px #ff3399, 1px 1px 5px #ff3399;
}

.bneon24 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #e60039, 1px 1px 3px #ff3366, 1px 1px 5px #ff3366;
}

.bneon25 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #503930, 1px 1px 3px #604439, 1px 1px 5px #604439;
}

.bneon26 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #604439, 1px 1px 3px #795548, 1px 1px 5px #795548;
}

.bneon27 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #805a4d, 1px 1px 3px #a97f70, 1px 1px 5px #a97f70;
}

.bneon28 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #9f7160, 1px 1px 3px #bc9b8f, 1px 1px 5px #bc9b8f;
}

.bneon29 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #808080, 1px 1px 3px #9E9E9E, 1px 1px 5px #9E9E9E;
}

.bneon30 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #5e7a87, 1px 1px 3px #879fab, 1px 1px 5px #879fab;
}

.bneon31 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #495f69, 1px 1px 3px #698796, 1px 1px 5px #698796;
}

.bneon32 {
	color: #fff!important;
	text-shadow: 1px 1px 1px #2a363c, 1px 1px 3px #495f69, 1px 1px 5px #495f69;
}


/* gradient colors */

.bneon33 {
	background: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);
}

.bneon34 {
	background: linear-gradient(to right, #11998e, #38ef7d);
}

.bneon35 {
	background: linear-gradient(to right, #fc466b, #3f5efb);
}

.bneon36 {
	background: linear-gradient(to right, #00f260, #0575e6);
}

.bneon37 {
	background: linear-gradient(to right, #fc4a1a, #f7b733);
}

.bneon38 {
	background: linear-gradient(to right, #22c1c3, #fdbb2d);
}

.bneon39 {
	background: linear-gradient(to right, #7f00ff, #e100ff);
}

.bneon40 {
	background: linear-gradient(to right, #ee0979, #ff6a00);
}

.bneon41 {
	background: linear-gradient(to right, #00c3ff, #ffff1c);
}

.bneon42 {
	background: linear-gradient(to right, #fc00ff, #00dbde);
}

.bneon43 {
	background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}

.bneon44 {
	background: linear-gradient(to right, #bdc3c7, #2c3e50);
}

.bneon45 {
	background: linear-gradient(to right, #373B44, #4286f4);
}

.bneon46 {
	background: linear-gradient(to right, #FF0099, #493240);
}

.bneon47 {
	background: linear-gradient(to right, #f953c6, #b91d73);
}

.bneon48 {
	background: linear-gradient(to right, #dd3e54, #6be585);
}

.bneon49 {
	background: linear-gradient(to right, #8360c3, #2ebf91);
}

.bneon50 {
	background: linear-gradient(to right, #544a7d, #ffd452);
}

.bneon51 {
	background: linear-gradient(to right, #009FFF, #ec2F4B);
}

.bneon52 {
	background: linear-gradient(to right, #59C173, #a17fe0, #5D26C1);
}

.bneon53 {
	background: linear-gradient(to right, #a8c0ff, #3f2b96);
}

.bneon54 {
	background: linear-gradient(45deg, #FF0000 0%, #FFA600 50%, #ff0000 100%);
}

.bneon55 {
	background: linear-gradient(to right, #108dc7, #ef8e38);
}

.bneon56 {
	background: linear-gradient(to right, #FF0099, #0575E6);
}

.bneon57 {
	background: linear-gradient(to right, #667db6, #0082c8, #ec38bc, #fdeff9);
}

.bneon58 {
	background: linear-gradient(to right, #03001e, #7303c0, #ec38bc, #fdeff9);
}

.bneon59 {
	background: linear-gradient(to right, #1a2a6c, #b21f1f, #fdbb2d);
}

.bneon60 {
	background: linear-gradient(to right, #3A1C71, #D76D77, #FFAF7B);
}

.bneon61 {
	background: linear-gradient(to right, #EB5757, #333);
}

.bneon62 {
	background: linear-gradient(to right, #20002c, #cbb4d4);
}

.bneon63 {
	background: linear-gradient(to right, #34e89e, #0f3443);
}

.bneon64 {
	background: linear-gradient(to right, #bdc3c7, #2c3e50);
}

.bneon65 {
	background: linear-gradient(to right, #a80077, #66ff00);
}

.bneon66 {
	background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
}

.bneon67 {
	background: linear-gradient(to top, #a241b7, #7f68d7, #5186e9, #1b9eef, #12b2eb);
}

.bneon68 {
	background: linear-gradient(to bottom, #845EC2 0%, #D65DB1 0%, #FF6F91 51%, #FF9671 100%);
}

.bneon69 {
	background: linear-gradient(to right, #FF0000, #FFF200, #1E9600);
}

.bneon70 {
	background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
}

.bneon71 {
	background: linear-gradient(to bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);
}

.bneon72 {
	background: linear-gradient(45deg, #222 0%, #FFA600 50%, #222 100%);
}


/* special color */

.bneon33,
.bneon34,
.bneon35,
.bneon36,
.bneon37,
.bneon38,
.bneon39,
.bneon40,
.bneon41,
.bneon42,
.bneon43,
.bneon44,
.bneon45,
.bneon46,
.bneon47,
.bneon48,
.bneon49,
.bneon50,
.bneon51,
.bneon52,
.bneon53,
.bneon54,
.bneon55,
.bneon56,
.bneon57,
.bneon58,
.bneon59,
.bneon60,
.bneon61,
.bneon62,
.bneon63,
.bneon64,
.bneon65,
.bneon66,
.bneon67,
.bneon68,
.bneon69,
.bneon70,
.bneon71,
.bneon72 {
	font-weight: bold!important;
	color: transparent!important;
	-webkit-background-clip: text!important;
	background-clip: text!important;
}
#odalar-balonu {
  background-color: #f4f4f4;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 20px;
  border-radius: 10px;
  position: relative;
  color: #3695f4;
  margin-top: 2px;
  margin-bottom: 0px;
  width: 315px;
  margin-left: -73px;
}

#odalar-balonu:after {
	content: '';
	position: absolute;
	left: 20px;
	top: -14px;
	border-style: solid;
	border-width: 0 12px 18px 12px;
	border-color: transparent transparent #f4f4f4 transparent;
}
.tumKisili .conversation{
  background-color: #ffffff;
  border-radius: 8px;
  margin: 6px;
  border-bottom: 0!important;
}
.tumKisili{
border-bottom: 0;
}

.tumKisili :hover{
  background-color: #ebf0ff;
}
.title_buy{
  font-size: 13px!important;
  padding: 0px 0px 10px 4px!important;
}

.dark-default-theme .tumKisili .conversation,
.dark-purple-theme .tumKisili .conversation,
.dark-pink-theme .tumKisili .conversation,
.dark-green-theme .tumKisili .conversation,
.dark-red-theme .tumKisili .conversation,
.dark-orange-theme .tumKisili .conversation,
.dark-blue-theme .tumKisili .conversation,
.dark-darkblue-theme .tumKisili .conversation,
.dark-lightpink-theme .tumKisili .conversation {
background: #262627!important;
border-bottom: 0!important;
}

.dark-default-theme .lifeuser_scroll,
.dark-purple-theme .lifeuser_scroll,
.dark-pink-theme .lifeuser_scroll,
.dark-green-theme .lifeuser_scroll,
.dark-red-theme .lifeuser_scroll,
.dark-orange-theme .lifeuser_scroll,
.dark-blue-theme .lifeuser_scroll,
.dark-darkblue-theme .lifeuser_scroll,
.dark-lightpink-theme .lifeuser_scroll {
  background: #263238!important;
  color: #c3bfbf!important;
}
.lifeuser_scroll{
  background: #eaedf2;
}
.kLheight{
  line-height: 26px;
}
.yaziyorcss{
  position: absolute;
  margin-left: 6px;
  bottom: 87px;
}
.yazanlar {
  background: #ffffffa1;
  padding: 2px 10px;
  font-size: 12px;
  color: #6d7275;
  border-radius: 10px;
  margin-right: 10px;
}
#wave_yazanlar {
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#wave_yazanlar .dot:last-child {
  margin-right: 5px;
}
#wave_yazanlar .dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 0;
  background: #303131;
  animation: wave_yazanlar 0.8s linear infinite;
}
#wave_yazanlar .dot:nth-child(2) {
  animation-delay: -1.1s;
}
#wave_yazanlar .dot:nth-child(3) {
  animation-delay: -0.9s;
}

.room_userList .conversation__name{
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 246px;
  cursor: pointer;
}
.room_userList .conversation__message{
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 246px;
  cursor: pointer;
}

.root_rumuz {
  height: 20px;
}
@keyframes wave_yazanlar {
  0%,
  100%,
  60% {
    transform: initial;
  }
  30% {
    transform: translateY(-5px);
  }
}
@keyframes getBlurry {
	0% {
		filter: blur(0px);
		transform: scale(1);
	}
	100% {
		filter: blur(10px);
		transform: scale(1.2);
	}
}
.pr_come{
	position: fixed;
	padding-top: 10px;
	display: inline-block;
	width: 72%;
	z-index: 9999;
}
.u_tostdis {
	display: flex;
	justify-content: center;
}

.u_tost {
	display: inline-block;
	width: 100%;
	z-index: 9999;
	max-width: 96%;
	min-width: 300px;
	height: 80px;
	animation: popFromBottom 0.5s ease-in-out;
}

@keyframes popFromBottom {
	0% {
		transform: translateY(300px) scale(0);
	}
	100% {
		transform: translateY(0px) scale(1);
	}
}

.u_prop img {
	height: 50px;
	background: #fff;
}

.u_prop {
	display: inline-block;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	border: 5px solid #fff;
}

.u_mes {
	background: #ffe271;
	height: 30px;
	margin-left: 30px;
	padding: 5px 44px 5px;
	border-radius: 0px 50px 50px 0px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

.u_mes span {
	font-weight: bold
}
.u_user {
    text-align: left;
    padding: 2px 30px 5px 50px;
    border-radius: 0px 0px 20px;
    font-size: 12px;
    margin-left: 30px;
    background: #fff;
    color: #000;
    display: inline-block;
    font-weight: 600;
    font-style: normal;
}

.achievement-banner {
  opacity: 0;
  margin: 0 auto;
  font-size: 36px;
  width: 90%;
	color: #efefef;
	background: #3d4142;
	border-radius: 30px;
	position: relative;
  padding: .125em;
  min-height: 1.5em;
  overflow: hidden;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.achievement-banner {
  -webkit-animation: open-close-banner 5s 1;
  -moz-animation: open-close-banner 5s 1;
  animation: open-close-banner 5s 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.achievement-banner .achievement-icon {
	border-radius: 100%;
	position: relative;
  background: #000;
  border: .125em solid #F5C4C3;
	border-top-color: #45ca3d;
  height: 1.25em;
  width: 1.25em;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 100;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.achievement-banner .achievement-icon .icon {
  display: block;
  border-radius: 100%;
  border: 4px solid #000;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  z-index: 1000;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.achievement-banner .achievement-icon .icon .icon-trophy {
  font-size: 75%;
  line-height: 1;
  position: relative;
  top: -.125em;
}
.achievement-banner .achievement-text {
	font-family: "Trebuchet MS";
  text-shadow: 0 2px 0 #000;
  position: absolute;
  top: 20px;
  left: 60px;
  font-size: 14px;
  line-height: 1;
  width: 400%;
}
.achievement-banner .achievement-notification {
  margin: 0;
}
.achievement-banner .achievement-name {
  margin: 0;
}

/* Generated content */
.achievement-banner .achievement-icon:before,
.achievement-banner .achievement-icon:after,
.achievement-banner .achievement-icon .icon:before,
.achievement-banner .achievement-icon .icon:after {
	content: "";
	display: block;
	position: absolute;
}

.achievement-banner .achievement-icon:before{
  border-radius: 12em;
  z-index: -100;
  background: transparent;
  border: 4px solid #000;
  top: -.175em;
  left: -.175em;
  right: -.175em;
  bottom: -.175em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Bars */
.achievement-banner .achievement-icon .icon:before,
.achievement-banner .achievement-icon .icon:after {
  width: 150%;
  height: .125em;
  background: #000;
  border-radius: .05em;
  z-index: -10;
  top: 42.5%;
  left: -25%;
}

.achievement-banner .achievement-icon .icon:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* Animations */

/* open-close-banner */
@-webkit-keyframes open-close-banner {
  0% {width: 1.5em; opacity: 0;}
  2% {width: 1.5em; opacity: 1;}
  8% {width: 90%;}
  80% {width: 90%;}
  90% {width: 1.5em; opacity: 1;
    -webkit-transform: rotate(0deg);
  }
  98% {
    width: 1.5em;
    -webkit-transform: rotate(720deg);
  }
  100% {width: 1.5em; opacity: 0;}
}
@-moz-keyframes open-close-banner {
  0% {width: 1.5em; opacity: 0;}
  2% {width: 1.5em; opacity: 1;}
  8% {width: 90%;}
  80% {width: 90%;}
  90% {
    width: 1.5em; 
    opacity: 1;
    -moz-transform: rotate(0deg);
  }
  98% {
    width: 1.5em;
    -moz-transform: rotate(720deg);
  }
  100% {width: 1.5em; opacity: 0;}
}
@keyframes open-close-banner {
  0% {width: 1.5em; opacity: 0;}
  2% {width: 1.5em; opacity: 1;}
  8% {width: 90%;}
  80% {width: 90%;}
  90% {
    width: 1.5em; 
    opacity: 1;
    transform: rotate(0deg);
  }
  98% {
    width: 1.5em;
    transform: rotate(720deg);
  }
  100% {width: 1.5em; opacity: 0;}
}

/* border-top-pulse */

@-webkit-keyframes border-top-pulse {
	0% {
		border-top-color: #F5C4C3;
	}
	40% {
		border-top-color: #ffffff;
	}
	80% {
		border-top-color: #00ff00;
	}
	100% {
		border-top-color: #45ca3d;
	}
}

@-moz-keyframes border-top-pulse {
	0% {
		border-top-color: #F5C4C3;
	}
	40% {
		border-top-color: #ffffff;
	}
	80% {
		border-top-color: #00ff00;
	}
	100% {
		border-top-color: #45ca3d;
	}
}

@keyframes border-top-pulse {
	0% {
		border-top-color: #F5C4C3;
	}
	40% {
		border-top-color: #ffffff;
	}
	80% {
		border-top-color: #00ff00;
	}
	100% {
		border-top-color: #45ca3d;
	}
}

@-webkit-keyframes fade-in-text {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade-in-text {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fade-in-text {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.video_play {
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.video_play i::before {
  font-size: 50px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-shadow: 0 2px 10px rgba(34,36,38,.2);
  -webkit-transition: opacity .5s ease,color .5s ease;
  transition: opacity .5s ease,color .5s ease;
  z-index: 0;
}
.video_play img, .video_play iframe {
  padding: 0!important;
  height: 100px;
  width: 180px!important;
  border-radius: 5px;
  cursor: pointer;
}
.head_left{
  text-align: right;
  right: 10px;
  position: relative;
}
.e_width{
  width: 240px;
}
.e_width a.active :hover {
color:#fff!important;
}
.e_width &:not(.disable):hover {
  pointer-events: none;
}

.menu_pad{
  background: #eaedf2;
  margin: 6px;
  border-radius: 4px;
}
.menu_pad_modal{
  height: 590px;
  overflow: hidden;
  max-width: 500px;
  min-width: 499px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  z-index: 2;
}
.gold_pad_modal {
  height: 470px;
  overflow: hidden;
  max-width: 500px;
  min-width: 499px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  z-index: 2;
}

.profile-dialog .modal-content .modal-body .elmas-settings-list {
  position: relative;
  height: 397px;
  margin: 10px;
  overflow: hidden;
}
.over_body{
  overflow: auto;
  height: 210px;
}
.ozeloda {
  position: relative;
  width: 100%;
  height: auto;
  background: #fff;
  display: flex;
  justify-content: center;
}

.ozeloda::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #ededed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}

.ozeloda h1 {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 5px 18px 5px 18px;
  font-size: 13px;
  line-height: 25px;
  height: 28px;
  font-weight: bold;
  color: #7f7f7f;
}
.yellowse option:not(:checked) {
  background-color: #fff;
}
.yellowse option:disabled {
  background: #4492ba !important;
  color: #fff !important;
}
.cms_ri{
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
}
.btn_ri{
  float: right;
}
.price_br{
  float: right;
  background: #ff0000;
  color: #fff;
  font-size: 14px;
  padding: 5px;
  border-radius: 5px;
  margin-left: 10px;
  height: 28px;
  line-height: 20px;
}
.sd_button{
  display: none!important;
}
.sureDiv{
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: normal;
  line-height: 26px;
  background: #ededed;
  padding: 6px;
  color:#000!important;
}
.ghesap{
  background-color: #f6f6f6;
  padding: 8px;
}
.chesap {
  background-color: #ededed;
  color: #000;
  padding-left: 10px;
  font-size: 12px;
  font-weight: normal;
  height: 38px;
  line-height: 38px;
}
.dhesap {
  background-color: #ffffff;
  color: #000;
  padding: 10px;
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
}
.dprice {
  float: right;
  right: 10px;
  position: relative;
  font-weight: bold;
}
.width50{
  width: 50px;
}
.width100 {
  width: 100%;
}
.cuzd_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.tab_efekt {
  padding: 5px !important;
  min-height: unset;
  max-height: unset;
  width: 100% !important;
  margin: 0 0 8px !important;
  background: #ffffff;
  border-color: transparent;
  color: #000;
  border: 1px solid #e8e9e9;
  border-radius: 5px;
  text-decoration: none;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.tab_cuzd {
  padding: 5px !important;
  min-height: unset;
  max-height: unset;
  width: 32.5% !important;
  margin: 0 0 8px !important;
  background: #ffffff;
  border-color: transparent;
  color: #000;
  border: 1px solid #e8e9e9;
  border-radius: 5px;
  text-decoration: none;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.tab_cuzd .cuz_lab {
  width: 100%;
  height: 30px;
  line-height: 30px;
}

.tab_cuzd .cuz_lab i {
  font-size: 30px;
}

.cuz_font {
  border-radius: 10px !important;
  border: 0;
  width: 120px;
  text-align: center;
}
.butFair{
  border: 0;
}

.tab_cuzd_first {
  padding: 10px 20px !important;
  width: 100% !important;
  height: 80px !important;
  margin: 0 0 22px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left !important;
  border: 0;
}

.tab_cuzd_first .cuz_lab {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  font-size: 16px;
}

.tab_cuzd_first .cuz_lab i {
  font-size: 30px;
}

.tab_img img {
  width: 60px;
  height: 60px;
}

.cuz_font_first {
  font-size: 12px;
  height: 20px;
  padding-left: 5px;
  line-height: 20px;
}
.s_border {
  border: 1px solid #ff0000;
}
.profile-dialog, .modal-content {
  height: 100%;
}
.marginBottom40 {
  margin-bottom: 40px !important
}
.labbeltext{
  height: 24px;
  border-bottom: 1px solid #ededed;
  margin: 10px 0px 10px 2px;
  width: 100%;
}
.copy_button{
  margin-left: 10px;
  height: 20px;
  line-height: 6px;
  width: 100px;
  margin-top: -2px;
}
.lev_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 10px;
  margin-top: 20px;
}

.lev_cuzd_first {
  padding: 10px 20px !important;
  width: 100% !important;
  height: 140px !important;
  margin: 0 0 22px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left !important;
}

.lev_ust {
  width: 100%;
}

.lev_alt {
  width: 100%;
  display: -webkit-box;
  border-bottom: 4px solid #ffffff;
}

.lev_right {
  float: right;
  padding: 8px;
}

.lev_left {
  float: left;
  font-size: 40px;
  padding: 16px;
}

.lev_right img {
  width: 50px;
  height: 50px;
}

.lev_text {
  text-align: left;
  font-size: 16px;
  width: 49%;
  float: left;
  margin-bottom: 2px;
}

.lev_pext {
  text-align: right;
  font-size: 16px;
  width: 49%;
  float: right;
  margin-bottom: 2px;
}

.lavel ul::before,
.lavel ul::after {
  content: none !important;
}

.lavel ul {
  border-radius: 10px;
  border: 1px solid #e8e8e8;
  height: 70px;
  line-height: 52px;
}

.lavel img {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
.sag_ust{
  right: 0;
  top: 60px;
  box-sizing: border-box;
  margin: 25px;
  position: absolute;
  white-space: nowrap;
  z-index: 30;
  padding: 0;
  list-style: none;
  height: 46px;
  width: 46px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  background: #ff0000;
}
.sag_ust i{
  color: #fff!important;
}
.lianer{
  background: linear-gradient(180deg, #e2e8ff 0%, #eff2ff 16%, white 35%, white 100%) !important;
}
.red_moc {
  position: absolute!important;
  color: #ff0000 !important;
  top: 10px !important;
  right: 13px !important;
}
.red_moc:hover{
  background: none!important;
}
.g_orta{
	height: 50px;
	background: #eeeeee;
	border-radius: 20px;
	line-height: 38px;
	font-size: 20px;
	padding: 6px;
	margin-top: 10px;
}
.g_orta span{
  padding-left: 20px;
}
.g_orta img{
width: 46px;
float: right;
}
.bgcol{
	background: #007aff!important;
	color: #ffffff!important;
}
.newmenu{
  height: 50px!important;
  padding: 10px!important;
  margin: 0 auto!important;
}
.bg_div .tab_cuzd,
.bg_div .tab_efekt{
  background: #f7f7f7!important;
}
.marginLeft26{
 margin-left: -26px!important;
}
.maxWidthx{
  max-width: 340px!important;
}
.div_off {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff47;
  z-index: 13000;
  visibility: visible;
  opacity: 1;
}

 .achi-mavi, .achi-mavi-big {
	 position: absolute;
	 left: calc(50% - 26px);
	 width: 50px;
	 height: 50px;
	 border-radius: 50px;
	 background-color: transparent;
	 overflow: hidden;
   margin-left:5px;
}
 .achi-mavi.animated, .achi-mavi-big.animated {
	 animation: blueanimations linear 7.5s;
	 animation-delay: 0.5s;
	 animation-iteration-count: 1;
	 transform-origin: 50% 50%;
	 animation-fill-mode: forwards;
}
 .achi-mavi-big {
	 width: 100%;
	 left: calc(50% - 50%);
	 background-color: #104f7f;
}
 .achi-mavi .achi-loader, .achi-mavi-big .achi-loader {
	 width: 50px;
	 height: 50px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 border-radius: 50px;
	 background-color: #1071a3;
	 animation: blueframes ease 9s;
	 animation-iteration-count: 1;
	 transform: scaleX(0) scaleY(0);
	 transform-origin: 50% 50%;
	 animation-fill-mode: forwards;
}
 .achi-mavi .achi-loader:nth-of-type(1), .achi-mavi-big .achi-loader:nth-of-type(1) {
	 background-color: #1071a3;
	 animation-duration: 10s;
}
 .achi-mavi .achi-loader:nth-of-type(2), .achi-mavi-big .achi-loader:nth-of-type(2) {
	 background-color: #104f7f;
	 animation-delay: 0.25s;
	 animation-duration: 9.5s;
}
 .achi-mavi .achi-loader:nth-of-type(3), .achi-mavi-big .achi-loader:nth-of-type(3) {
	 background-color: #1b5582;
	 animation-delay: 0.5s;
	 animation-duration: 9s;
}
 .achi-mavi .achi-loader:nth-of-type(4), .achi-mavi-big .achi-loader:nth-of-type(4) {
	 background-color: #104f7f;
	 animation-delay: 0.75s;
	 animation-duration: 8.5s;
}
 .achi-mavi .achi-loader:nth-of-type(5), .achi-mavi-big .achi-loader:nth-of-type(5) {
	 background-color: #1071a3;
	 animation-delay: 1s;
	 animation-duration: 8s;
}

 .achi-mavi .achi-text, .achi-mavi-big .achi-text {
	 font-size: 14px;
	 position: absolute;
	 width: 100%;
	 top: calc((70px - 50%) - 14px);
	 left: 80px;
	 white-space: pre-wrap;
	 word-wrap: break-word;
	 color: #fff;
}
 .achi-mavi .achi-text .achi-notification, .achi-mavi-big .achi-text .achi-notification {
	 position: relative;
	 width: 100%;
	 animation: blueachi linear 4s;
	 animation-delay: 2s;
	 top: -13px;
	 opacity: 0;
	 top: -59px;
}
 .achi-mavi .achi-text .achi-name, .achi-mavi-big .achi-text .achi-name {
	 position: absolute;
	 width: 100%;
	 font-size: 14px;
	 top: 75px;
	 animation: blueNames linear 4s;
	 animation-delay: 5s;
	 opacity: 0;
}

 @keyframes blueframes {
	 0% {
		 transform: scaleX(0) scaleY(0);
	}
	 10% {
		 transform: scaleX(1) scaleY(1);
	}
	 90% {
		 transform: scaleX(1) scaleY(1);
	}
	 100% {
		 transform: scaleX(0) scaleY(0);
	}
}
 @keyframes blueachi {
	 0% {
		 opacity: 0;
		 top: -59px;
	}
	 40% {
		 opacity: 1;
	}
	 55% {
		 opacity: 1;
		 top: -59px;
		 right: 0;
	}
	 100% {
		 opacity: 0;
		 top: -138px;
	}
}
 @keyframes blueNames {
	 0% {
		 opacity: 0;
		 top: -0;
	}
	 20% {
		 opacity: 1;
		 top: -18px;
	}
	 90% {
		 opacity: 1;
		 top: -18px;
		 right: 0;
	}
	 100% {
		 opacity: 0;
		 top: -18px;
	}
}
 @keyframes blueanimations {
	 10% {
		 background-color: #104f7f;
	}
	 15% {
		 width: 50px;
		 height: 50px;
		 left: calc(50% - 26px);
	}
	 20% {
		 width: 50px;
		 height: 50px;
		 left: calc(50% - 26px);
	}
	 30% {
		 width: 100%;
		 left: calc(50% - 50%);
	}
	 80% {
		 width: 100%;
		 left: calc(50% - 50%);
	}
	 90% {
		 width: 50px;
		 height: 50px;
		 left: calc(50% - 26px);
		 background-color: #104f7f;
	}
	 95% {
		 width: 50px;
		 height: 50px;
		 left: calc(50% - 26px);
		 background-color: transparent;
	}
}


.achi-red, .achi-red-big {
	 position: absolute;
	 left: calc(50% - 26px);
	 width: 50px;
	 height: 50px;
	 border-radius: 50px;
	 background-color: transparent;
	 overflow: hidden;
   margin-left:5px;
}
 .achi-red.animated, .achi-red-big.animated {
	 animation: redanimations linear 7.5s;
	 animation-delay: 0.5s;
	 animation-iteration-count: 1;
	 transform-origin: 50% 50%;
	 animation-fill-mode: forwards;
}
 .achi-red-big {
	 width: 100%;
	 left: calc(50% - 50%);
	 background-color: #7c105f;
}
 .achi-red .achi-loader, .achi-red-big .achi-loader {
	 width: 50px;
	 height: 50px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 border-radius: 50px;
	 background-color: #d70dc2;
	 animation: redFrames ease 9s;
	 animation-iteration-count: 1;
	 transform: scaleX(0) scaleY(0);
	 transform-origin: 50% 50%;
	 animation-fill-mode: forwards;
}
 .achi-red .achi-loader:nth-of-type(1), .achi-red-big .achi-loader:nth-of-type(1) {
	 background-color: #d70dc2;
	 animation-duration: 10s;
}
 .achi-red .achi-loader:nth-of-type(2), .achi-red-big .achi-loader:nth-of-type(2) {
	 background-color: #7c105f;
	 animation-delay: 0.25s;
	 animation-duration: 9.5s;
}
 .achi-red .achi-loader:nth-of-type(3), .achi-red-big .achi-loader:nth-of-type(3) {
	 background-color: #7c105f;
	 animation-delay: 0.5s;
	 animation-duration: 9s;
}
 .achi-red .achi-loader:nth-of-type(4), .achi-red-big .achi-loader:nth-of-type(4) {
	 background-color: #7c105f;
	 animation-delay: 0.75s;
	 animation-duration: 8.5s;
}
 .achi-red .achi-loader:nth-of-type(5), .achi-red-big .achi-loader:nth-of-type(5) {
	 background-color: #d70dc2;
	 animation-delay: 1s;
	 animation-duration: 8s;
}

 .achi-red .achi-text, .achi-red-big .achi-text {
	 font-size: 14px;
	 position: absolute;
	 width: 100%;
	 top: calc((70px - 50%) - 14px);
	 left: 80px;
	 white-space: pre-wrap;
	 word-wrap: break-word;
	 color: #fff;
}
 .achi-red .achi-text .achi-notification, .achi-red-big .achi-text .achi-notification {
	 position: relative;
	 width: 100%;
	 animation: redachi linear 4s;
	 animation-delay: 2s;
	 top: -13px;
	 opacity: 0;
	 top: -59px;
}
 .achi-red .achi-text .achi-name, .achi-red-big .achi-text .achi-name {
	 position: absolute;
	 width: 100%;
	 font-size: 14px;
	 top: 75px;
	 animation: redNames linear 4s;
	 animation-delay: 5s;
	 opacity: 0;
}

 @keyframes redFrames {
	 0% {
		 transform: scaleX(0) scaleY(0);
	}
	 10% {
		 transform: scaleX(1) scaleY(1);
	}
	 90% {
		 transform: scaleX(1) scaleY(1);
	}
	 100% {
		 transform: scaleX(0) scaleY(0);
	}
}
@keyframes redachi {
	 0% {
		 opacity: 0;
		 top: -59px;
	}
	 40% {
		 opacity: 1;
	}
	 55% {
		 opacity: 1;
		 top: -59px;
		 right: 0;
	}
	 100% {
		 opacity: 0;
		 top: -138px;
	}
}
 @keyframes redNames {
	 0% {
		 opacity: 0;
		 top: -0;
	}
	 20% {
		 opacity: 1;
		 top: -18px;
	}
	 90% {
		 opacity: 1;
		 top: -18px;
		 right: 0;
	}
	 100% {
		 opacity: 0;
		 top: -18px;
	}
}
 @keyframes redanimations {
	 10% {
		 background-color: #7c105f;
	}
	 15% {
		 width: 50px;
		 height: 50px;
		 left: calc(50% - 26px);
	}
	 20% {
		 width: 50px;
		 height: 50px;
		 left: calc(50% - 26px);
	}
	 30% {
		 width: 100%;
		 left: calc(50% - 50%);
	}
	 80% {
		 width: 100%;
		 left: calc(50% - 50%);
	}
	 90% {
		 width: 50px;
		 height: 50px;
		 left: calc(50% - 26px);
		 background-color: #7c105f;
	}
	 95% {
		 width: 50px;
		 height: 50px;
		 left: calc(50% - 26px);
		 background-color: transparent;
	}
}
.gold_me {
  background: url("./../resimler/sistem/g.gif");
  width: 17px;
  height: 17px;
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
}

.bneon73 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  background: linear-gradient(to right, #095fab 10%, #25abe8 50%, #57d75b 60%);
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 1.5s linear infinite;
  display: inline-block;
 }

 @keyframes textclip {
   to {
     background-position: 200% center;
   }
 }

.bneon74 {
  font-size:20px;
  background: linear-gradient(110deg, #bc0000 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(110deg, #ffffff 34%, #121108 34%);
  background-size: 400%;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  animation: labarow 1.5s ease infinite;
  -webkit-animation: labarow 1.5s ease infinite;
  -moz-animation: labarow 1.5s ease infinite;
}

 @keyframes labarow {
  0% {
    background-position: 10% 40%
  }

  50% {
    background-position: 25% 60%
  }

  100% {
    background-position: 30% 100%
  }
}

.bneon75 {
  font-size: 20px;
  font-weight: bold !important;
  text-shadow: 0 0 80px rgba(255, 255, 255, .5);
  background: url("./../resimler/sistem/pp1.png") repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: aitf 80s linear infinite;
  animation: aitf 80s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  text-transform: uppercase;
  letter-spacing: 2px;
}

@-webkit-keyframes aitf {
  0% {
    background-position: 0% 60%;
  }

  100% {
    background-position: 100% 50%;
  }
}

@keyframes aitf {
  0% {
    background-position: 0% 60%;
  }

  100% {
    background-position: 100% 50%;
  }
}

.bneon76 {
  font-size: 20px;
  letter-spacing: 1px;
  background-image: url("./../resimler/sistem/pp.gif");
  background-size: cover;
  color: transparent;
  background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  text-transform: uppercase;
}

.bneon77 {
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: underline;
  color: transparent;
  -webkit-text-stroke: #000;
  -webkit-text-stroke-width: 1px;
  text-shadow: 2px 2px 2px #2962ff;
  transition: all 0.5s ease-in-out;
  text-align: center;
  letter-spacing: 0.2em;
  animation: flicker 0.5s ease-in-out infinite alternate;
}

@keyframes flicker {
  0% {
    opacity: 0.5;
    text-shadow: 2px 2px 2px #2962ff;
  }

  100% {
    opacity: 1;
    text-shadow: 2px 2px 5px #2962ff;
  }
}

.bneon78{
  text-transform: uppercase;
  background-image: linear-gradient(-225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  letter-spacing: 2px;
  color: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
  font-size: 20px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.bneon79 {
  color: blue;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  filter: blur(0.1rem);
  animation: letterspacing 5s infinite alternate cubic-bezier(.2, 0, 0, 1);
}

@keyframes letterspacing {
  0% {
    letter-spacing: -1rem;
    filter: blur(0.1rem);
  }

  50% {
    filter: blur(0.1rem);
  }

  100% {
    letter-spacing: 1rem;
    filter: blur(0rem);
  }
}

.bneon80 {
  color: #ff0000;
  font-size: 20px;
  position: relative;
  text-transform: uppercase;
  -webkit-text-stroke: 0.1vw #000000;
}

.bneon80::before {
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  color: #01cbff;
  overflow: hidden;
  position: absolute;
  content: attr(data-text);
  border-right: 2px solid #000000;
  -webkit-text-stroke: 0vw #f7f7fe;
  animation: animate 6s linear infinite;
}

@keyframes animate {
  0%,
  10%,
  100% {
    width: 0;
  }
  70%,
  90% {
    width: 100%;
  }
}

.bneon81 {
  color: transparent;
  font-size: 20px;
  display: inline-block;
  border-radius: 3px;
  background-color: #1d3557;
  position: relative;
  -webkit-background-clip: text;
  background-clip: text;
}

.bneon81:before {
  content: attr(data-text);
  background: linear-gradient(90deg, rgba(245, 137, 21, 1) 0%, rgba(253, 29, 29, 1) 51%, rgba(29, 53, 87, 1) 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-clip: text;
  -webkit-background-clip: text;
  transition: all 1s ease-in-out;
  animation: text-animation 3s infinite;
}

@keyframes text-animation {
  0% {
    width: 0;
  }

  50% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}
.bneon82 {
  text-align: center;
  font-size: 20px;
  color: #ff0000;
  letter-spacing: -1px;
  font-weight: 700;
  text-transform: uppercase;
  animation: blura 2s ease-out infinite;
  text-shadow: 0px 0px 1px #fff, 0px 0px 2px #fff;
}

@keyframes blura {
  from {
    text-shadow: 0px 0px 2px #fff,
      0px 0px 2px #fff,
      0px 0px 4px #fff,
      0px 0px 4px #fff,
      0px 0px 4px #fff,
      0px 0px 4px #fff,
      0px 0px 4px #fff,
      0px 0px 4px #fff,
      0px 0px 8px #fff,
      0px 0px 8px #fff,
      0px 0px 8px #7B96B8,
      0px 0px 16px #7B96B8,
      0px 10px 10px #7B96B8,
      0px 10px 10px #7B96B8,
      0px 10px 10px #7B96B8,
      0px 10px 10px #7B96B8,
      0px -10px 10px #7B96B8,
      0px -10px 10px #7B96B8;
  }
}

.bneon83 {
  position: relative;
  color: #262626;
  padding: 5px 12px;
  font-size: 20px;
  font-weight: 700;
}

.bneon83:before {
  background: #262626;
  color: white;
  content: attr(data-text);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 12px;
  -webkit-clip-path: polygon(0% 0%, 30% 0%, 30% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 30% 0%, 30% 100%, 0% 100%);
  animation: prslides 4s 1s linear infinite;
}

@keyframes prslides {
  50% {
    -webkit-clip-path: polygon(70% 0%, 100% 0%, 100% 100%, 70% 100%);
  }
}

.bneon84 {
  display: inline-block;
  font-size: 20px;
  position: relative;
  animation: twistText 3s infinite;
  transform-style: preserve-3d;
  animation-timing-function: cubic-bezier(.5, 0, .5, 1);
}

@keyframes twistText {
  0% {
    transform: translateZ(-100px) rotateX(-90deg) scaleY(0.2) scaleX(1);
  }

  50% {
    transform: translateZ(-200px) rotateX(0deg) scaleY(1) scaleX(1);
  }

  100% {
    transform: translateZ(-100px) rotateX(90deg) scaleY(0.2) scaleX(1);
  }
}

.bneon85 {
  font: 20px;
  background: linear-gradient(to left, #e57627 0%, #e57627 42.5%, #facb8f 50%, #e57627 57.5%, #e57627 100%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-position: 100% center;
  animation: loader 10s ease infinite reverse;
}

@keyframes loader {
  0% {
    background-position: 100% center;
  }

  50% {
    background-position: 0% center;
  }

  100% {
    background-position: 100% center;
  }
}

.bneon86 {
  color: rgba(255, 0, 0, 0.1);
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  background-size: cover;
  background-image: url("./../resimler/sistem/bon.jpg");
  -webkit-background-clip: text;
  background-clip: text;
  animation: background-text-animation 100s linear infinite;
}

@keyframes background-text-animation {
  0% {
    background-position: left 0px top 50%;
  }

  50% {
    background-position: left 1500px top 50%;
  }

  100% {
    background-position: left 0px top 50%;
  }
}

.bneon87 {
  color: #ff0000;
  font-size:20px;
  animation: bneon87 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both,
  tracking-in-expand 5s cubic-bezier(0.215, 0.61, 0.355, 1) both infinite alternate;
}

@-webkit-keyframes bneon87 {
  0% {
    text-shadow: none;
  }
  100% {
    text-shadow: 0 1px 0 #cccccc, 0 1px 0 #cccccc, 0 3px 0 #cccccc,
      0 1px 0 #cccccc, 0 1px 0 #cccccc, 0 1px 0 #cccccc, 0 1px 0 #cccccc,
      0 1px 0 #cccccc, 0 1px 0 #cccccc, 0 1px 1px rgba(0, 0, 0, 0.3);
  }
}

@keyframes bneon87 {
  0% {

    text-shadow: none;
  }
  100% {

    text-shadow: 0 1px 0 #cccccc, 0 1px 0 #cccccc, 0 3px 0 #cccccc,
      0 1px 0 #cccccc, 0 1px 0 #cccccc, 0 1px 0 #cccccc, 0 1px 0 #cccccc,
      0 1px 0 #cccccc, 0 1px 0 #cccccc, 0 1px 1px rgba(0, 0, 0, 0.3);
  }
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }

  40% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }

  40% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}

.n_buton {
  background-color: #007bff;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  outline: 0;
  border: none;
  height: 24px;
  line-height: 16px;
  padding: .28571429em 1.5em .28571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: 500;
  font-size: 12px;
  font-style: normal;
  text-align: center;
  text-decoration: none;
}

.tab_img {
  margin-bottom: 5px;
}
.max130 {
  max-width: 120px!important;
  max-height: 100px!important;
}

.c-number {
  border: 1px solid #ccc;
  width: 22px;
  height: 22px;
  border-radius: 22px;
  position: absolute;
  right: 2px;
  top: 2px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.alinti_resim {
  width: 50px;
  height: 50px;
}
.sys_contanier {
  height: 490px;
  overflow: auto;
}

.sys_contanier li {
  border-bottom: 1px solid #e9e9e9;
}

.ara-menu {
  display: flex;
  align-items: center;
  width: 600px;
  height: 40px;
  line-height: 40px;
  background: #f8f8f9;
  padding-left: 10px;
  border: 1px solid #c9caca;
  border-radius: 6px;
  margin-left: 3px;
}

.ara-menu-top {
  width: 600px;
  line-height: 30px;
  background: #fffaf3;
  padding-left: 10px;
  border: 1px solid #c9ba9b;
  margin-bottom: 10px;
  border-radius: 6px;
  margin-left: 3px;
}

.ara-menu-center {
  display: flex;
  align-items: center;
}

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

.fontSize12 {
  font-size: 12px !important;
}
.btn-rog{
float: right!important;
right: 20px!important;
position: relative!important;
}

.stor_resim {
  padding: 0 !important;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  cursor: pointer;
  float: right;
}

.fcares {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 1rem;
  margin: 0;
  max-width: 600px;
}

.fcares1 {
  width: 70%;
}

.fcares2 {
  width: 24%;
  margin: 0;
}

.fcares .author {
  cursor: pointer;
  font-size: 13px !important;
  font-weight: 700;
  color: #007aff;
  min-width: 140px;
}

.fcares .metadata {
  display: inline-block;
  color: rgba(0, 0, 0, .4);
  font-size: 9px
}

.fcares .metadata i {
  font-size: 14px;
}

.fcares .text-d {
  display: flex;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  margin-top: 6px;
}

.maxWi260 {
  max-width: 260px;
}