/**
 * Tools
 */

@font-face {
  font-family: 'icomoon';
  src: url("../core/fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../core/fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"),  url("../core/fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

:root {
  --blue: #4e73df;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #e74a3b;
  --orange: #fd7e14;
  --yellow: #f6c23e;
  --green: #1cc88a;
  --teal: #20c9a6;
  --cyan: #36b9cc;
  --white: #fff;
  --gray: #858796;
  --gray-dark: #5a5c69;
  --primary: #4e73df;
  --secondary: #858796;
  --success: #1cc88a;
  --info: #36b9cc;
  --warning: #f6c23e;
  --danger: #e74a3b;
  --light: #f8f9fc;
  --dark: #5a5c69;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: #121212;
}

.animated--grow-in-left, .offcanvas-main.hide {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 520ms;
  animation-duration: 520ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

.animated--grow-in-right, .offcanvas-main.show {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 420ms;
  animation-duration: 420ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

@-webkit-keyframes growIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes growIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animated--grow-in, .growIn{
  -webkit-animation-name: growIn;
  animation-name: growIn;
  -webkit-animation-duration: 320ms;
  animation-duration: 320ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

.animated--grow-in2, .growIn2{
  -webkit-animation-name: growIn;
  animation-name: growIn;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

.animated--grow-in-right, .hide {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 520ms;
  animation-duration: 520ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in,
.animated--fade-in, .item,
.animated--fade-in, .lazyload {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
}

.animated-- {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 240ms;
  animation-duration: 240ms;
  -webkit-animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
}

a {
  color: #eb375e;
  text-decoration: none;
  font-weight: 400;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  position: relative;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
}

.col-reverse {
  flex-direction: column-reverse;
}

.filter-svg {
  filter: invert(40%) sepia(57%) saturate(5684%) hue-rotate(327deg) brightness(95%) contrast(94%);
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}

.responsive .content {
  position: relative;
  display: flex;
  flex-direction: column;
}

.jumbotron-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.reply-body {
  max-width: 920px;
}

.text-item {
  overflow: hidden;
  overflow-wrap: break-word;
  white-space: pre-line;
}

.dropdown-smails {
  min-width: 315px;
  min-height: 280px;
  max-width: 315px;
  max-height: 280px;
  padding: .5rem 0;
  padding-right: 5px;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #eee;
  box-shadow: 0 0 10px rgb(231 231 231);
  border-radius: 12px;
  margin-bottom: 4px;
}

.media .paragon {
  margin-top: 0.7rem;
  font-size: 18px;
}

.breadcrumb-item a:hover, .breadcrumb-item a:focus, .breadcrumb-item a:active {
  color: #fff !important;
}
.forum-list .card {
  border: 2px solid rgba(0,0,0,.15);
  background-color: transparent;
}
.forum-list .card-forum {
  cursor: pointer;
}

.forum-list .card-forum:hover {
  border: 2px solid #eb375e;
}

.forum-list .card-body p {
    font-size: 14px;
}

.forum-list .card-body small {
    font-size: 13px;
}

.badge-secondary {
  color: #121212 !important;
  background-color: #f5f5f5;
  border-radius: 12px !important;
}

#SelectDataModal {
  border: 1px solid rgb(0 0 0 / 15%);
  border-radius: 17px;
  padding: 0.7rem!important;
}

#SelectDataModal .btn-outline-dark {
  border-color: rgb(0 0 0 / 15%);
}

.textarea {
  width: 100%;
  background: #fff;
  min-height: 51px;
  height: 112px;
  max-height: 680px;
  color: #738498;
  border: 1px solid #ccc;
  border-radius: 16px;
  padding: 10px;
  padding-left: 44px;
  padding-right: 36px;
  margin-bottom: 6px;
}

.textarea:focus {
  outline: none !important;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgb(231 231 231);
}

#charNum, #charNum2 {
  position: absolute;
  padding-left: 3px;
  margin-top: -59px;
  font-size: 16px;
  color: red;
}

.field_user_image {
  position: absolute;
  max-width: 30px !important;
  margin-top: 7px;
  margin-left: 8px;
  border-radius: 50%;
}

.field_user_icon {
  position: absolute;
  margin-left: -38px;
  font-size: 22px !important;
  color: #ccc;
  padding: 8px;
  padding-top: 7px;
  font-style: inherit;
}

.field_user_icon:hover{
  color: #989898;
}

.replyif .likefon {
  position: relative;
  background-color: #f1f1f1;
  padding: 2px 5px;
  border-radius: 12px;
}

.replyif .icon_active {
  color: #eb375e !important;
}

.panel_button {
  margin-left: 34px;
}

.likefon .like_active {
  margin-top: -21px;
  padding-left: 23px;
  display: flex;
  color: #6c757d!important;
}

.divider-reply-body {
  margin-left: -34px;
  border-left: 2px solid #ccc;
  padding-left: 29px;
}

.divider-height {
  max-height: 57px!important;
  width: 16px;
  margin-left: 25px;
  margin-top: -18px!important;
  overflow: hidden;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-radius: 0 7px;
}

.divider-height-stiker {
  height: 170px;
  width: 16px;
  margin-left: 19px;
  margin-top: -130px;
  overflow: hidden;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-radius: 0 7px;
}

.dropup .dropdown-toggle::after {
  display: none;
}

.comment .responsive .lazyload-avatar {
  background-color: #ccc;
  display: inline-block;
  height: 51px;
  max-width: 51px;
  border: 5px solid #fff;
  z-index: 2;
  border-radius: 50%;
}

.comment .accordion-body {
  padding: 0px;
}

.comment .reply-body .small-size {
  color: rgb(255 255 255 / 58%);
}

.comment-list .icon-circle {
  padding: 11px 10px;
  border-radius: 50%;
  color: #8e8d93;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
}

.reply-body p {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}

.like {
  background-color: #f1f1f1;
  padding: 6px 10px 2px;
  border-radius: 17px;
}

.dropdown-menu {
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 10px rgb(231 231 231);
  border-radius: 12px;
  margin-bottom: 2px;
}

.dropdown-smails {
  min-width: 315px;
  min-height: 280px;
  max-width: 315px;
  max-height: 280px;
  padding: 0.5rem 0;
  padding-right: 5px;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 10px rgb(231 231 231);
  border-radius: 12px;
  margin-bottom: 4px;
}

.media .reply-nodrop {
  font-size: .975em!important;
  color: #ccc!important;
  cursor: no-drop;
}

.dropdown-menu-end .dropdown-item {
  padding: 0.4rem 0.65rem;
  border-radius: 11px;
}

.dropdown-menu-end .dropdown-item .icon {
  font-size: 19px!important;
  color: #9e9e9e;
}

.dropdown-menu-end .dropdown-item:focus, .dropdown-menu-end .dropdown-item:hover {
  background-color: #f1f1f1;
}

.dropdown-menu-end  li {
  padding: 0 10px;
}

.dropdown-menu-end .dropdown-menu.show {
  display: block;
  padding: 10px;
  z-index: 1020;
}

.dropdown-menu-end .dropdown-divider {
  margin: 0.2rem 0;
  margin-bottom: 0.25rem;
}

.dropdown-smails a {
  padding: 1px;
}

.dropdown-smails a:hover {
  background-color: #ccc;
  border-radius: 4px;
}

.modal {
  background-color: rgb(0 0 0 / 47%);
}

.modal-backdrop {
  z-index: -1!important;
  opacity: 0!important;
}

#stikers-id {
  white-space: inherit;
  overflow: auto;
  text-overflow: ellipsis;
  display: block;
  vertical-align: inherit;
  max-height: 230px;
}

#stikers-id {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#emoji {
  white-space: inherit;
  overflow: auto;
  text-overflow: ellipsis;
  display: block;
  vertical-align: inherit;
  max-height: 230px;
}

#emoji {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#emoji a {
  width: 25px;
  height: 25px;
  margin-right: 6px;
}

#emoji i {
  border: 0;
  margin: 0 auto;
  display: inline-block;
  overflow: hidden;
  opacity: .85;
}

#emojidat-edit .list-group {
  flex-direction: initial;
}

.stiker_img {
  border-radius: 0!important;
  max-width: inherit!important;
  max-height: 130px!important;
}

.nav-pills .nav-link {
  padding: 0.25rem 0.5rem;
  border-radius: 9px!important;
}

.nav-pills .nav-link.active {
  background-color: #e0e0e0;
  color: #121212;
}

.nav-pills .nav {
  padding-right: 9px;
  padding-left: 9px;
}

.dropdown-smails .tab-pane img {
  border-radius: 0;
  max-width: inherit!important;
  max-height: 65.25px;
}

.stiker_link {
  width: 65px;
  max-width: 65px;
}

.expandingsides {
  margin-left: 0;
  margin-right: -41px;
}

.accordion-header {
  margin-top: 7px;
  margin-left: 7px;
}

.accordion-header a,
.accordion-header .accordion-btn {
  font-weight: 200;
  font-size: 14px;
}

.divider-height {
  height: 41px!important;
}

.divider-height-open {
  height: 57px!important;
}

.stiker_link img {
  background-color: transparent;
  display: inline-block;
  height: 65.24px;
}

.stiker_link .lazy-loaded {
  background-color: transparent !important;
}

.field_user_icon .show ::-webkit-scrollbar-button, .textarea::-webkit-scrollbar-button {
  background-image:url('');
  background-repeat:no-repeat;
  width:5px;
  height:0px;
}

.field_user_icon .show ::-webkit-scrollbar-track, .textarea::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 9px;
  margin-top: 5px;
}

.field_user_icon .show ::-webkit-scrollbar-thumb, .textarea::-webkit-scrollbar-thumb {
  -webkit-border-radius: 9px;
  border-radius: 9px;
  background-color:#dddddd;
}

.field_user_icon .show ::-webkit-scrollbar-thumb:hover, .textarea::-webkit-scrollbar-thumb:hover {
  background-color:#cccccc;
}

.field_user_icon .show ::-webkit-resizer, .textarea::-webkit-resizer {
  background-image:url('');
  background-repeat:no-repeat;
  width:9px;
  height:0px;
}

.field_user_icon .show ::-webkit-scrollbar, .textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
}

.tooltip2 {
  position: relative;
  display: inline-block;
  z-index: 980;
}

.tooltip2 .tooltiptext {
  visibility: hidden;
  width: 204px;
  font-size: 14px;
  background-color: #121212;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1090;
  bottom: 150%;
  left: 50%;
  margin-left: -102px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip2 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 980;
  border-color: #0e1e42 transparent transparent transparent;
}

.tooltip2:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.media-replies .edit_button:hover, .media-replies .delete_button:hover, .media-replies .ex_button:hover {
  color: #989898;
  opacity: 1;
}
.media-replies .edit_button, .media-replies .delete_button, .media-replies .ex_button {
  color: #989898;
  opacity: .2;
}
.likemessage {
  display: block;
  position: relative;
}
.likemessage .like_active {
  margin-top: -21px;
  padding-left: 23px;
  display: flex;
  color: #6c757d!important;
  font-size: 16px!important;
}

.responsive span {
  color: #121212!important;
  font-size: 1rem;
}

.likefon span {
  color: #6c757d !important;
  font-size: 1rem;
}

.message .lazyload-avatar {
  background-color: #ccc;
  display: inline-block;
  height: 37px;
  max-width: 37px;
  border: 5px solid #fff;
  z-index: 2;
}

.message .div-message {
  background-color: #f5f5f5;
  padding: 6px;
  border-radius: 11px;
  max-width: 66%;
  display: inline-flex;
}

.div-message-buddy {
  background-color: #e7e7e7 !important;
}

.message {
  width: 100%;
}

.message-header-media {
  background-color: #f5f5f5;
  padding: .25rem;
  border-bottom: 1px solid #ccc;
  border-radius: 12px 12px 0 0;
}

.message-body {
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 12px;
}

.message .div-message-reply {
  display: block;
  background-color: #f5f5f5;
  padding: 6px;
  border-radius: 5px;
  max-width: 100%;
  border-left: 3px solid #e75f7c;
  margin-bottom: .15rem;
}

.message .div-message-reply2{
  border-left: 3px solid #636363 !important;
}

.message .div-message-reply h6 {
  font-size: .85rem;
  margin-bottom: 0;
}

.message  span {
  color: #121212!important;
  font-size: 16px!important;
}

.message .im-fluid {
  position: relative;
  overflow-y: auto;
  max-height: 100%;
  white-space: inherit;
  text-overflow: ellipsis;
  display: block;
  vertical-align: inherit;
  background: #fff;
}

.message .delete_recovery {
  background-color: #fff;
  width: 100%;
  padding: 4px;
  position: relative;
  margin-top: 0px!important;
  padding-top: 8px;
  font-size: 1.2rem;
  display: block;
  z-index: 1900;
  padding-top: .405rem;
  padding-bottom: .405rem;
}

.message .textarea {
  background: #fff;
  min-height: 46px;
  height: 46px;
}

.message #comment_form_edit {
  position: relative;
  width: 100% !important;
  margin-top: 0 !important;
  background: #ffffff;
  z-index: 2080;
}

.message small {
  color: #6c757d!important;
}

.message .text-item {
  display: inline;
}

.message .replyif {
  display: inline-flex;
}

.message  .likemessage span {
  font-size: .875em !important;
}

.message .likemessage .like_active {
  font-size: 1rem !important;
  color: #6c757d!important;
}

.message .btn-bar {
  position: absolute;
  margin-top: -17px;
  right: 5px;
}

.message .btn-bar2 {
  position: absolute;
  margin-top: -17px;
  left: 5px;
}

.message .btn-bar a,
.message .btn-bar2 a {
  line-height: 0;
  border-radius: 50%;
  background-color: #ccc;
  padding: 2px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 13px;
  letter-spacing: 0;
}

.message .btn-reply {
  border-radius: 50%;
  background-color: #f5f5f5;
  color: #cccccc;
  padding: 4px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 12px;
  margin: 8px;
}

.message .btn-reply:hover,
.message .btn-reply:active {
  background-color: #cccccc;
  color: #989898;
}

.message .message-header-media a {
  font-size: 16px;
  font-weight: 400;
}

.message .icon {
  font-size: 16px;
  font-weight: 400;
  color: #121212;
}

.message .block-reply {
    border-radius: 50%;
    background-color: #f5f5f5;
    color: #cccccc;
    padding: 4px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-size: 12px;
    margin: 8px;
    display: inline-block;
}

.message .form-control {
    height: 41px !important;
}

.message .responsive .user-avatar {
  border-radius: 50%;
  max-width: 42px;
  width: 34px;
  height: 34px;
  background-color: #ccc;
}

#comment_form_wrapper .icon-block, #comment_form_edit .icon-block {
    color: #ccc;
    font-size: 14px;
}

#comment_form_wrapper .icon-block:hover, #comment_form_edit .icon-block:hover {
    color: #ccc;
}

#comment_form_wrapper i, #comment_form_edit i {
  color: #ccc;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
}

.message-body ::-webkit-scrollbar-button, .textarea1::-webkit-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:5px;
    height:0px;
}

.message-body ::-webkit-scrollbar-track, .textarea1::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 9px;
    margin-top: 5px;
}

.message-body ::-webkit-scrollbar-thumb, .textarea1::-webkit-scrollbar-thumb {
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background-color: rgb(208 208 208);
}

.message-body ::-webkit-scrollbar-thumb:hover, .textarea1::-webkit-scrollbar-thumb:hover {
    background-color:#cccccc;
}

.message-body ::-webkit-resizer, .textarea1::-webkit-resizer {
    background-image:url('');
    background-repeat:no-repeat;
    width:9px;
    height:0px;
}

.message-body ::-webkit-scrollbar, .textarea1::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 9px;
}

.form-group {
  margin-bottom: 1rem;
}
.form-control {
  height: 79px;
  padding: 0 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  border-radius: 16px;
}

.form-control::placeholder {
  color: #121212;
  text-align: center!important;
  font-size: 26px;
  font-weight: 200;
}

.form-control:focus,
.form-control:active {
  box-shadow: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #121212;
  opacity: 1;
}

.form-control-top {
  border-radius: 16px 16px 0 0 !important;
}

.form-control-bottom {
  border-radius: 0 0 16px 16px !important;
  margin-top: -1px;
}

input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none!important;
  background-color: #000!important;
  color: -internal-light-dark(black,white)!important
}

.form-creat .form-select {
  border: 1px solid #b6b6b6;
  border-radius: 16px;
  overflow: hidden;
  background-color: #f1f1f1;
  height: 79px;
  padding: 0
}

.form-select option {
  color: #000;
  border-bottom: 1px solid#cecece;
  padding: 1rem 1.15rem;
  margin-bottom: 1px;
  cursor: pointer
}

.form-select option:checked,.form-select option:hover {
  background-color: #ccc!important
}

.form-select-min {
  height: 55px!important;
  padding: 0 15px!important;
  box-shadow: none!important;
  border: none!important;
  border: 1px solid #ccc!important;
  border-radius: 16px!important;
  background-color: #fff!important
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: 0!important
}

.form-height-lg {
    height: 317px
}

.form-height-lg2 {
    height: 317px
}

.form-text {
    padding-left: .75rem;
    font-size: 16px
}

.ico-circle {
  height: 3rem;
  width: 3rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toast {
  border-radius: 17px;
  border: none;
  background: rgb(255 255 255 / 71%);
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(21px);
  z-index: 4090;
  position: relative;
}

.toast-link {
  background: 0 0;
  border: none;
  font-size: 15px;
  color: #ea375e;
  margin-top: 4px;
}

.shadow {
  box-shadow: 0 0 7px rgb(118 118 118/16%)!important;
}

.alert-h {
  position: relative;
  padding: 6px;
  font-size: 18px;
  margin-bottom: 0;
  padding-bottom: 2px;
  border: 1px solid transparent;
  border-radius: 21px;
  z-index: 1020;
}

.alert-h .info {
  font-style: normal;
  border-radius: 50%;
  padding: 2px 8px;
  font-size: 14px;
}

.alert-h .overflow {
  display: block;
  white-space: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: inherit;
  max-width: 100%;
}

.alert-h p {
  padding-left: .5rem;
  font-size: 1rem;
  padding-bottom: 2px;
}

.alert-h a i{
  font-style: normal;
  padding: 0 0.5rem;
}

.alert-h-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}
.alert-h-primary .info {
  background-color: #9cbef2 !important;
}

.alert-h-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}
.alert-h-secondary .info {
  background-color: #c1c3c7 !important;
}

.alert-h-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
.alert-h-success .info {
  background-color: #a0d3bc !important;
}

.alert-h-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.alert-h-danger .info {
  background-color: #efa7ae !important;
}

.alert-h-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}
.alert-h-warning .info {
  background-color: #f4da88 !important;
}

.alert-h-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}
.alert-h-info .info {
  background-color: #93d5e4 !important;
}

.alert-h-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fefefe;
}
.alert-h-light .info {
  background-color: #eceded !important;
}

.alert-login {
  color: #121212;
  background-color: transparent;
  border: 2px solid #121212;
}

.alert-pay {
  height: 5rem;
  width: 5rem;
  font-size: 25px;
  color: #00bf96;
  border: 2px solid #00bf96;
  background-color: transparent;
}

.alert-pay2 {
  height: 4rem;
  width: 4rem;
  font-size: 20px;
  color: #00bf96;
  border: 2px solid #00bf96;
  background-color: transparent;
}

.alert-pay3 {
  height: 4rem;
  width: 4rem;
  color: #879198;
  border: 2px solid #879198;
  font-size: 20px;
  background-color: transparent;
}

.alert-pay4 {
  height: 4rem;
  width: 4rem;
  color: #ea375e;
  border: 2px solid #ea375e;
  font-size: 20px;
  background-color: transparent;
}

.modal-body .mb-4 i {
    color: #121212 !important;
    font-size: 41px !important;
}

.dropdown .form-control {
  height: 47px;
  width: 420px;
  display: block;
  position: relative;
  padding: 0;
  padding-right: 1rem;
  padding-left: 3.1rem;
  color: #8e8d93;
  background-color: #ededed;
  background-clip: padding-box;
  border: none;
  border-radius: 17px;
  box-shadow: none;
  z-index: 1020;
  max-height: 41px;
}

.dropdown .form-control::placeholder {
  font-size: 16px;
  color: #8e8d93;
  font-weight: 400;
  text-align: start!important;
  background-color: transparent;
}

.dropdown .form-control:focus,
.dropdown .form-control:active {
  box-shadow: none;
  background-color: transparent;
  box-shadow: none;
  border: none;
}

.dropdown .form-control:disabled,
.dropdown .form-control[readonly] {
  background-color: #121212;
  opacity: 1;
}

.dropdown .form-control-start{
  font-size: 23px;
}

.dropdown .icon-search2 {
  float: left;
  position: absolute;
  padding-top: 11px;
  padding-right: 11px;
  padding-bottom: 11px;
  padding-left: 17px;
  color: #8e8d93;
  top: 0;
  left: 0;
  z-index: 1020;
}

.dropdown-menu .icon-dropdown {
    color: #989898;
}

.field_user_icon .dropdown-menu.show {
  display: block;
  top: auto !important;
  left: 0px;
  padding: 10px;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 10px rgb(231 231 231);
  box-sizing: border-box;
  z-index: 1020;
}

form .dropdown-menu {
  top: -4px !important;
  left: -5px !important;
  width: 430px;
  position: absolute;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #eee;
  border-radius: 12px;
  margin-bottom: 2px;
  z-index: 1017;
  box-shadow: 0 0 10px rgb(0 0 0 / 12%);
}

form .dropdown-item {
  padding: 0.65rem 1rem;
}

form .dropdown-item .icon {
  font-size: 14px;
  color: #9e9e9e;
}

form .dropdown-item span{
  font-weight: 300;
  font-size: 14px;
  color: #8f9095;
}

.btn-group .dropdown-menu {
  top: auto !important;
  left: auto !important;
  width: auto;
}

.field_user_icon .dropdown-menu.show {
  display: block;
  top: auto !important;
  left: 0px;
  width: 430px;
  padding: 10px;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 10px rgb(231 231 231);
  box-sizing: border-box;
  z-index: 1020;
}

.divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #ccc;
}

.form-search .sno {
  border-radius: 50%;
  background-color: #f5f5f5;
  padding: 0 4.32px;
}

.form-search .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  border: none;
  background-color: #f5f5f5;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  background-clip: border-box;
  border-radius: 17px;
}

.form-search .card-text {
  font-size: .85rem;
}

.form-search .uri {
  line-height: 1;
  font-size: .85rem;
  color: #121212;
}

.form-search .h6 {
  font-size: 1.05rem!important;
}

.form-search .uri:hover,
.form-search .uri:active {
  color: #eb375e;
}


@media only screen and (min-width: 1280px) {
  .ml-lg-5 {
    margin-left: 5rem;
  }
}

@media only screen and (max-width: 1280px) {
  form .form-control {
    width: 100% !important;
  }
  form .dropdown-menu {
    width: 104.666666% !important;
  }
}