@charset "utf-8";
img:focus {
  border: none;
  outline: 0;
}
:focus {
  outline: none;
}
button,
input,
textarea,
s a:active {
  outline: none;
  border: none;
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0 14%;
  }
  50% {
    background-position: 100% 87%;
  }
  100% {
    background-position: 0 14%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0 14%;
  }
  50% {
    background-position: 100% 87%;
  }
  100% {
    background-position: 0 14%;
  }
}
@-o-keyframes AnimationName {
  0% {
    background-position: 0 14%;
  }
  50% {
    background-position: 100% 87%;
  }
  100% {
    background-position: 0 14%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0 14%;
  }
  50% {
    background-position: 100% 87%;
  }
  100% {
    background-position: 0 14%;
  }
}
table a {
  color: #179dba;
  cursor: pointer;
}
.bootstrap-timepicker-widget {
  width: 190px;
}
.align-center {
  text-align: center !important;
}
.full-width {
  width: 100% !important;
}
.flota-l {
  float: left !important;
}
.flota-r {
  float: right !important;
}
.boder-me {
  border: 1px solid #179dba !important;
}
.dash-select {
  margin-top: 8px;
  margin-right: 5px;
}
.views-dash {
  background: #7e63af !important;
  border-color: #7e63af !important;
  color: #ffffff;
}
.userlistwidget-me {
  font-size: 11px;
  line-height: 18px;
  float: left;
  width: 100%;
  margin-bottom: 9px;
}
.avatar-me {
  float: left;
  margin-right: 10px;
  padding: 2px;
  border: 1px solid #eee;
  border-radius: 50%;
}
.userlistwidget-me a {
  color: #2d2d2d;
}
.userlistwidget-me a:hover {
  color: #2d2d2d;
}
.channel_thumb_me {
  height: 53px;
  float: left;
  border-radius: 100%;
}
.top-videos-thums {
  float: left;
  width: 100%;
}
.top-videos-thums img {
  float: left;
  width: 100%;
}
.bk-fg-primary-me {
  color: #ffffff !important;
}
.erning-dash {
  background: #32bdb3 !important;
  border-color: #32bdb3 !important;
}
.likes-dash {
  background: #4d8fca !important;
  border-color: #4d8fca !important;
}
.dislike-dash {
  background: #d8355a !important;
  border-color: #d8355a !important;
}
.upload-text-left-blocl-change {
  float: left;
  width: 100%;
  text-align: left;
}
.upload-text-left-blocl-change a {
  font-style: italic;
  color: #179dba;
}
.color_white {
  color: #ffffff !important;
}
.margin_r_5 {
  margin-right: 5px !important;
}
.margin_top_10 {
  margin-top: 10px !important;
}
.border-left-me {
  border-left: 1px solid #ccc !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.youtube_boder {
  border: 1px solid #ec2828 !important;
}
.zenga_boder {
  border: 1px solid #f58220 !important;
}
.branded-boder {
  border: 1px solid #428bca !important;
}
.sugestive-tags-main {
  float: left;
  width: 100%;
}
.sugestive-tags {
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 2px;
  padding: 5px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
  border-left-color: #e0e0e0;
  margin-bottom: 10px;
}
.sugestive-tags a {
  border: 1px solid #f0882c;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  float: left;
  padding: 2px;
  text-decoration: none;
  background: #ff7500;
  color: #fff;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  padding-left: 10px;
  padding-right: 10px;
}
.no_margin_me {
  margin: 0 !important;
}
.video-thum-me img {
  width: 100%;
  border-radius: 3px;
}
.video-thum-me img:hover {
  border: 0;
}
.video-thum-me img.selected {
  border: 5px solid #0bcea5;
}
.file-upload-test {
  background-color: #ecf3ff;
  float: left;
  width: 100%;
  border: 1px solid #ccdefd;
  padding: 15px 0;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
}
.file-upload-test:hover {
  border: 1px solid #a2b3d2;
}
.upload-input-cender {
  width: 100%;
  margin-top: 0;
  text-align: center !important;
  float: left;
}
.input-able {
  float: left;
  cursor: pointer;
}
.uploader-able-img {
  height: 50px;
  background-image: url(../images/upload-psd01.png);
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.uploader-able-img:hover {
  height: 50px;
  background-image: url(../images/upload-psd01-h.png);
}
.small-able {
  width: 100%;
  float: left;
}
.resumable-progress {
  margin: 30px 0;
  width: 100%;
  display: none;
}
.input-able2 {
  width: 100%;
  height: 170px;
  float: left;
}
.input-able2 input {
  cursor: alias;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.position-absolute {
  position: absolute !important;
}
.video-list-ti a {
  color: #2e3c54;
}
a.color-green {
  color: #03ab54;
}
.video-like-dislike {
  width: 175px;
  float: left;
  margin-top: 5px;
}
.raw-stats {
  float: left;
  font-size: 10px;
  line-height: 16px;
  padding: 0;
}
.video-like-dislike a {
  float: left;
  margin-top: 2.5px;
  padding-right: 3px;
}
.video-like-dislike img {
  float: left;
}
.raw-stats-mid {
  float: left;
  font-size: 10px;
  line-height: 16px;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.video-distributed {
  width: 22px;
  float: right;
}
.video-distributed a {
  float: left;
  margin-bottom: 13px;
  margin-top: -6px;
}
.video-distributed img {
  width: 20px;
}
.text-center {
  text-align: center !important;
}
.margin-top8px {
  margin-top: 8px !important;
}
.video-duration-over {
  position: absolute;
  bottom: 0;
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 11px;
  color: #ffffff;
}
.channel-list-heading {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.channel-edit-list {
  float: right;
}
.channel-edit-status {
  float: right;
  margin-right: 15px;
  text-transform: capitalize;
}
.channel-edit-list a {
  float: left;
  color: #0ea080;
  font-weight: 600;
}
.channel-img img {
  width: 100%;
  float: left;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
}
.channel-list-title-02 {
  width: 100%;
  float: left;
  font-weight: 600;
  color: #179dba;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 19px;
}
.channel-list-title-02:hover {
  text-decoration: underline;
  color: #2ca9a0;
}
.channel-cover {
  width: 100%;
  float: left;
}
.channel-thum-jo-me {
  width: 70px;
  position: absolute;
  background-color: #ffffff;
  border-radius: 100%;
  left: 15px;
  top: 5px;
  border: 2px solid #ccc;
}
.channel-thum-jo-me img {
  float: left;
  width: 100%;
  border-radius: 100%;
}
.channel-cover-name {
  font-weight: 600;
  font-size: 16px;
}
.all-channel-block-all-new:hover {
  background-color: #eeeeee;
}
.all-channel-block-all-new {
  border: 1px solid #e0e0e0;
  padding: 15px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.channel-list-bind {
  float: left;
  width: 100%;
}
.playlist-litle-limit {
  text-transform: capitalize;
  width: 100%;
  float: left;
  font-weight: bold;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #179dba;
}
.with-full-new-100 {
  width: 100% !important;
}
.flot-left-new {
  float: left !important;
}
.add-channels-line {
  line-height: 13px;
}
.flot-right-new {
  float: right !important;
}
.playlist-name {
  background-color: #578ebe;
  padding: 10px;
  margin-top: 15px;
  color: #ffffff;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 15px;
}
.anal-value {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 13px;
  color: #578ebe;
  font-weight: 600;
}
.or {
  text-align: center;
  line-height: 26px;
  font-weight: 600;
}
.up {
  background-image: url(../images/up.png);
  background-repeat: no-repeat;
  padding-left: 15px;
  color: #00be1b;
  margin-left: 5px;
  margin-right: 5px;
  background-position-y: 4px;
}
.down {
  background-image: url(../images/down.png);
  background-repeat: no-repeat;
  padding-left: 15px;
  color: #dd1010;
  margin-left: 5px;
  margin-right: 5px;
  background-position-y: 4px;
}
.table-data-color {
  color: rgb(168, 42, 42);
}
.anal-title-li {
  font-size: 16px;
  font-weight: 100;
  width: 100%;
  float: left;
}
.anal-block {
  margin-bottom: 25px;
}
.anal-table-back {
  background-color: rgb(232, 251, 255);
  padding: 25px 15px 0;
  margin-left: -26px;
  margin-right: -36px;
  margin-top: 10px;
}
.channel-main-hold {
  float: left;
}
.channel-profile-thum {
  float: left;
  height: 100px;
  width: 100px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}
.channel-name-txt {
  float: left;
  margin-left: 5px;
  text-align: right;
  padding-right: 9px;
}
.channel-name-profile {
  float: left;
  height: 22px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.channel-name-profile a {
  font-size: 13px;
  font-weight: bold;
  color: #2e3c54;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.channel-name-profile span {
  font-size: 13px;
  font-weight: bold;
  color: #2e3c54;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.channel-name-views {
  float: left;
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.channel-lifetime {
  float: left;
  height: 20px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.channel-lifetime a {
  font-size: 10px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
}
.channel-profile-thum img {
  float: left;
  width: 100%;
  border-radius: 3px;
}
.char-info-ll {
  padding-left: 10px;
  float: left;
  width: 100%;
}
.select-drop-arrw {
  background: url(../images/droppng.png) no-repeat #fff;
  background-position: right;
  padding: 4px 9px;
}
.color-g {
  color: #2ec551 !important;
}
.male-chart {
  float: left;
  height: 10px;
  width: 10px;
  background-color: #578ebe;
  margin-top: 5px;
  margin-right: 5px;
}
.female-chart {
  float: left;
  height: 10px;
  width: 10px;
  background-color: #e25a59;
  margin-top: 5px;
  margin-right: 5px;
}
.color-me-blue {
  color: #57b6e4 !important;
}
.margin-bottom-7 {
  margin-bottom: 7px !important;
}
.video-anal-display-big-block-graph {
  float: left;
  height: 80px;
  width: 100%;
}
.video-anal-display-big-block-graph-val {
  padding: 10px;
  float: left;
  font-size: 16px;
  width: 100%;
}
.video-anal-big-tow-chi-text {
  float: left;
  height: 190px;
  width: 100%;
  float: left;
  height: 190px;
}
.sort-arrow-me {
  opacity: 0.7;
  font-size: 9px;
}
.earnings {
  background-color: #e8fffd;
  margin-left: -25px;
  margin-right: -25px;
  padding: 10px;
}
.my-apps-app-dispaly {
  float: left;
  width: 100%;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
}
.my-apps-app-dispaly img {
  width: 100%;
  border-radius: 3px;
}
.my-apps-name {
  float: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
.site__title {
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
}
.my-apps-name a {
  font-size: 25px;
  text-transform: capitalize;
  font-weight: 600;
}
.android {
  color: #8bcc00 !important;
}
.apple {
  color: #242424 !important;
}
.windows {
  color: #00adef !important;
}
.you-don-hav {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 22px;
}
.select-platform-inner-android {
  float: left;
  height: 190px;
  width: 100%;
  background: url(../images/android-logo.png) #8bcc00 no-repeat;
  background-position: center;
}
.select-platform-inner-phone-tablet {
  float: left;
  height: 190px;
  width: 100%;
  background: url(../images/fontab.png) #179dba no-repeat;
  background-position: center;
  border-radius: 3px;
}
.select-platform-inner-tv {
  float: left;
  height: 190px;
  width: 100%;
  background: url(../images/tvtv.png) #179dba no-repeat;
  background-position: center;
  border-radius: 3px;
}
.check-box-select {
  width: 100% !important;
  height: 187px !important;
}
.select-platform-inner-apple {
  float: left;
  height: 190px;
  width: 100%;
  background: url(../images/apple-logo.png) #242424 no-repeat;
  background-position: center;
}
.select-platform-inner-windows {
  float: left;
  height: 190px;
  width: 100%;
  background: url(../images/windows-logo.png) #00adef no-repeat;
  background-position: center;
}
.note-me {
  font-style: italic;
  float: left;
  margin-top: 10px;
}
.tags-suget {
  border: 1px solid #e3e6f3;
  border-top: none;
  padding: 5px;
  float: left;
  width: 100%;
}
.tags-suget a {
  font-size: 11px;
  padding: 5px;
  border: none;
  text-shadow: none;
  border-radius: 3px;
  font-weight: 200;
  background: #0fb492;
  margin-right: 2px;
  color: white;
  float: left;
  margin-bottom: 5px;
}
.whitebox {
  background-color: #fdfdfd;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #dddddd;
  border-radius: 5px;
}
.headItemSelected {
  padding: 3px 13px;
  text-decoration: none;
  font-weight: 300;
  font-size: 18px;
  color: #ffffff;
  background-color: #0576b2;
  border-top: 1px solid #0576b2;
  border-bottom: 1px solid #0576b2;
  border-radius: 3px;
}
.headItem {
  padding: 3px 13px;
  text-decoration: none;
  font-weight: 300;
  font-size: 18px;
  color: #444444;
  background-color: #f7f7f7;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f8f9fa;
  border-radius: 3px;
}
.headItem:hover {
  background-color: #f0f0f0;
}
.headItemSmallSelected {
  padding: 1px 9px;
  text-decoration: none;
  font-weight: 300;
  font-size: 12px;
  color: #ffffff;
  background-color: #444444;
  border-radius: 3px;
}
.headItemSmall {
  padding: 1px 9px;
  text-decoration: none;
  font-weight: 300;
  font-size: 12px;
  color: #444444;
  border-radius: 3px;
}
.headItemSmall:hover {
  background-color: #f0f0f0;
}
.logoViolet {
  color: #9d0780;
}
.logoOrange {
  color: #ff3200;
}
.logoYellow {
  color: #ffa000;
}
.logoBlue {
  color: #0576b2;
}
.downloadButton {
  -moz-box-shadow: inset 0 1px 0 0 #fce2c1;
  -webkit-box-shadow: inset 0 1px 0 0 #fce2c1;
  box-shadow: inset 0 1px 0 0 #fce2c1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #ffc477),
    color-stop(1, #fb9e25)
  );
  background: -moz-linear-gradient(center top, #ffc477 5%, #fb9e25 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477',endColorstr='#fb9e25');
  background-color: #ffc477;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #eeb44f;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  cursor: hand;
  text-align: center;
  padding: 6px 18px;
  text-shadow: 1px 1px 0 #cc9f52;
}
.downloadButton:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #fb9e25),
    color-stop(1, #ffc477)
  );
  background: -moz-linear-gradient(center top, #fb9e25 5%, #ffc477 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25',endColorstr='#ffc477');
  background-color: #fb9e25;
}
.downloadButtonDisabled {
  -moz-box-shadow: inset 0 1px 0 0 #eeeeee;
  -webkit-box-shadow: inset 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 1px 0 0 #eeeeee;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #dddddd),
    color-stop(1, #aaaaaa)
  );
  background: -moz-linear-gradient(center top, #dddddd 5%, #aaaaaa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#aaaaaa');
  background-color: #cccccc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #cccccc;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  cursor: hand;
  text-align: center;
  padding: 6px 18px;
  text-shadow: 1px 1px 0 #aaaaaa;
}
span.key {
  border: 1px solid white;
  border-radius: 2px;
  box-shadow: 0 1px 1px #222222;
  background-color: #555555;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}
span.longKey {
  border: 1px solid white;
  border-radius: 2px;
  box-shadow: 0 1px 1px #222222;
  background-color: #555555;
  width: 36px;
  height: 16px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}
.cover-preview img {
  width: 100%;
  float: left;
}
.cover-preview {
  width: 100%;
  float: left;
  border: 1px solid #e3e6f3;
  border-radius: 3px;
}
.no-margin-l {
  margin-left: 0 !important;
}
.crop-modal-block {
  background: transparent;
  padding: 0;
  text-align: left;
  width: 90%;
  margin: 40px auto;
  position: relative;
}
div#croppolaPanel table {
  border-collapse: collapse;
  border-spacing: 0;
}
div#croppolaPanel th {
  padding: 0;
}
div#croppolaPanel td {
  padding: 0;
}
.useThisCropButton {
  color: #ffffff;
  background-color: #0576b2;
  padding: 4px 12px;
  text-decoration: none;
  border-radius: 3px;
}
.useThisCropButtonDisabled {
  color: #999999;
  background-color: #cccccc;
  padding: 4px 12px;
  text-decoration: none;
  border-radius: 3px;
}
.channel-thum {
  width: 220px;
  float: left;
  border: 1px solid #e3e6f3;
  border-radius: 3px;
}
.channel-thum img {
  width: 100%;
  float: left;
}
.channel-icon {
  width: 100px;
  float: left;
  border: 1px solid #e3e6f3;
  border-radius: 3px;
}
.channel-icon img {
  width: 100%;
  float: left;
}
.fb-boder {
  border: 1px solid #3b5999 !important;
}
.tw-boder {
  border: 1px solid #1ab2e8 !important;
}
.gp-boder {
  border: 1px solid #c23a2e !important;
}
.dropdownchu dd,
.dropdownchu dt {
  margin: 0;
  padding: 0;
}
.dropdownchu ul {
  margin: -1px 0 0;
}
.dropdownchu dd {
  position: relative;
}
.dropdownchu a,
.dropdownchu a:visited {
  color: #777;
  text-decoration: none;
  outline: none;
  font-size: 12px;
}
.dropdownchu dt a {
  display: block;
  padding: 13px 5px 5px 10px;
  min-height: 25px;
  line-height: 10px;
  overflow: hidden;
  width: 100%;
  border: 1px solid #e3e6f3;
  border-radius: 3px;
}
.dropdownchu dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}
.dropdownchu dd ul {
  background-color: #313e3e;
  border: 0;
  color: #fff;
  display: none;
  left: 0;
  padding: 10px 5px;
  float: left;
  top: 2px;
  width: 100%;
  list-style: none;
  max-height: 130px;
  overflow: auto;
}
.dropdownchu span.value {
  display: none;
}
.dropdownchu dd ul li a {
  padding: 5px;
  display: block;
}
.dropdownchu dd ul li a:hover {
  background-color: #fff;
}
.upload-hh {
  background-color: #14b55c !important;
  margin-top: 2px;
  margin-left: 2px !important;
  border: 1px solid #0c984b !important;
  padding: 6px 20px !important;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}
.upload-hh:hover {
  background-color: #109d4f !important;
}
.no-margin-l-new {
  margin-left: 0 !important;
}
.no-margin-r-new {
  margin-right: 0 !important;
}
.or-font {
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.red-color {
  color: red;
  cursor: pointer;
}
.dropdownchu {
  float: left;
  width: 100%;
}
.youtube-back-logo {
  background: url(../images/youtube-distributed.png) no-repeat;
  background-position: right;
}
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  max-height: 250px;
}
.multiselect-container .input-group {
  margin: 5px;
}
.multiselect-container > li {
  padding: 0;
}
.multiselect-container > li > a.multiselect-all label {
  font-weight: 700;
}
.multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 3px 20px;
  height: 100%;
  font-weight: 700;
}
.multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer;
}
.multiselect-container > li > a {
  padding: 0;
}
.multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 20px 3px 25px;
}
.multiselect-container > li > a > label.radio,
.multiselect-container > li > a > label.checkbox {
  margin: 0;
}
.multiselect-container > li > a > label > input[type="checkbox"] {
  margin-bottom: 5px;
}
.filter .btn {
  padding: 6px 3px;
}
.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px;
}
.form-inline .multiselect-container li a label.checkbox input[type="checkbox"],
.form-inline .multiselect-container li a label.radio input[type="radio"] {
  margin-left: -20px;
  margin-right: 0;
}
.multiselect {
  border: solid 1px #578ebe;
  font-size: 12px;
}
.select-her {
  width: 100%;
  float: left;
  padding: 5px;
  color: #578ebe;
}
.app-temp-img img {
  width: 100%;
  float: left;
  cursor: pointer;
}
.app-splash {
  width: 78px;
  float: left;
  border: 1px solid #e3e6f3;
  border-radius: 3px;
}
.app-splash img {
  width: 100%;
  float: left;
}
.app-icon {
  width: 78px;
  float: left;
  border: 1px solid #e3e6f3;
  border-radius: 3px;
}
.app-icon img {
  width: 100%;
  float: left;
}
.app-logo {
  width: 78px;
  float: left;
  border: 1px solid #e3e6f3;
  border-radius: 3px;
}
.app-logo img {
  width: 100%;
  float: left;
}
.position-reltive {
  position: relative !important;
}
#ballMenuContainer {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(-5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1) rotate(0deg);
  }
  50% {
    -o-transform: scale(1.1) rotate(-5deg);
  }
  100% {
    -o-transform: scale(1) rotate(0deg);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1) rotate(0deg);
  }
  50% {
    -moz-transform: scale(1.1) rotate(-5deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0deg);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.1) rotate(-5deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@-webkit-keyframes bump {
  0% {
    top: 0;
  }
  5% {
    top: 5px;
  }
  10% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
@-o-keyframes bump {
  0% {
    top: 0;
  }
  5% {
    top: 5px;
  }
  10% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
@-moz-keyframes bump {
  0% {
    top: 0;
  }
  5% {
    top: 5px;
  }
  10% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
@keyframes bump {
  0% {
    top: 0;
  }
  5% {
    top: 5px;
  }
  10% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
.ball:hover {
  -webkit-animation: pulse 1s ease 0 infinite normal;
  -o-animation: pulse 1s ease 0 infinite normal;
  -moz-animation: pulse 1s ease 0 infinite normal;
  animation: pulse 1s ease 0 infinite normal;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.75);
}
.ball-selected {
  border: 4px dashed #fff;
  -webkit-animation: pulse 1s ease 0 infinite normal;
  -o-animation: pulse 1s ease 0 infinite normal;
  -moz-animation: pulse 1s ease 0 infinite normal;
  animation: pulse 1s ease 0 infinite normal;
}
.Purple {
  background-color: #8e44ad;
}
.Baby-Blue {
  background-color: #3cabda;
}
.Ruby-Red {
  background-color: #ec135d;
}
.Pink {
  background-color: #f87bb5;
}
.Orange {
  background-color: #fb7f2a;
}
.Blood-Red {
  background-color: #9b111e;
}
.Asphalt {
  background-color: #34495e;
}
.Sun-Flower {
  background-color: #f1c40f;
}
.Pumkin {
  background-color: #d35400;
}
.Black {
  background-color: #000000;
}
.Denim {
  background-color: #2b6cc4;
}
.Sea-Blue {
  background-color: #1e8399;
}
.menuText a {
  text-decoration: none;
}
#menuBall1 {
  -webkit-animation: bump 6s linear 0 infinite normal;
}
#menuBall2 {
  -webkit-animation: bump 6s linear 0.5s infinite normal;
}
#menuBall3 {
  -webkit-animation: bump 6s linear 1s infinite normal;
}
#menuBall4 {
  -webkit-animation: bump 6s linear 1.5s infinite normal;
}
#menuBall5 {
  -webkit-animation: bump 6s linear 2s infinite normal;
}
#menuBall6 {
  -webkit-animation: bump 6s linear 2.5s infinite normal;
}
#menuBall7 {
  -webkit-animation: bump 6s linear 3s infinite normal;
}
#menuBall8 {
  -webkit-animation: bump 6s linear 3.5s infinite normal;
}
#menuBall9 {
  -webkit-animation: bump 6s linear 4s infinite normal;
}
#menuBall10 {
  -webkit-animation: bump 6s linear 4.5s infinite normal;
}
#menuBall11 {
  -webkit-animation: bump 6s linear 5s infinite normal;
}
#menuBall12 {
  -webkit-animation: bump 6s linear 5.5s infinite normal;
}
.link-icon {
  height: 34px;
}
.color-green {
  color: #32bdb3 !important;
}
.sort-video-liast {
  list-style: none;
  width: 100%;
  background: #f6f6f6;
}
.sort-mail {
  padding: 0 !important;
  list-style: none;
  width: 100%;
  float: left;
}
.sort-img img {
  width: 100%;
}
.sort-title a {
  font-size: 11px;
  color: #2d2d2d;
  float: left;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.linked-channle-thum {
  border: 1px solid #ccc;
  width: 30px !important;
  height: 30px !important;
}
.linked-channle-thum img {
  width: 30px;
  height: 30px;
}
.margin-top-12 {
  margin-top: 12px !important;
}
.marge-unlinked-video-count {
  float: left;
  width: 100%;
  font-size: 11px;
  color: rgb(215, 8, 8);
  font-weight: 700;
}
.lastDays {
  font-size: 12px;
  float: left;
  color: beige;
}
.rel-herd {
  color: #179dba;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 25px;
}
.tab_app {
  padding: 5px !important;
  font-size: 12px !important;
}
.opacity-0 {
  opacity: 0;
}
.already-updated-ss {
  background-color: #0fb492 !important;
  color: #ffffff !important;
}
.published-photos img {
  float: left;
  width: 100%;
}
#cropFrame {
  box-sizing: initial !important;
}
.repli-yt {
  width: 25px;
  height: 25px;
  float: left;
  background: url(../images/youtube-distributed.png) no-repeat;
}
.radio-yt input[type="radio"]:checked + label:after {
  background: #d2322d;
  -webkit-box-shadow: 0 0 1px #d2322d;
  box-shadow: 0 0 1px #d2322d;
}
.radio-zenga input[type="radio"]:checked + label:after {
  background: #dd7908;
  -webkit-box-shadow: 0 0 1px #d2322d;
  box-shadow: 0 0 1px #d2322d;
}
.radio-dmotion input[type="radio"]:checked + label:after {
  background: #005f8b;
  -webkit-box-shadow: 0 0 1px #d2322d;
  box-shadow: 0 0 1px #d2322d;
}
.yt_color {
  color: #d2322d !important;
}
.zenga_color {
  color: #dd7908 !important;
}
.d_m_color {
  color: #005f8b !important;
}
.fb-color {
  color: #3b5998 !important;
}
.daily-motion-boder {
  border: 1px solid #005f8b !important;
}
.boder-me-bra {
  border: 1px solid #ddd !important;
}
.container-narrow {
  margin: 0 auto;
  max-width: 700px;
}
.container-narrow > hr {
  margin: 30px 0;
}
.jumbotron {
  margin: 60px 0;
  text-align: center;
}
.jumbotron h1 {
  font-size: 72px;
  line-height: 1;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 13px 24px;
}
.marketing {
  margin: 60px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}
.app-datail-name {
  color: #2b3535;
  font-size: 18px;
  float: left;
  margin-bottom: 10px;
  max-width: 600px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-detail-video-views {
  font-size: 13px;
  color: #090;
}
.app-detail-link {
  color: #167ac6;
  font-size: 15px;
  font-weight: bold;
}
table.rating_table {
  border: 0;
  padding: 0;
  margin-top: 3px;
}
table.rating_table td.stars {
  width: 65px;
  padding-right: 1px;
  text-align: right;
}
table.rating_table td.stars i {
  color: #b7bfca;
}
.icon-star {
  background-image: url(../images/star-rating-app.jpg);
  background-repeat: no-repeat;
  width: 12px;
  height: 13px;
  float: left;
}
table.rating_table td.bar {
  width: 205px;
}
table.rating_table td.bar div {
  background-color: #eff1f3;
}
table.rating_table td.bar div div {
  height: 10px;
  background-color: #b7bfca;
}
table.rating_table td.count {
  font-size: 11px;
  padding-left: 3px;
}
.loding-data-new {
  float: left;
  width: 100%;
  min-height: 155px;
  text-align: center;
  padding-top: 50px;
}
.mera-pick {
  border: 1px solid #c3c3c3;
  float: left;
  width: 100%;
  padding: 1%;
  border-radius: 3px;
}
.part-new2015 {
  color: #5969fe !important;
  font-size: 13px !important;
  font-weight: bold;
  padding-bottom: 0 !important;
}
.part-new2015-bab {
  color: #179dba !important;
  padding-bottom: 0 !important;
}
.part-new2015-bab:hover {
  text-decoration: underline !important;
}
.text-sip {
  float: left;
}
.multi-full {
  margin-left: 10px;
}
.oneaxcessmanagement-panel-heading {
  background: #f6f6f6;
  line-height: 35px;
  padding: 12px 12px 15px;
  min-height: 34px;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.inline15 {
  line-height: 15px !important;
}
.pannel-body-border {
  border: 1px solid #ddd;
  border-top: none;
}
.manage-pop {
  background: #fff;
  padding: 10px 15px;
  text-align: left;
  max-width: 1250px;
  margin: auto;
  position: relative;
  border-radius: 4px;
  transition: all 200ms ease-in-out 0;
}
.verifyornot {
  background: #fff;
  padding: 5px;
  text-align: left;
  max-width: 100%;
  margin: auto;
  position: relative;
  border-radius: 4px;
  transition: all 200ms ease-in-out 0;
}
.min-heghit-85 {
  min-height: 85px !important;
  background: #fff !important;
}
.edit-management {
  cursor: pointer;
}
.edit-management:hover {
  color: #000;
  text-decoration: underline;
}
multiselect .dropdown-menu > li > a {
  padding: 3px 10px;
  cursor: pointer;
  float: left;
  width: 100%;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  font-size: 13px;
}
.icon-ok {
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 13px;
  vertical-align: text-top;
  background-image: url(../images/rite.png);
  background-repeat: no-repeat;
  margin-top: 1px;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}
.open > .dropdown-menu {
  display: block;
  font-size: 13px;
}
.icon-empty {
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 13px;
  vertical-align: text-top;
  background-image: url(../images/cross.png);
  background-repeat: no-repeat;
  margin-top: 1px;
}
.ngmulti {
  width: 100%;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
}
.multiselectfilter {
  width: 96%;
  margin: 2%;
  border-radius: 3px;
  border: 1px solid #c3c3c3;
  padding: 3px 3px 3px 5px;
}
.video-name-trim {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  width: 100%;
  text-transform: capitalize;
}
.total-vv {
  font-size: 12px;
  margin-right: 10px;
  padding-top: 2px;
  color: #179dba;
}
.raw-statst-vv {
  font-size: 11px;
  font-weight: bold;
  margin-left: 10px;
}
.cha-primary-tag {
  color: #32bdb3;
  margin-left: 10px;
  font-size: 11px;
}
.assot-channls-count {
  color: #14849c;
  float: right;
  margin-right: 20px;
}
.my-btn-match {
  position: fixed !important;
  right: 32px;
  top: 210px;
  z-index: 854;
}
.img-height {
  height: 30px;
}
.check-syn {
  position: absolute !important;
  top: 0;
  left: 0;
}
.selected-syn-vid {
  border: 1px solid #0fb492 !important;
}
.asso-icons {
  height: 15px;
  float: right;
}
.vid-syn-play {
  position: absolute;
  right: 15px;
  color: #fff !important;
  opacity: 0.8;
  font-size: 22px;
  top: 4px;
  padding: 0;
  margin: 0;
  line-height: 0;
  cursor: pointer;
}
.vid-syn-play:hover {
  opacity: 1;
}
.vid-syn-playassi {
  position: absolute;
  right: 5px;
  color: #fff !important;
  opacity: 0.5;
  font-size: 22px;
  top: 4px;
  padding: 0;
  margin: 0;
  line-height: 0;
}
.vid-syn-playassi:hover {
  opacity: 1;
}
.ad-vid-chal {
  position: absolute;
  right: 10px;
  top: 5px;
}
.assi-chal-list-on {
  width: 5px;
  height: 5px;
  background: red;
}
.drop_platform_open {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9;
  display: block !important;
  float: left;
  width: 100%;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 13px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.chl-list-thum {
  float: left;
  margin-right: 10px;
}
.chl-list-thum img {
  width: 50px;
  height: 50px;
}
.channel-very-thum {
  float: left;
  margin-right: 10px;
  width: 76px;
}
.channel-very-thum img {
  width: 100%;
}
.very-title {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.row-my {
  width: 100%;
}
.very-smal-txt {
  float: left;
  font-size: 11px;
  margin-right: 10px;
}
.panel-default > .panel-heading-defult2 {
  color: #333;
  background: -webkit-linear-gradient(bottom, #f6f6f6 0%, #ffffff 5px);
  background: -moz-linear-gradient(bottom, #f6f6f6 0%, #ffffff 5px);
  background: -o-linear-gradient(bottom, #f6f6f6 0%, #ffffff 5px);
  background: linear-gradient(bottom, #f6f6f6 0%, #ffffff 5px);
  border-color: #e8ebf0;
  line-height: 34px;
  padding: 0 15px;
  margin-bottom: -5px;
  min-height: 34px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.panel .panel-heading-defult2 .panel-title {
  line-height: 40px;
}
.play-list-icon img {
  float: left;
  width: 100%;
}
.playlist-ac-show > .btn-success {
  visibility: hidden;
}
.playlist-ac-show > .btn-danger {
  visibility: hidden;
}
.playlist-ac-show:hover .btn-danger {
  visibility: visible;
}
.playlist-ac-show:hover .btn-success {
  visibility: visible;
}
.playlist-ac-show > .select-drop-arrw {
  visibility: hidden;
}
.playlist-ac-show:hover .select-drop-arrw {
  visibility: visible;
}
.comingsoon {
  min-height: 315px;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 50px;
  color: #00b2f7;
  padding-top: 115px;
}
.comingsoon small {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #00b2f7;
}
.css-treeview ul,
.css-treeview li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.css-treeview input {
  position: absolute;
  opacity: 0;
}
.css-treeview {
  font: normal 11px "Segoe UI", Arial, Sans-serif;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.css-treeview a {
  color: #00f;
  text-decoration: none;
}
.css-treeview a:hover {
  text-decoration: underline;
}
.css-treeview input + label + ul {
  margin: 0 0 0 22px;
}
.css-treeview input ~ ul {
  display: none;
}
.css-treeview label,
.css-treeview label::before {
  cursor: pointer;
}
.css-treeview input:disabled + label {
  cursor: default;
  opacity: 0.6;
}
.css-treeview input:checked:not(:disabled) ~ ul {
  display: block;
}
.css-treeview label,
.css-treeview label::before {
  background: url(../images/icons.png) no-repeat;
}
.css-treeview label,
.css-treeview a,
.css-treeview label::before {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.css-treeview label {
  background-position: 18px 0;
}
.css-treeview label::before {
  content: "";
  width: 16px;
  margin: 0 22px 0 0;
  vertical-align: middle;
  background-position: 0 -32px;
}
.css-treeview input:checked + label::before {
  background-position: 0 -16px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .css-treeview {
    -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
  }
}
@-webkit-keyframes webkit-adjacent-element-selector-bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
.or-spacer .mask {
  overflow: hidden;
  height: 20px;
}
.or-spacer .mask:after {
  content: "";
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px / 12px;
  box-shadow: 0 0 8px black;
}
.or-spacer span {
  width: 344px;
  height: 50px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -25px;
  left: 32%;
  margin-left: -25px;
  border-radius: 100%;
  box-shadow: 0 2px 4px #999;
  background: white;
}
.or-spacer span i {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 100%;
  border: 1px dashed #aaa;
  text-align: center;
  line-height: 40px;
  font-style: normal;
  color: #999;
}
.SlectBox {
  padding: 7px 8px;
}
.SelectClass {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.SumoSelect > .optWrapper > .options > li label,
.SumoSelect > .CaptionCont {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.SumoSelect {
  display: inline-block;
  position: relative;
  outline: none;
  width: 100%;
}
.SumoSelect > .CaptionCont {
  position: relative;
  border: 1px solid #c3c3c3;
  min-height: 13px;
  background-color: #fff;
  border-radius: 2px;
  margin: 0;
  width: 100%;
}
.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
}
.SumoSelect > .CaptionCont > span.placeholder {
  color: #1d1d1d;
}
.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
}
.SumoSelect > .CaptionCont > label > i {
  background: url(../images/droppng.png) no-repeat #fff;
  background-position: right;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
}
.SumoSelect > .optWrapper {
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease-out, top 200ms ease-out,
    visibility 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, top 200ms ease-out,
    visibility 200ms ease-out;
  -moz-transition: opacity 200ms ease-out, top 200ms ease-out,
    visibility 200ms ease-out;
  -ms-transition: opacity 200ms ease-out, top 200ms ease-out,
    visibility 200ms ease-out;
  -o-transition: opacity 200ms ease-out, top 200ms ease-out,
    visibility 200ms ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -100;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
  border-radius: 3px;
  overflow: hidden;
}
.SumoSelect > .optWrapper.open {
  top: 35px;
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}
.SumoSelect > .optWrapper > .options {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  border-radius: 2px;
  max-height: 250px;
}
.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  box-shadow: 0 0 100px #595959;
}
.SumoSelect > .optWrapper > .options > li {
  padding: 6px;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
}
.SumoSelect > .optWrapper > .options > li:first-child {
  border-radius: 2px 2px 0 0;
}
.SumoSelect > .optWrapper > .options > li:last-child {
  border-bottom: none;
  border-radius: 0 0 2px 2px;
}
.SumoSelect > .optWrapper > .options > li:hover {
  background-color: #e4e4e4;
}
.SumoSelect > .optWrapper > .options > li.sel {
  background-color: #a1c0e4;
}
.SumoSelect > .optWrapper > .options > li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer;
  padding-top: 5px;
}
.SumoSelect > .optWrapper > .options > li span {
  display: none;
}
.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%;
}
.SumoSelect > .optWrapper > .options > li.disabled {
  background-color: inherit;
  pointer-events: none;
}
.SumoSelect > .optWrapper > .options > li.disabled * {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.SumoSelect > .optWrapper.multiple > .options > li {
  padding-left: 35px;
  cursor: pointer;
}
.SumoSelect > .optWrapper.multiple > .options > li span,
.SumoSelect .select-all > span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  bottom: 0;
  margin-left: -35px;
}
.SumoSelect > .optWrapper.multiple > .options > li span i,
.SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #aeaeae;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 3px 3px;
}
.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #dbdbdb;
  border-radius: 0 0 0 3px;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px 0;
}
.SumoSelect > .optWrapper.isFloating > .options > li {
  padding: 12px 6px;
}
.SumoSelect > .optWrapper.multiple.isFloating > .options > li {
  padding-left: 35px;
}
.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}
.SumoSelect > .optWrapper.multiple > .options > li.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
  background-color: rgb(17, 169, 17);
  box-shadow: none;
  border-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
}
.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  box-shadow: none;
}
.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
}
.SumoSelect .select-all > span i {
  cursor: pointer;
}
.SumoSelect .select-all.partial > span i {
  background-color: #ccc;
}
.SumoSelect > .optWrapper > .options > li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear,
.clearer {
  clear: both;
}
.clearer {
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
}
#center-wrapper {
  margin: 0 auto;
  width: 920px;
}
.column {
  margin-left: 2%;
  width: 32%;
}
.column.first {
  margin-left: 0;
}
.sortable-list {
  list-style: none;
  margin: 0;
  min-height: 60px;
  padding: 0;
  position: relative !important;
}
.sortable-item {
  display: block;
  margin-bottom: 5px;
  text-align: center;
  padding: 0;
}
#containment {
  background-color: #ffa;
  height: 230px;
}
.suggested-video-block {
  float: left;
  border: 1px solid #d8d8d8;
  width: 100%;
  background-color: #fff;
}
.sort-img img {
  width: 100%;
}
.sort-title a {
  font-size: 11px;
  color: #2d2d2d;
  float: left;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: left;
}
.sugg-video-main {
  text-align: initial;
  font-size: 12px;
  font-weight: initial;
}
.sortlist-me-me {
  float: left;
  width: 250px;
  margin: 10px;
}
.devider-me-me {
  width: 800px;
  float: left;
}
.sortlist-me-me-btn-box {
  float: left;
  margin-top: 50px;
  width: 85px;
}
.navbar .navbar-nav li span {
  padding: 0;
  height: 62px;
  line-height: 62px;
  position: relative;
  color: #fff;
  border-left: none;
  text-align: left;
  cursor: pointer;
}
.navbar .navbar-actions span i {
  border: none !important;
  width: 40px;
  margin-left: 0;
}
.drag-me2 > .drag-btn2 {
  visibility: hidden;
}
.drag-me2:hover .drag-btn2 {
  visibility: visible;
}
.top-up-btn-me {
  float: left;
  width: 85px;
  height: 62px;
  margin-bottom: 5px;
}
.row-uppu {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  color: #179dba;
  background-color: #fff;
  white-space: normal;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  border-bottom: 1px solid #179dba;
}
.row-uppu:hover {
  color: #fff;
  background-color: #179dba;
}
.sortlist-me-me-match {
  float: left;
  margin-top: 44px;
  width: 85px;
}
.top-up-btn-remove {
  float: left;
  width: 85px;
  margin-top: 7px;
}
.row-uppu-rev {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  color: #c9302c;
  background-color: #fff;
  white-space: normal;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.row-uppu-rev:hover {
  color: #ffffff;
  background-color: #c9302c;
}
.remove-bbt {
  float: left;
  margin-top: 0;
  height: 58px;
}
.linked-me {
  float: left;
  width: 250px;
  margin: 10px;
}
.andar-bahar {
  overflow: hidden;
  float: left;
  width: 100%;
  height: 30px;
  color: #2e3c54;
  line-height: 15px;
}
.devider-base {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.input-xlarge {
  float: left;
  width: 100%;
}
.notifi-main {
  padding: 10px !important;
  max-width: 283px !important;
  width: 283px !important;
}
.notifi-msg {
  max-height: 400px;
  overflow-y: auto;
  float: left;
  width: 100%;
  font-size: 12px;
}
.list-item-me {
  float: left;
  width: 100%;
  line-height: initial;
  color: #000;
  margin-bottom: 15px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 5px;
}
.list-item-me a {
  color: #000 !important;
}
.popup-heading-me {
  font-size: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
  line-height: 40px;
  font-weight: 600;
}
.very-title img {
  width: 20px;
}
.chichi-name {
  float: left;
  overflow: hidden;
}
.chichi-check {
  float: left !important;
  position: absolute !important;
}
.wizard-progress .steps-progress-createchan {
  height: 2px;
  margin-left: 23%;
  margin-right: 23%;
  position: relative;
  top: 18px;
  background: #24a2be;
}
.bk-margin-top-6 {
  margin-top: 6px !important;
}
#cropme-cancel {
  color: #fff;
  background-color: #d8355a;
  white-space: normal;
  margin-top: 5px;
  display: inline-block;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.52857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  border-radius: 3px;
  float: left;
  padding: 7px 10px;
}
#cropme-ok {
  color: #fff;
  background-color: #32bdb3;
  white-space: normal;
  margin-top: 5px;
  display: inline-block;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.52857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  border-radius: 3px;
  float: right;
  padding: 7px 10px;
}
#tooltip {
  background: #fff;
  border: 1px solid red;
  padding: 3px 10px;
  z-index: 9999;
  font-size: 13px;
  font-weight: 600;
  border-radius: 3px;
}
.mal-center {
  float: left;
  width: 100%;
  padding-top: 40px;
  height: 170px;
}
.tag {
  margin-right: 2px;
  color: white;
  float: left;
  background: #de486a;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
  font-size: 13px;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  padding-bottom: 2px;
  text-transform: capitalize;
}
.tag:hover {
  background: #bd2b4c;
}
.tags-wrapper {
  float: left;
  width: 100%;
}
.tag-new {
  margin-bottom: 10px;
}
.tagName {
  cursor: pointer;
}
.overlay-wid {
  background-color: rgba(0, 0, 0, 0.7);
  width: 500px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
}
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
}
.help-tip {
  position: absolute;
  top: 0;
  right: 12px;
  text-align: center;
  background-color: #9c9c9c;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 17px;
  cursor: default;
}
.help-tip:before {
  content: "?";
  font-weight: bold;
  color: #fff;
}
.help-tip:hover p {
  display: block;
  transform-origin: 100% 0;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}
.help-tip p {
  display: none;
  text-align: left;
  background-color: #1e2021;
  padding: 10px;
  width: 200px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  right: -8px;
  top: 25px;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  z-index: 959;
  font-weight: 500;
}
.help-tip p:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #1e2021;
  right: 10px;
  top: -12px;
}
.help-tip p:after {
  width: 100%;
  height: 40px;
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    opacity: 100%;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
.my-help {
  position: relative;
  float: right;
}
.help-points {
  padding: 0;
  margin: 0;
}
.color-red-me {
  color: #dc3545 !important;
}
.ss-margin-top-125 {
  margin-top: 125px !important;
}
.ss-hegiht-125 {
  height: 125px !important;
}
.tagName a {
  color: #ffffff;
  text-transform: capitalize;
}
.tagName a:hover {
  text-decoration: none;
}
.limit-heght-me {
  max-height: 200px !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.btn-bod-me {
  border: 1px solid #ccc !important;
}
.vid-syn-play-replace-vid {
  position: absolute;
  right: 4px;
  color: #fff !important;
  opacity: 0.5;
  font-size: 22px;
  top: 4px;
  padding: 0;
  margin: 0;
  line-height: 0;
}
.cal-input {
  padding: 4px 8px !important;
}
.min-hegiht-inherit {
  min-height: inherit !important;
}
.selected-companyname {
  text-decoration: underline;
  font-weight: 700;
}
.rstf {
  font-size: 15px;
}
.no-top-margin {
  margin-top: 0 !important;
}
.channgmainw {
  padding: 10px 15px;
  float: left;
  width: 100%;
  border: 1px solid #d8d8d8;
  background: #fdfdfd;
  border-radius: 3px;
}
.channgmainw:hover {
  background: #f1f1f1;
}
.butt-n-style {
  background: #f1f1f1;
  width: 100%;
  height: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #ccc;
}
.acnme {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  padding-top: 77px;
  height: 190px;
  z-index: 9;
  text-align: center;
  color: #d8355a;
  font-size: 25px;
  font-weight: bold;
  background-color: rgba(240, 248, 255, 0.87);
}
.vid-syn-playlist {
  position: absolute;
  right: 15px;
  color: #fff !important;
  opacity: 0.8;
  font-size: 22px;
  top: 4px;
  padding: 0;
  margin: 0;
  line-height: 0;
}
.chanambet {
  position: absolute;
  top: 0;
  left: 10px;
  padding: 5px 15px 5px 5px;
  background-color: rgba(0, 0, 0, 0.7);
  border-bottom-right-radius: 40px;
}
.chanambet > .cicon > img {
  border-radius: 100%;
  height: 50px;
}
.cicon {
  background: #ffffff;
  padding: 2px;
  border-radius: 100%;
  float: left;
}
.chanambet > .cnnm {
  float: left;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin-top: 16px;
  margin-left: 5px;
  text-transform: capitalize;
}
.vid-syn-playpupu {
  position: absolute;
  right: 5px;
  color: #fff !important;
  opacity: 0.8;
  font-size: 22px;
  top: 4px;
  padding: 0;
  margin: 0;
  line-height: 0;
}
.Emeraild {
  background: #18a68c;
}
.Orchid {
  background: #ba96c4;
}
.True-Red {
  background: #df0022;
}
@-webkit-keyframes panel-body {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes panel-body {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.panel-body {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.text-trim {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
}
.btn-topi {
  padding-top: 3px;
}
.color-y {
  color: #ef9408 !important;
}
.color-p {
  color: #d668c8 !important;
}
.channel-assi-name {
  font-size: 12px;
  text-align: right;
  padding-top: 7px;
}
.rbtnp {
  float: left !important;
  background: #179dba;
  width: initial !important;
  font-size: 10px !important;
  padding: 0 7px;
  height: initial !important;
  line-height: 15px;
  color: #ffffff !important;
  border-radius: 20px;
  cursor: pointer;
}
.rbtnp:hover {
  background: #14849c;
  text-decoration: none;
}
.repiw {
  display: inline-block;
  margin-bottom: 20px;
  background: #f5f5f5;
  padding: 5px 10px;
  width: 175px;
  border-radius: 50px;
  border: 1px solid #dcdcdc;
}
.dynamicearnings {
  float: left;
  width: 100%;
  text-align: right;
}
.dynamicviews {
  float: left;
  width: 100%;
  text-align: right;
}
.dynamiclikes {
  float: left;
  width: 100%;
  text-align: right;
}
.dynamicdislikes {
  float: left;
  width: 100%;
  text-align: right;
}
.invili {
  color: #179dba;
  background: #ffffff;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
}
.invili:hover {
  padding: 2px 7px;
  text-decoration: none;
}
.sotrmmr {
  color: #179dba;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
.sotrmmr:hover {
  text-decoration: none;
  color: #14849c;
}
.dduu {
  float: left;
  width: 100%;
  padding: 0 0 20px;
  text-align: center;
}
.inputpop {
  overflow: hidden;
  position: relative;
}
.inputpop [type="file"] {
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.inputpop {
  background: #32bdb3;
  border-radius: 3px;
  color: #ffffff;
  padding: 3.5px 8px;
  display: inline-block;
}
.inputpop:hover {
  background: #2ca9a0;
}
.inputpop [type="file"] {
  cursor: pointer;
}
.fb-channel-p-m {
  float: left;
  width: 100%;
  text-align: center;
}
.fb-channel-p {
  width: 100%;
  border-radius: 100%;
}
.cover-fb-main {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.cover-fb-main img {
  width: 100%;
  float: left;
}
.channel-edit-status-fb {
  float: left;
  margin-right: 15px;
  text-transform: capitalize;
}
.font-cha {
  font-size: 12px;
}
.disdis {
  opacity: 0.4;
}
.hide-put {
  background: transparent;
  border: none;
  padding: 0 !important;
}
.campa-uplo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 9;
  opacity: 0;
}
.pub-cha-m {
  padding: 10px 0;
  float: left;
  width: 100%;
  border: 1px solid #d8d8d8;
  background: #fdfdfd;
  border-radius: 3px;
  margin-bottom: 10px;
}
.pub-cha-m:hover {
  background: #f1f1f1;
}
.add-f {
  visibility: hidden;
}
.pub-cha-m:hover .add-f {
  visibility: visible;
}
.pub-b-b {
  float: left;
  width: 100%;
  border: 1px solid #d8d8d8;
  padding: 10px;
  height: 400px;
  overflow: auto;
  margin-bottom: 50px;
}
.jms-container {
  width: 100% !important;
}
.jms-header {
  padding-left: 20px;
}
.jms-header .jms-selectable {
  float: left;
  width: 50%;
  padding-right: 1%;
}
.jms-header .jms-center {
  display: none;
}
.jms-header .jms-center div {
  vertical-align: middle;
}
.jms-header .jms-selected {
  float: left;
  width: 50%;
  padding-left: 1%;
}
.jms-header-contents {
  width: 100%;
  margin-bottom: 10px;
}
.jms-header-contents span {
  font-size: 13px;
  color: #179dba;
  float: right;
}
.jms-contents {
  padding-left: 20px;
}
.jms-contents .jms-selectable {
  float: left;
  width: 49%;
  border: 1px solid #c3c3c3;
  margin-right: 1%;
  border-radius: 3px;
}
.jms-contents .jms-center {
  display: none;
}
.jms-contents .jms-center div {
  vertical-align: middle;
}
.jms-contents .jms-selected {
  float: left;
  width: 49%;
  border: 1px solid #c3c3c3;
  margin-left: 1%;
  border-radius: 3px;
}
.jms-list {
  margin-bottom: 0 !important;
  overflow-x: hidden !important;
}
.jms-list ul span {
  cursor: pointer;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-top: -1px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  color: #179dba !important;
  font-size: 16px;
}
.jms-list ul a {
  padding: 6px 15px;
  border: none;
  font-size: 13px !important;
}
.mimih {
  min-height: 500px !important;
}
.row-endtpend {
  margin-right: -30px !important;
  margin-left: -30px !important;
}
.livedi {
  position: absolute;
  color: #ffffff;
  padding: 0 5px;
}
.d-p-main {
  float: right;
  margin-top: 8px;
  margin-right: 5px;
  width: 200px;
}
.mm-opened .d-p-main {
  display: none;
}
.dash-n-h {
  float: left;
  width: 100%;
  font-size: 13px;
  color: #757575;
}
.dash-n-v {
  float: left;
  font-size: 18px;
  width: 100%;
  font-weight: 600;
  color: #3d405c;
}
.dash-n-vs {
  float: left;
  width: 100%;
  font-size: 13px;
}
.hi-dash {
  color: #32bdb3;
}
.lw-dash {
  color: #d8355a;
}
.chart-dash {
  float: left;
  width: 100%;
}
.main-dash {
  float: left;
  width: 100%;
  background: #ffffff;
  padding: 15px;
  min-height: 70px;
}
.main-dash-dislikes {
  border: 3px solid #eaaf4f;
}
.resetall {
  font-size: 12px;
  font-weight: lighter;
}
.drop_platform_close .checkbox-custom {
  left: 0 !important;
}
.peelu {
  width: 200px;
  margin-top: 8px;
  margin-right: 5px;
  position: relative;
}
.peelu li {
  line-height: 0;
}
.editabletext-me {
  background: transparent;
  border: none !important;
  padding: 0 !important;
  width: inherit;
  text-align: center;
  min-width: 80px;
  margin: auto;
}
.one-side-right {
  border-right: 1px solid #ccc;
}
.mti {
  margin-top: 3px;
}
.vs-left {
  color: #ff8700;
}
.vs-right {
  color: #bb6d07;
}
.ds-cou {
  width: 100%;
  float: left;
  font-weight: 100;
  font-size: 16px;
}
.hs-wrapper {
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border: 2px solid #dcdcdc;
  cursor: pointer;
  border-radius: 3px;
}
.hs-wrapper:hover {
  border: 2px solid #32bdb3;
}
.hs-wrapper.active {
  border: 2px solid #32bdb3 !important;
}
.hs-wrappertv {
  border: 4px solid #dcdcdc;
  border-radius: 3px;
  cursor: pointer;
}
.hs-wrappertv:hover {
  border: 4px solid #32bdb3;
}
.hs-wrappertv.active {
  border: 4px solid #32bdb3 !important;
}
.hs-wrapper img {
  top: 0;
  left: 0;
  position: absolute;
  -webkit-animation: showMe 5s linear infinite 0 forwards;
  -moz-animation: showMe 5s linear infinite 0 forwards;
  -o-animation: showMe 5s linear infinite 0 forwards;
  -ms-animation: showMe 5s linear infinite 0 forwards;
  animation: showMe 5s linear infinite 0 forwards;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
}
.hs-wrapper img:nth-child(1) {
  z-index: 9;
}
.hs-wrapper img:nth-child(2) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
  z-index: 8;
}
.hs-wrapper img:nth-child(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s;
  z-index: 7;
}
.hs-wrapper img:nth-child(4) {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  -ms-animation-delay: 3s;
  animation-delay: 3s;
  z-index: 6;
}
.hs-wrapper img:nth-child(5) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  -ms-animation-delay: 4s;
  animation-delay: 4s;
  z-index: 5;
}
.hs-wrapper:hover img {
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running;
}
.hs-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 500;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3) inset;
  pointer-events: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hs-overlay span {
  display: block;
  padding: 20px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  text-align: right;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hs-wrapper:hover .hs-overlay {
  opacity: 1;
}
@-webkit-keyframes showMe {
  0% {
    visibility: visible;
    z-index: 100;
  }
  12.5% {
    visibility: visible;
    z-index: 100;
  }
  25% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}
@-moz-keyframes showMe {
  0% {
    visibility: visible;
    z-index: 100;
  }
  12.5% {
    visibility: visible;
    z-index: 100;
  }
  25% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}
@-o-keyframes showMe {
  0% {
    visibility: visible;
    z-index: 100;
  }
  12.5% {
    visibility: visible;
    z-index: 100;
  }
  25% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}
@-ms-keyframes showMe {
  0% {
    visibility: visible;
    z-index: 100;
  }
  12.5% {
    visibility: visible;
    z-index: 100;
  }
  25% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}
@keyframes showMe {
  0% {
    visibility: visible;
    z-index: 100;
  }
  12.5% {
    visibility: visible;
    z-index: 100;
  }
  25% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}
.min-heghit-400 {
  min-height: 400px;
}
.hepl-mee {
  position: relative;
  float: left;
  margin-left: 40px;
}
.hepl-mee2 {
  position: relative;
  float: right;
}
.input-hide {
  width: 100px;
  border: 1px solid #d8d8d8;
  padding-left: 0 !important;
  border-radius: 3px;
}
.cpm-show {
  position: fixed;
  bottom: 40%;
}
.total-table-m {
  float: right;
  width: 100%;
  background: #353535;
  padding: 5px 9px;
  text-align: right;
  color: #ffffff;
  font-size: 15px;
  text-transform: capitalize;
}
.capmnn {
  float: left;
  width: 100%;
  border-radius: 3px;
  padding: 18px 10px 0;
}
.grad-totle {
  font-size: 20px;
  float: right;
  width: 100%;
  text-align: right;
  margin-top: 25px;
  margin-bottom: 15px;
}
.aftv {
  color: #000000 !important;
}
.min-heghit-700 {
  min-height: 700px !important;
}
.color-w {
  color: #ffffff !important;
}
.tabuu {
  border: 0 !important;
  padding: 0 !important;
}
.main-dash-ern {
  border: 3px solid #585858;
}
.ernhd {
  width: 100%;
  float: left;
  min-height: 18px;
  font-size: 13px;
}
.ernvl {
  float: left;
  width: 100%;
  min-height: 1px;
  font-size: 24px;
}
.moni {
  background: #13b111;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  border-radius: 100px;
}
.moni i {
  color: #ffffff;
}
.op7 {
  opacity: 0.5;
  cursor: pointer;
}
.dropdown.dropdown-lg .dropdown-menu {
  margin-top: -1px;
  padding: 10px 15px;
}
.input-group-btn .btn-group {
  display: flex !important;
}
.btn-group .btn {
  border-radius: 3px;
  margin-left: -1px;
}
.btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-group .form-control:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media screen and (min-width: 768px) {
  #adv-search {
    width: 100%;
    margin: 0 auto;
  }
  .dropdown.dropdown-lg {
    position: static !important;
  }
  .dropdown.dropdown-lg .dropdown-menu {
    min-width: 100%;
  }
}
.proul {
  max-height: 200px;
  overflow: auto;
  margin-bottom: 15px;
}
.chvrybtn {
  display: none !important;
}
.chvery:hover .chvrybtn {
  display: block !important;
}
.tiplist {
  float: left;
  width: 100%;
  list-style-type: decimal;
}
.tiplist li {
  margin-bottom: 10px;
}
.bg-n {
  background-image: linear-gradient(
    145deg,
    rgba(19, 177, 205, 0.95) 0%,
    rgba(152, 119, 234, 0.95) 100%
  );
  background-repeat: repeat-x;
}
.cu-nr {
  background: #f4f4f4;
  padding: 20px 0;
}
.cu-er {
  background: #f14949;
  padding: 20px 0;
}
.campaingecard {
  float: left;
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 10px;
}
.camdd {
  float: left;
  width: 100%;
  background: #d8d8d8;
  height: 1px;
}
.camhead {
  font-size: 16px;
  color: #0078b7;
  float: left;
  width: 100%;
  padding-top: 20px;
  text-align: center;
}
.campdat {
  font-size: 12px;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.adcamb {
  float: right;
  font-size: 20px;
  color: #000000;
}
.cancut {
  color: #0078b7;
  font-size: 13px;
  float: right;
  padding-top: 5px;
  margin-right: 10px;
}
.cdbn {
  float: left;
  margin-top: 4px;
}
.switchn {
  width: 100%;
  color: #000000;
  line-height: 20px;
  padding: 0 10px;
  font-size: 13px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border 0.25s linear, color 0.25s linear,
    background-color 0.25s linear;
  transition: border 0.25s linear, color 0.25s linear,
    background-color 0.25s linear;
  -webkit-appearance: none;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.brad-new {
  font-size: 18px;
  float: left;
  width: 100%;
  margin-top: -15px;
  margin-bottom: 10px;
}
.brad-new a {
  color: #000000;
}
.cbp-spmenu {
  background: #47a3da;
  position: fixed;
}
.cbp-spmenu h3 {
  color: #afdefa;
  font-size: 1.9em;
  padding: 17px 15px;
  margin: 0;
  font-weight: 300;
  background: #0d77b6;
}
.cbp-spmenu li {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}
.cbp-spmenu li:hover {
  background: #258ecd;
  text-decoration: none;
}
.cbp-spmenu li a:hover {
  color: #ffffff;
}
.cbp-spmenu li:active {
  background: #afdefa;
  color: #47a3da;
}
.cbp-spmenu-vertical {
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 1000;
}
.cbp-spmenu-vertical li {
  border-bottom: 1px solid #258ecd;
  padding: 1em;
  float: left;
  width: 100%;
}
.cbp-spmenu-vertical li a {
  color: #ffffff;
}
.cbp-spmenu-horizontal {
  width: 100%;
  height: 150px;
  left: 0;
  z-index: 1000;
  overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
  height: 100%;
  width: 20%;
  float: left;
}
.cbp-spmenu-horizontal a {
  float: left;
  width: 20%;
  padding: 0.8em;
  border-left: 1px solid #258ecd;
}
.cbp-spmenu-left {
  left: -240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
  left: 240px;
  overflow: auto;
}
.cbp-spmenu-top {
  top: -150px;
}
.cbp-spmenu-bottom {
  bottom: -150px;
}
.cbp-spmenu-top.cbp-spmenu-open {
  top: 0;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
  bottom: 0;
}
.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}
.cbp-spmenu-push-toright {
  left: 240px;
}
.cbp-spmenu-push-toleft {
  left: -240px;
}
.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 55.1875em) {
  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }
  .cbp-spmenu-top {
    top: -110px;
  }
  .cbp-spmenu-bottom {
    bottom: -110px;
  }
}
@media screen and (max-height: 26.375em) {
  .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
  }
  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -190px;
  }
  .cbp-spmenu-right {
    right: -190px;
  }
  .cbp-spmenu-push-toright {
    left: 190px;
  }
}
.widthbubin i {
  margin-right: 0 !important;
}
.inhbth {
  width: 100%;
  float: left;
}
.inhbth-l {
  float: left;
  width: 50%;
  border-right: 1px solid #425e82;
  text-align: center;
}
.inhbth-r {
  float: left;
  width: 50%;
  text-align: center;
}
.inhbth-s {
  color: #ffffff;
  line-height: 20px;
  padding: 7px 0;
  font-size: 15px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border 0.25s linear, color 0.25s linear,
    background-color 0.25s linear;
  transition: border 0.25s linear, color 0.25s linear,
    background-color 0.25s linear;
  -webkit-appearance: none;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  width: fit-content;
  display: inline-block;
}
.inhbth-s a {
  color: #ffffff;
  line-height: 20px;
  padding: 6px 0 0;
  font-size: 13px;
  border: 0;
  -webkit-font-smoothing: antialiased;
  width: fit-content;
  display: inline-block;
}
.inhbth-s a:hover {
  text-decoration: overline;
}
.inhbth-s > a.active {
  text-decoration: overline;
}
.inhbth-s > button {
  background: transparent;
  color: #ffffff;
}
.inhbth-s > button:hover {
  color: #ffffff;
}
.inhbth-s > option {
  color: #000000;
}
.inhbth-src {
  background: #ffffff;
  padding: 0 10px;
  margin-bottom: 13px;
}
.campcard {
  background: #f3f3f3;
  float: left;
  width: 100%;
  padding: 25px 15px;
  font-size: 13px;
  margin-bottom: 13px;
}
.campcard2 {
  float: left;
  width: 100%;
  padding: 25px 15px;
  font-size: 13px;
  margin-bottom: 13px;
}
.l1 {
  float: left;
  width: 80%;
}
.l2 {
  float: left;
  width: 20%;
  text-align: right;
}
.inflinks {
  text-align: right;
}
.inflinks a img {
  height: 20px;
}
.f16 {
  font-size: 14px;
}
.camdbg {
  background: #f3f3f3;
  margin-bottom: -10px;
  margin-top: 10px;
  padding-top: 10px;
}
.camcbbt {
  text-align: center;
  color: #ffffff !important;
  float: left;
  width: 100%;
  padding: 25px 0;
  border-radius: 10px;
  text-decoration: none;
}
.camcbbt:hover {
  text-decoration: overline;
}
.camcbbt i {
  font-size: 50px;
}
.camcbbt-c1 {
  background: #a863ce;
}
.camcbbt-c2 {
  background: #1d9ffd;
}
.creatcbox {
  float: left;
  width: 100%;
  border: 1px solid #e4e4e4;
  padding: 15px 0 10px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.cchb {
  position: relative;
  float: right;
  margin-top: 0;
}
.Tarc {
  float: left;
  margin-right: 30px;
  min-width: 75px;
}
.cchb {
  position: relative;
  float: right;
  margin-top: 3px;
}
.Tarc {
  float: left;
  margin-right: 25px;
  min-width: 100px;
}
.proff {
  margin: auto;
  display: block;
  width: 100%;
}
.proffn {
  color: #0078b7;
  float: left;
  margin-top: 15px;
  margin-left: 10px;
  margin-bottom: 5px;
}
.proffst {
  float: left;
  margin-left: 10px;
  margin-bottom: 5px;
}
.proffst i {
  float: left;
  font-size: 18px;
  margin-right: 5px;
}
.color-g2 {
  color: #16bb50 !important;
}
.bdr {
  border-right: 1px solid #d8d8d8;
  margin-top: -10px;
  padding-top: 10px;
  min-height: 150px;
  margin-bottom: -10px;
  padding-bottom: 10px;
}
#live-chat {
  bottom: 0;
  font-size: 12px;
  right: 24px;
  position: fixed;
  width: 300px;
  z-index: 15;
}
#live-chat header {
  background: #293239;
  border-radius: 30px 30px 0 0;
  color: #fff;
  cursor: pointer;
  padding: 5px 15px;
}
#live-chat h4:before {
  background: #1a8a34;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  margin: 0 8px 0 0;
  width: 8px;
}
#live-chat h4 {
  font-size: 12px;
}
#live-chat h5 {
  font-size: 10px;
}
#live-chat form {
  padding: 24px;
  background: #2a323a;
}
#live-chat input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 8px;
  outline: none;
  width: 234px;
}
.chat-message-counter {
  background: #e62727;
  border: 1px solid #fff;
  border-radius: 50%;
  display: none;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  left: 0;
  line-height: 28px;
  margin: -15px 0 0 -15px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 28px;
}
.chat-close {
  border-radius: 50%;
  color: #fff;
  display: block;
  float: right;
  font-size: 18px;
  height: 16px;
  margin: 2px 0 0;
  text-align: center;
  width: 16px;
}
.chat {
  background: #fff;
}
.chat-history {
  height: 252px;
  padding: 8px 24px;
  overflow-y: scroll;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.chat-message {
  margin: 16px 0;
}
.chat-message img {
  border-radius: 50%;
  float: left;
  width: 50px;
  height: 50px;
}
.chat-message-content {
  margin-left: 56px;
}
.chat-time {
  float: right;
  font-size: 10px;
}
.chat-feedback {
  font-style: italic;
  margin: 0 0 0 80px;
}
.poly {
  position: relative;
  float: left;
  margin-top: 3px;
  margin-left: 35px;
}
.apd {
  line-height: 23px !important;
  font-size: 20px;
}
.poly2 {
  position: relative;
  float: left;
  margin-top: 7px;
  margin-left: 35px;
}
.prolist {
  border: 1px solid #d8d8d8;
  float: left;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 50px;
}
.slidecontainer {
  width: 100%;
}
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.slider:hover {
  opacity: 1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 100px;
  background: #4caf50;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4caf50;
  cursor: pointer;
}
.creatorlistmain {
  float: left;
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 15px 0 10px;
  cursor: pointer;
  margin-bottom: 20px;
}
.creimg {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: 1px solid #d4d4d4;
}
.chofd img {
  height: 13px;
  float: right;
  margin-left: 7px;
}
.sponsorshipsbox {
  float: left;
  width: 100%;
  padding: 0;
  cursor: pointer;
  margin-bottom: 20px;
}
.sponsorshipsboximg {
  width: 100%;
  float: left;
  border-radius: 10px;
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 750px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
  right: 0;
}
.modal-content {
  border-radius: 0;
  border: none;
}
.modal-header {
  background: none;
  border-bottom: 1px solid #ddd !important;
  padding: 10px 20px;
}
.poin {
  width: 250px;
  float: left;
}
.bod-r {
  border-right: 1px solid #d8d8d8;
}
.alert-dismissable {
  background: #efeff6;
  border-radius: 10px;
}
.proffn2 {
  margin-top: 5px;
  font-size: 24px;
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 600;
  position: relative;
}
.sentnoti {
  background: #e62727;
  border: 1px solid #e62727;
  color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  left: 5px;
  line-height: 28px;
  margin: -15px 0 0 -15px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 28px;
}
.addwork {
  float: left;
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 0 0 10px;
  margin-bottom: 20px;
}
.addworkimg {
  width: 100%;
  float: left;
  border-radius: 10px;
}
.proffn3 {
  color: #0078b7;
  float: left;
  margin-top: 13px;
  margin-left: 10px;
  margin-bottom: 5px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.file-upload {
  position: relative;
  display: inline-block;
}
.file-upload__label {
  display: block;
  padding: 1em 2em;
  color: #fff;
  background: #222;
  border-radius: 0.4em;
  transition: background 0.3s;
}
.file-upload__label:hover {
  cursor: pointer;
  background: #000;
}
.file-upload__input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 1px;
  width: 0;
  height: 100%;
  opacity: 0;
}
.propiv {
  border-radius: 100px;
  border: 1px solid #ccc;
  height: 150px;
}
.verso {
  background: #e2e2e2;
  display: inline-block;
  padding: 5px 9px 6px 5px;
  border-radius: 50px;
  cursor: pointer;
  font-weight: bold;
  margin: 0 5px;
}
.verso:hover {
  text-decoration: none;
}
.verso > i {
  font-size: 17px;
  margin: 5px 0 0 5px;
}
.verso > img {
  margin-right: 5px;
}
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
.icwih {
  width: 15px;
  text-align: center;
}
.socotbx {
  float: left;
  width: 100%;
  padding: 0 10px;
}
.cnt-in {
  width: 100%;
  float: left;
  padding-top: 5px;
}
.psr-a {
  position: absolute;
  right: 15px;
  top: 28px;
}
.sobn {
  padding-top: 10px;
  border-radius: 5px 5px 0 0;
  padding-left: 45px;
  padding-bottom: 10px;
  min-height: 78px;
  padding-right: 105px;
}
.dotmnu {
  width: 150px;
  padding: 5px;
}
.dotmnulit {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.hpl1 {
  float: left;
  position: relative;
}
.pbvc {
  border: 1px solid #d4d4d4;
  float: left;
  width: 100px;
  border-radius: 100px;
}
.pfobx {
  margin: auto;
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 8px;
}
.preb {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.preb i {
  font-size: 14px;
}
.ss-no-border {
  border: 0 !important;
}
.mrt {
  margin-top: 0 !important;
}
.multiselect-dropdown .dropdown-btn {
  border-bottom: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  padding: 0 0 7px !important;
  border-radius: 0 !important;
  color: #767676 !important;
}
.multiselect-dropdown .dropdown-btn .dropdown-down {
  border-top: 5px solid #767676 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}
.multiselect-dropdown {
  margin-top: 10px;
}
.socotbx p {
  font-size: 13px;
  font-weight: bold;
}
mat-error {
  font-size: 11px;
}
.soin a {
  display: inline-block;
  cursor: default;
  margin-bottom: 5px;
  margin-right: 5px;
}
.loadnew {
  float: left;
  width: 100%;
  text-align: center;
}
.loadnew img {
  height: 200px;
}
.mrb-0 {
  margin-bottom: 0;
}
.facebook-responsive {
  text-align: center;
}
.switnew {
  color: #ffffff !important;
  width: 100% !important;
  text-align: left !important;
  padding: 0 0 0 1px !important;
}

.donthave {
  text-align: center;
  float: left;
  width: 100%;
  margin: 170px 0;
}
.prodit {
  padding: 0 !important;
  margin: 0 !important;
  min-width: 10px !important;
  line-height: inherit !important;
}
.porite {
  position: absolute;
  top: 5px;
  right: 15px;
}
.prodis {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 11px;
  padding: 0 5px;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 11px;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-menu-item {
  font-size: 13px !important;
  line-height: 20px !important;
  padding: 10px !important;
}
.font13 {
  font-size: 13px !important;
}
mat-slider {
  width: 100%;
}
.mat-radio-label-content {
  font-weight: initial !important;
}
.mat-checkbox-layout .mat-checkbox-label {
  font-weight: initial !important;
}
.uploaddoc {
  float: left;
  height: 100px;
  width: 100px;
  border: 1px solid #ccc;
  margin-right: 5px;
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
  font-size: 11px;
  position: relative;
  font-weight: 100;
  background: #f2f2f2;
}
.uploaddoc a {
  position: absolute;
  right: -5px;
  font-size: 18px;
  top: -10px;
}
.docupload {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  width: 100%;
}
.tabnoti {
  background: red;
  color: #ffffff;
  padding: 2px 4px;
  border-radius: 50px;
  font-size: 12px;
}
#frame {
  width: 100%;
  min-width: 320px;
  max-width: 100%;
  min-height: 300px;
  overflow: hidden;
}
#frame #sidepanel {
  float: left;
  min-width: 280px;
  max-width: 300px;
  width: 40%;
  border-right: 1px solid #c8c6ca;
  height: 100%;
  color: #000;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel {
    width: 58px;
    min-width: 58px;
  }
}
#frame #sidepanel #profile {
  width: 80%;
  margin: 25px auto;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile {
    width: 100%;
    margin: 0 auto;
    padding: 5px 0 0;
    background: #32465a;
  }
}
#frame #sidepanel #profile.expanded .wrap {
  height: 210px;
  line-height: initial;
}
#frame #sidepanel #profile.expanded .wrap p {
  margin-top: 20px;
}
#frame #sidepanel #profile.expanded .wrap i.expand-button {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipH;
  -ms-filter: FlipH;
}
#frame #sidepanel #profile .wrap {
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  -moz-transition: 0.3s height ease;
  -o-transition: 0.3s height ease;
  -webkit-transition: 0.3s height ease;
  transition: 0.3s height ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap {
    height: 55px;
  }
}
#frame #sidepanel #profile .wrap img {
  width: 50px;
  border-radius: 50%;
  padding: 3px;
  border: 2px solid #e74c3c;
  height: auto;
  float: left;
  cursor: pointer;
  -moz-transition: 0.3s border ease;
  -o-transition: 0.3s border ease;
  -webkit-transition: 0.3s border ease;
  transition: 0.3s border ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap img {
    width: 40px;
    margin-left: 4px;
  }
}
#frame #sidepanel #profile .wrap img.away {
  border: 2px solid #f1c40f;
}
#frame #sidepanel #profile .wrap img.busy {
  border: 2px solid #e74c3c;
}
#frame #sidepanel #profile .wrap img.offline {
  border: 2px solid #95a5a6;
}
#frame #sidepanel #profile .wrap p {
  float: left;
  margin-left: 15px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap p {
    display: none;
  }
}
#frame #sidepanel #profile .wrap i.expand-button {
  float: right;
  margin-top: 23px;
  font-size: 0.8em;
  cursor: pointer;
  color: #435f7a;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap i.expand-button {
    display: none;
  }
}
#frame #sidepanel #profile .wrap #status-options {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 150px;
  margin: 70px 0 0;
  border-radius: 6px;
  z-index: 99;
  line-height: initial;
  background: #435f7a;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options {
    width: 58px;
    margin-top: 57px;
  }
}
#frame #sidepanel #profile .wrap #status-options.active {
  opacity: 1;
  visibility: visible;
  margin: 75px 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options.active {
    margin-top: 62px;
  }
}
#frame #sidepanel #profile .wrap #status-options:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #435f7a;
  margin: -8px 0 0 24px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options:before {
    margin-left: 23px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul {
  overflow: hidden;
  border-radius: 6px;
}
#frame #sidepanel #profile .wrap #status-options ul li {
  padding: 15px 0 30px 18px;
  display: block;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 35px 22px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li:hover {
  background: #496886;
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 5px 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    width: 13px;
    height: 13px;
  }
}
#frame
  #sidepanel
  #profile
  .wrap
  #status-options
  ul
  li
  span.status-circle:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  margin: -3px 0 0 -3px;
  background: transparent;
  border-radius: 50%;
  z-index: 0;
}
@media screen and (max-width: 735px) {
  #frame
    #sidepanel
    #profile
    .wrap
    #status-options
    ul
    li
    span.status-circle:before {
    height: 18px;
    width: 18px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li p {
  padding-left: 12px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li p {
    display: none;
  }
}
#frame
  #sidepanel
  #profile
  .wrap
  #status-options
  ul
  li#status-away
  span.status-circle {
  background: #f1c40f;
}
#frame
  #sidepanel
  #profile
  .wrap
  #status-options
  ul
  li#status-away.active
  span.status-circle:before {
  border: 1px solid #f1c40f;
}
#frame
  #sidepanel
  #profile
  .wrap
  #status-options
  ul
  li#status-busy
  span.status-circle {
  background: #e74c3c;
}
#frame
  #sidepanel
  #profile
  .wrap
  #status-options
  ul
  li#status-busy.active
  span.status-circle:before {
  border: 1px solid #e74c3c;
}
#frame
  #sidepanel
  #profile
  .wrap
  #status-options
  ul
  li#status-offline
  span.status-circle {
  background: #95a5a6;
}
#frame
  #sidepanel
  #profile
  .wrap
  #status-options
  ul
  li#status-offline.active
  span.status-circle:before {
  border: 1px solid #95a5a6;
}
#frame #sidepanel #profile .wrap #expanded {
  padding: 100px 0 0;
  display: block;
  line-height: initial !important;
}
#frame #sidepanel #profile .wrap #expanded label {
  float: left;
  clear: both;
  margin: 0 8px 5px 0;
  padding: 5px 0;
}
#frame #sidepanel #profile .wrap #expanded input {
  border: none;
  margin-bottom: 6px;
  border-radius: 3px;
  color: #f5f5f5;
  padding: 7px;
  width: calc(100% - 43px);
}
#frame #sidepanel #profile .wrap #expanded input:focus {
  outline: none;
  background: #435f7a;
}
#frame #sidepanel #search {
  border-top: 1px solid #32465a;
  border-bottom: 1px solid #32465a;
  font-weight: 300;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #search {
    display: none;
  }
}
#frame #sidepanel #search label {
  position: absolute;
  margin: 10px 0 0 20px;
}
#frame #sidepanel #search input {
  font-family: "Poppins", sans-serif !important;
  padding: 10px 0 10px 20px !important;
  width: 100%;
  border: none;
  background: #32465a;
  color: #f5f5f5;
}
#frame #sidepanel #search input:focus {
  outline: none;
  background: #435f7a;
}
#frame #sidepanel #search input::-webkit-input-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input::-moz-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input:-ms-input-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input:-moz-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #contacts {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 213px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts {
    height: calc(100% - 149px);
    overflow-y: scroll;
    overflow-x: hidden;
  }
  #frame #sidepanel #contacts::-webkit-scrollbar {
    display: none;
  }
}
#frame #sidepanel #contacts.expanded {
  height: calc(100% - 334px);
}
#frame #sidepanel #contacts::-webkit-scrollbar {
  width: 4px;
}
#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
  background-color: #243140;
}
#frame #sidepanel #contacts ul li.contact {
  position: relative;
  padding: 10px 10px 15px;
  border-bottom: 1px solid #bebbbf;
  font-size: 0.9em;
  cursor: pointer;
  list-style: none !important;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact {
    padding: 6px 10px 46px;
  }
}
#frame #sidepanel #contacts ul li.contact:hover {
  background: #b2e0f9;
  border-bottom: 1px solid #ccc;
  color: #000;
}
#frame #sidepanel #contacts ul {
  padding: 0;
}
#frame #sidepanel #contacts ul li.contact.active {
  background: #b2e0f9;
  border-bottom: 1px solid #ccc;
  color: #000;
}
#frame #sidepanel #contacts ul li.contact .wrap {
  width: 88%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap {
    width: 100%;
  }
}
#frame #sidepanel #contacts ul li.contact .wrap span {
  position: absolute;
  left: -13px;
  top: -7px;
}
#frame #sidepanel #contacts ul li.contact .wrap span.away {
  background: #f1c40f;
}
#frame #sidepanel #contacts ul li.contact .wrap span.busy {
  background: #e74c3c;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap img {
    margin-right: 0;
  }
}
#frame #sidepanel #contacts ul li.contact .wrap .meta {
  padding: 5px 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap .meta {
    display: none;
  }
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
  margin: 0;
  padding: 0 0 1px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-transition: 1s all ease;
  -o-transition: 1s all ease;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
  position: initial;
  border-radius: initial;
  background: none;
  border: none;
  padding: 0 2px 0 0;
  margin: 0 0 0 1px;
  opacity: 0.5;
}
#frame #sidepanel #bottom-bar {
  position: absolute;
  width: 100%;
  bottom: 0;
}
#frame #sidepanel #bottom-bar button {
  float: left;
  border: none;
  width: 50%;
  padding: 10px 0;
  background: #32465a;
  color: #f5f5f5;
  cursor: pointer;
  font-size: 0.85em;
  font-family: "proxima-nova", "Source Sans Pro", sans-serif;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button {
    float: none;
    width: 100%;
    padding: 15px 0;
  }
}
#frame #sidepanel #bottom-bar button:focus {
  outline: none;
}
#frame #sidepanel #bottom-bar button:nth-child(1) {
  border-right: 1px solid #2c3e50;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button:nth-child(1) {
    border-right: none;
    border-bottom: 1px solid #2c3e50;
  }
}
#frame #sidepanel #bottom-bar button:hover {
  background: #435f7a;
}
#frame #sidepanel #bottom-bar button i {
  margin-right: 3px;
  font-size: 1em;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button i {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button span {
    display: none;
  }
}
#frame .content {
  float: right;
  width: 100% !important;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame .content {
    width: calc(100% - 58px);
    min-width: 300px !important;
  }
}
@media screen and (min-width: 900px) {
  #frame .content {
    width: calc(100% - 300px);
  }
}
#frame .content .contact-profile {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #f5f5f5;
}
#frame .content .contact-profile img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin: 9px 12px 0 9px;
}
#frame .content .contact-profile p {
  float: left;
}
#frame .content .contact-profile .social-media {
  float: right;
}
#frame .content .contact-profile .social-media i {
  margin-left: 13px;
  cursor: pointer;
}
#frame .content .contact-profile .social-media i:nth-last-child(1) {
  margin-right: 20px;
}
#frame .content .contact-profile .social-media i:hover {
  color: #435f7a;
}
#frame .content .messages {
  height: calc(100% - 160px);
  border-left: none;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
#frame .content .messages ul {
  padding: 0;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  padding-top: 25px;
}
@media screen and (max-width: 735px) {
  #frame .content .messages {
    max-height: calc(100% - 105px);
  }
}
#frame .content .messages::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
#frame .content .messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
#frame .content .messages ul li {
  display: inline-block;
  clear: both;
  float: left;
  margin: 10px 0;
  width: 99%;
  font-size: 0.9em;
  padding-left: 45px;
  position: relative;
}
#frame .content .messages ul li:nth-last-child(1) {
  margin-bottom: 20px;
}
#frame .content .messages ul li.sent p {
  background: #e8e8e8;
  color: #000;
  margin-bottom: 0;
}
#frame .content .messages ul li.replies img {
  float: left;
}
#frame .content .messages ul li.replies p {
  background: #f8f7f9;
  float: left;
  color: #000;
  margin-bottom: 0;
  word-break: break-word;
}
#frame .content .messages ul li p {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 0 5px 5px 5px;
  max-width: 100%;
  font-size: 13px;
  line-height: 20px;
}
@media screen and (min-width: 735px) {
  #frame .content .messages ul li p {
    width: 100%;
    overflow-wrap: break-word;
  }
}
#frame .content .message-input {
  bottom: 0;
  z-index: 99;
  background: #ffffff;
  border-bottom: 1px solid #ccc;
}
.message-c {
  position: fixed;
  width: 100%;
  right: 300px;
  bottom: 0;
  padding: 0 0 0 873px;
  padding-bottom: 33px;
  background: #fff;
}
#frame .content .message-input .wrap {
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap input {
    padding: 15px 32px 16px 8px;
  }
}
#frame .content .message-input .wrap input:focus {
  outline: none;
}
#frame .content .message-input .wrap .attachment {
  position: absolute;
  right: 60px;
  z-index: 4;
  margin-top: 10px;
  font-size: 24px;
  color: #435f7a;
  opacity: 0.5;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap .attachment {
    margin-top: 17px;
    right: 65px;
  }
}
#frame .content .message-input .wrap .attachment:hover {
  opacity: 1;
}
#frame .content .message-input .wrap button {
  float: right;
  border: none;
  width: 50px;
  padding: 12px 0;
  cursor: pointer;
  background: #32465a;
  color: #f5f5f5;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap button {
    padding: 16px 0;
  }
}
#frame .content .message-input .wrap button:hover {
  background: #435f7a;
}
#frame .content .message-input .wrap button:focus {
  outline: none;
}
#frame .name {
  margin: 0;
}
#frame .preview {
  margin: 0;
  font-size: 11px;
}
.tabnotpro {
  background: red;
  color: #ffffff;
  border-radius: 50px;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: -6px;
  width: 21px;
  height: 21px;
  text-align: center;
  padding-top: 2px;
}
.tabnotimain {
  background: #3c3c3c;
  color: #ffffff;
  padding: 2px 4px;
  border-radius: 50px;
  font-size: 11px;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.finmo {
  display: inline-block;
  height: 20px;
  line-height: 0;
  margin: auto;
  order: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 20px;
  flex-shrink: 0;
  float: left;
}
.creatorlistmainchat {
  float: left;
  width: 100%;
  border: 1px solid #d8d8d8;
  padding: 0 0 10px;
  cursor: pointer;
  margin-bottom: 20px;
}
.offermsg {
  padding: 0 10px;
  float: left;
  width: 100%;
  max-height: 87px;
  overflow: auto;
  margin-top: 12px;
  font-size: 13px;
}
.chatoffer {
  position: absolute;
  right: -13px;
  top: -7px;
}
.editprice {
  font-size: 12px;
  position: absolute;
  right: 3px;
  top: -9px;
}
.filcpm {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 0 10px;
  margin-left: 1px;
  font-weight: bold;
  font-size: 16px;
}
.chattimelsent {
  width: 100%;
  float: left;
  text-align: left;
  margin-bottom: 5px;
  font-weight: bold;
}
.chattimelres {
  width: 100%;
  float: left;
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
}
.editofer {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  padding: 0 5px !important;
  border-radius: 2px;
  text-align: right;
}
.notig {
  color: #037d0c;
}
.fileup {
  position: absolute;
  right: 60px;
  z-index: 4;
  margin-top: 10px;
  font-size: 24px;
  color: #435f7a;
  opacity: 0.5;
  cursor: pointer;
}
.megtxt {
  float: left;
  width: calc(100% - 50px);
  border-top: 1px solid #ddd;
}
.atch {
  width: 26px;
  text-align: center;
  margin-right: 0;
  float: left;
  float: left;
  position: relative;
  height: 44px;
  color: #000;
  padding: 11px 0;
  cursor: pointer;
}
.atch input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  opacity: 0;
}
.atch i {
  color: #000;
  font-size: 18px !important;
  background: #e8e8e8;
  padding: 8px 10px;
  border-radius: 50px;
  border: 1px solid #cccccc;
  cursor: pointer;
}
.pdtlt {
  max-height: 125px;
  overflow: auto;
}
.msgtxtsed {
  float: left;
  width: 100%;
  padding: 0 10px;
}
.msgtxtsed input {
  padding: 0 !important;
}
.editofer {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  padding: 0 10px !important;
  border-radius: 2px;
  text-align: right;
}
.pf-info-g {
  width: 100%;
  float: left;
  padding: 5px 0;
}
.pfc {
  color: #000;
}
.prf-hd {
  width: 100%;
  float: left;
  position: relative;
}
.soin h3 {
  font-size: 13px;
}
.r-pf h4 {
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0;
  border-top: 1px solid #d8d8d8;
  margin: 0;
}
.r-pf h4 i {
  font-size: 10px;
  color: #fff !important;
}
.r-pf {
  width: 100%;
  float: left;
  border-radius: 5px;
  font-size: 13px;
}
.r-pf span {
  font-size: 15px;
}
.scl-c {
  max-height: 150px;
  overflow-y: auto;
  font-size: 13px;
}
.pvc-ct {
  width: 100%;
  float: left;
  font-weight: normal;
  padding-bottom: 20px;
}
.pvc-ct span {
  font-weight: normal !important;
  font-size: 13px !important;
}
.fa-bx {
  width: 18px;
  height: 18px;
  line-height: 21px;
  font-size: 10px;
  color: #fff !important;
  line-height: 18px;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  background: #373b5f !important;
  vertical-align: top;
}
.pdl-0 {
  padding-left: 0;
}
.pdl-r {
  padding-right: 0;
}
.fa-bx a {
  color: #fff;
}
.pvc-ct a {
  color: #0078b7;
}
.clr-b {
  color: #0078b7;
  float: right;
  margin-bottom: 10px;
}
.txt-right {
  padding-top: 42px;
  width: 21%;
  text-align: center !important;
  float: right;
  position: absolute;
  right: 0;
}
.wmr-h {
  margin: 0;
}
.ad-soin {
  display: inline-block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.adr-trm {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
  float: left;
}
.adr-trm-1 {
  height: 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trm-w {
  margin-bottom: 0;
}
.acr-w {
  width: 100%;
  float: left;
}
.pvc-ct p {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  padding-top: 10px;
  float: left;
  width: 100%;
  text-align: right;
}
.img-d {
  position: absolute;
  left: 5px;
  padding-top: 13px;
  text-align: center;
  border-radius: 100%;
}
.sl-i {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  float: left;
  padding: 15px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.w25 {
  width: 33.33333%;
  float: left;
  padding-right: 10px;
  border-left: 1px solid #ddd;
  color: #000;
}
.w25 label {
  width: 74px;
  padding-left: 5px;
}
.w25 .pull-right {
  font-style: normal;
}
.w25:first-child {
  border: none;
}
.pe-c span {
  display: inline-block;
  font-weight: normal;
  padding-top: 10px;
  padding-left: 10px;
  color: #3498db;
}
.tbl-d {
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  float: left;
}
.table-r td {
  font-weight: normal !important;
}
.table-r th {
  font-weight: bold !important;
  background: #0078b7 !important;
  color: #fff !important;
}
.row-scrl {
  height: 225px;
  overflow-y: auto;
}
.tbl-d h4 {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 3px 15px 0;
  margin: 0;
}
.tbl-d2 {
  width: 100%;
  float: left;
}
.tbl-d2 h4 {
  font-size: 18px;
  font-weight: bold;
  padding: 0 3px 15px 0;
  margin: 0;
}
.r-pf1 {
  width: 100%;
  float: left;
}
.r-pf1 h4 {
  margin: 20px 0;
  height: 1px;
  background: #ddd;
}
.ct-ydc,
.ct-yd {
  float: left;
  padding-right: 20px;
}
.ctg-t {
  font-size: 17px;
}
.viw {
  background: url(../images/separator.png) left no-repeat;
  padding: 10px 20px;
}
.bx-yct {
  width: 230px;
  padding: 5px 10px;
  padding-left: 85px;
  position: relative;
  border-radius: 5px;
  margin: 0 10px;
  float: left;
  height: 50px;
  border: 1px solid #ddd;
}
.cr-c {
  width: 30px;
  height: 30px;
  float: left;
  line-height: 30px;
  border-radius: 100%;
  background: #5969fe;
  color: #fff;
  text-align: center;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  left: 10px;
}
.bx-yct p {
  font-size: 15px;
  font-weight: bold;
  text-align: right;
}
.bx-yct p small {
  display: block;
  font-size: 12px;
  text-align: right;
  font-weight: normal;
}
.brk-p p {
  font-weight: bold;
}
.brk-p p span {
  padding: 2px 11px;
  font-weight: normal;
  background: url(../images/separator.png) left no-repeat;
}
.flt-c-r {
  float: right;
  padding: 7px 20px !important;
  border: 1px solid #2785ce;
  margin: 10px;
  margin-top: 7px;
}
.img-d1 {
  width: 100%;
}
.exh {
  height: 179px;
  font-size: 13px;
  line-height: 22px;
}
.pvc-ct {
  font-family: "Poppins", sans-serif !important;
  font-size: 13px;
}
.mat-expansion-panel-header {
  font-family: "Poppins", sans-serif !important;
  font-weight: bold !important;
}
.ovr-l {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.prp-bx {
  width: 50%;
  position: absolute;
  float: left;
  padding: 21px;
  margin-top: 40px;
  background: #fff;
  z-index: 99;
  right: 10px;
  top: 5px;
  border: 3px solid #5969ff;
}
.ex-hi {
  height: 132px !important;
}
.prp-bx h4 {
  margin: 0;
  font-size: 16px;
  margin-bottom: 18px;
}
.rds {
  border-radius: 5px;
  max-width: 100%;
}
.bg-b {
  background: #2e86c1 !important;
  color: #fff !important;
  border: 1px solid #16669c;
}
.scrl-dtl {
  font-size: 13px;
  background: #ffffff;
  padding: 0 10px;
}
.scrl-dtl table {
  width: 100%;
}
.scrl-dtl h4 {
  font-size: 20px;
  margin: 30px 0 15px;
}
.scrl-dtl ul {
  padding: 0 15px;
}
.scrl-dtl ol {
  padding: 0 15px;
}
.srl-s {
  height: 100%;
  overflow-y: auto !important;
}
.col-5 {
  width: 16.8%;
  float: left;
  padding: 0 10px;
}
.col-5-a {
  width: 16%;
  float: left;
  padding: 0 9px 0 2px;
}
.cst-h {
  margin-top: -25px !important;
  margin-left: -20px !important;
  margin-right: -13px !important;
  background: #f3f2f4 !important;
  padding-left: 33px !important;
}
.indashbox1 ul {
  padding: 0;
  max-height: 310px;
  height: 248px;
  float: left;
  width: 100%;
  overflow: auto;
}
.p-bx h5 {
  padding: 0 0 5px;
  margin: 0;
}
.indashbox1 ul li {
  list-style: none;
  float: left;
  width: 100%;
  border-top: 1px solid #ddd !important;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
.indashbox1 ul li:hover {
  background: #f7f7f7;
  cursor: pointer;
}
.camdashthu {
  width: 100%;
  float: left;
}
.pds {
  float: left;
  width: 100px;
  margin-left: 10px;
  margin-top: 5px;
}
.ppdld {
  float: left;
  margin-left: 10px;
  margin-top: 3px;
}
.camdashthub {
  width: 100%;
  float: left;
  border-radius: 50px;
}
.influicon {
  width: 30px;
  float: left;
  border-radius: 50px;
  height: 30px;
}
.icn-b {
  width: 30px;
  height: 30px;
  font-size: 8px;
  text-align: center;
  line-height: 33px;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.r-pf .mat-content,
.tbl-d2 .mat-content {
  display: block !important;
}
.switnew i {
  font-size: 20px;
  padding-left: 10px;
  margin-right: 11px;
}
.bgs {
  background: #242849 !important;
}
.smen {
  width: 263px !important;
  margin-top: 37px !important;
  background: #0e0e0e !important;
}
.bgs:after {
  font-family: "FontAwesome";
  content: "\f107";
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px 12px 0 0;
}
.switnew span {
  font-size: 16px;
  padding-left: 5px;
}
.smen button {
  color: #fff !important;
}
.mat-chip.mat-standard-chip {
  background-color: #272a44 !important;
  color: #fff !important;
  padding-top: 2px !important;
  padding-bottom: 3px !important;
  padding-right: 0 !important;
  padding-left: 8px !important;
  border-radius: 30px !important;
  font-size: 12px;
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: #fff !important;
  opacity: 0.9 !important;
}
.cdk-global-scrollblock {
  position: relative !important;
  top: 0 !important;
}
.p-bx {
  width: 100%;
  float: left;
  background: #ffffff;
  margin-bottom: 30px;
  padding: 0 20px;
}
.pd-lr {
  padding: 0 5px;
}
.with-ps {
  position: relative;
  width: calc(100% - 235px);
  float: left;
}
.p-bx1 {
  width: 100%;
  float: left;
  padding: 20px;
  border-radius: 2px;
}
.wmb-i {
  margin-bottom: 0;
}
.wpd {
  padding: 0;
}
.wpd-t {
  padding-top: 0;
}
.pdb-f {
  padding-top: 24px;
}
.main-cht {
  background: #ffffff;
  padding: 0 280px 0 273px !important;
  z-index: 1;
  width: 100%;
  left: 0;
}
.rht-ct {
  position: absolute;
  width: 273px;
  right: 25px;
  top: 134px;
  z-index: 9;
  background: #ffffff;
}
.main-cht {
  background: #ffffff;
  padding: 104px 300px 0 530px !important;
  z-index: 1;
  width: 100%;
}
.flw {
  width: 100%;
  float: right;
}
.col-5w {
  width: 20%;
}
.img-cmp {
  width: 100%;
  height: 160px;
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.img-bx-all {
  width: 234px;
  float: left;
}
.h-218 {
  height: 218px;
}
.pdn {
  padding-left: 0 !important;
}
.img-bx-all img {
  float: left;
  width: 100%;
}
.wfl-p:before {
  position: absolute;
  height: 100%;
  width: 1px;
  background: #ddd;
  right: 298px;
  top: 0;
  content: "";
}
.img-cmp .addact {
  float: left;
  border-radius: 0;
}
.img-cmp img {
  position: relative;
  top: 50%;
  border: none;
  margin-bottom: 0;
  transform: translate(0%, -50%);
}
.hr-h hr {
  margin-top: 4px;
  margin-bottom: 4px;
}
.hr-h {
  font-size: 12px;
}
.hr-h h5 {
  margin: 10px 0;
  font-size: 14px;
}
.b-hd {
  width: 100%;
  text-align: right;
  float: left;
  padding: 20px 0;
  padding-top: 0;
  margin-bottom: 35px;
}
.cst-hc {
  height: 420px;
}
.fixdeader {
  width: 100%;
  height: 50px;
  float: left;
  background: #ffffff;
  border-bottom: 1px solid #eef5fb;
}
.logfix {
  float: left;
  height: 50px;
}
.twt-f {
  width: 500px;
  height: 700px;
  overflow-y: auto;
  margin: 0 auto;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 10px;
}
.min-height-o {
  min-height: 600px;
}
.mr-l-r {
  margin: 0 5px;
  cursor: pointer;
}
.no-msg1 {
  text-align: center;
  font-size: 18px;
  padding: 50px 0;
}
.no-d {
  padding: 50px 30px;
  font-size: 18px;
  text-align: center;
  margin-bottom: 0;
}
.wrap {
  width: 100%;
}
.wrap table {
  width: 100%;
  table-layout: fixed;
}
.hd-h5 {
  padding: 0 10px;
  text-transform: capitalize;
}
.hd-h51 {
  margin-top: 0;
  text-transform: capitalize;
}
table tr td {
  padding: 15px 0 !important;
  border: none !important;
  word-wrap: break-word;
  border-bottom: 1px solid #eee !important;
}
.brd-tsm {
  border: none;
  padding: 0 !important;
}
.no-msg {
  padding: 100px 50px;
  text-align: center;
  font-size: 30px;
  color: #c1c1c1;
}
table.head tr td {
  background: #373b5f !important;
  color: #fff;
  padding: 7px 9px;
  font-weight: bold;
  border: none;
}
.inner_table {
  height: 150px;
  overflow-y: auto;
}
.fnt-s {
  font-size: 11px;
  text-transform: initial;
  float: left;
  width: 100%;
  margin-bottom: 9px;
  margin-top: 5px;
}
.brk-p p {
  color: #5969fe;
}
.brk-p p span {
  font-size: 11px;
  color: #000;
}
.mrb-0 {
  margin-bottom: 0;
}
.txt-m b {
  font-size: 14px;
}
.btn-ebg {
  background: #077b73;
  border: 1px solid #043c38;
}
.fnc-rpt-ct {
  width: 100%;
  float: left;
  padding: 15px;
  border-radius: 5px;
  border-top: none;
}
.fnc-rpt-ct ul {
  padding: 0;
  margin: 0;
}
.fnc-rpt-ct ul li {
  width: 100%;
  float: left;
  border-top: 1px solid #ddd;
  list-style: none;
}
.fnc-rpt-ct ul li:first-child {
  border: none;
}
.swh {
  width: 17px;
  height: 18px;
  margin-left: 10px;
  margin-right: 7px;
}
.n-vrf {
  padding: 2px 5px !important;
}
.img-c {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 10px;
  border-radius: 50px;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
  top: 50%;
  margin-top: -25px;
}
.img-c img {
  max-width: 100%;
  padding: 13px;
}
.lst-c ul {
  padding: 0;
  margin: 0;
}
.lst-c ul li {
  width: 100%;
  float: left;
  background: #fff;
  border-radius: 10px;
  padding: 20px 10px;
  position: relative;
  margin: 0;
  list-style: none;
  margin: 5px 0;
  padding-left: 80px;
  border: 1px solid #ddd;
  padding-right: 80px;
}
.lst-c ul li h1 {
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  padding-bottom: 5px;
}
.lst-c ul li p {
  margin-bottom: 0;
  font-size: 12px;
}
.lst-c ul li a,
.lst-c ul li a:focus {
  color: #000;
  text-decoration: none;
  display: block;
}
.lst-c ul li h4 {
  font-size: 15px;
  margin: 0;
  padding-bottom: 15px;
  line-height: 100%;
}
.lst-c ul li:hover {
  box-shadow: 0 0 10px #ccc;
}
.cnt-btn {
  color: #fff !important;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  right: 15px;
}
.lst-c ul li img {
  border-radius: 5px;
  width: 100%;
}
.pos-ab {
  width: 100%;
  max-width: 100%;
  display: block;
}
.div-in {
  width: 100%;
  float: left;
  background: #fff;
  padding: 30px 15px;
  border-radius: 20px;
}
.cnt-s {
  background: #0078b7;
  border: none;
  padding: 6px 20px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  position: absolute;
}
.videoWrapper {
  padding-top: 0;
}
.img-inst {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 50%;
  border: none;
  left: 50%;
  transform: translate(-50%, -50%);
}
.img-inst img {
  max-width: 100%;
  max-height: 100%;
}
.img-inst .videoWrapper .source img {
  max-height: 100% !important;
}
.img-inst img {
  max-height: 100%;
  max-width: 100%;
}
.mhd {
  margin: 0;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.filcpm span {
  font-weight: bold;
}
.fa-star:before {
  color: #f09a21;
}
.brd-wb td {
  border: none;
}
.img-prp,
.img-prp1 {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background: #fff;
  float: left;
  border-radius: 6px;
  overflow: hidden;
}
.img-prp img,
.img-prp1 img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 50%;
  border: none;
  left: 50%;
  transform: translate(-50%, -50%);
}
.img-prp1 {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 18px;
  border: 1px solid #ddd;
}
.wfl-p {
  position: fixed;
  padding-right: 300px;
  height: 100%;
  left: 0;
  padding-left: 575px;
  top: 120px;
  width: 100%;
  background: #ffffff;
}
.mt-i .mat-form-field-infix {
  margin: 0 !important;
  border-top: 0 !important;
}
.img-brnd {
  width: 100px;
  height: 100px;
  border-radius: 15px;
  padding: 10px;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #ddd;
}
.img-brnd img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 50%;
  border: none;
  transform: translate(0%, -50%);
}
.frm-g .form-group {
  margin-bottom: 0;
}
.frm-t1 {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
}
.mr-t10 {
  margin-top: 0;
  margin-bottom: 18px;
}
.ubx {
  width: 100%;
  height: 55px;
  padding: 10px;
  line-height: 12px;
  font-size: 10px;
  overflow-wrap: break-word;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  background: #f8f9fa;
  position: relative;
  padding: 15px;
  float: left;
  margin-bottom: 15px;
}
.brd-bxc {
  border: 1px solid #ccc;
  width: 100%;
  float: left;
  margin-bottom: 13px;
  border-radius: 5px;
}
.ubx a {
  color: #333;
  display: block;
  padding-bottom: 5px;
}
.trim-fldn-c {
  position: relative !important;
  width: 100% !important;
  background: none !important;
  left: 0 !important;
}
.trim-fldn-c:before {
  display: none !important;
}
.trim-fldn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  width: 100%;
}
.bl-m {
  color: #5969fe;
  padding-left: 5px;
}
.pdp {
  padding-top: 10px;
}
.trs-p1 {
  position: absolute;
  top: -12px;
  right: -12px;
}
.trs {
  width: 25px;
  padding: 0;
  margin: 0 2px;
  height: 25px;
  line-height: 23px;
  border-radius: 100%;
  cursor: pointer;
  font-size: 11px;
  text-align: center;
  color: #000 !important;
  background: #fff;
  float: right;
  border: 1px solid #ddd;
}
.trs-p {
  position: absolute;
  top: 25px;
  right: 10px;
}
.mar-r5 {
  margin-right: 8px;
}
.mn-b {
  width: 100% !important;
  height: 20px !important;
  padding: 0 !important;
}
.mr-tps {
  margin-top: 0;
  margin-left: 10px;
}
.trs:focus,
.trs:hover {
  color: red;
}
.mat-dialog-container1 {
  padding: 0 !important;
  margin: -22px !important;
}
.psr-1 {
  position: relative;
}
.cmpl-ins-img {
  width: 100px;
  height: 75px;
  text-align: center;
  position: absolute;
  overflow: hidden;
  padding: 5px;
  border-radius: 5px;
  left: 10px;
}
.ins-imgl {
  width: 120px;
  height: 100px;
  border: 1px solid #ddd;
  text-align: center;
  position: absolute;
  overflow: hidden;
  padding: 5px;
  border-radius: 5px;
  left: 0;
}
.cmpl-ins-img img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 50%;
  border: none;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ins-imgl-dtl {
  width: 100%;
  padding-left: 130px;
  min-height: 90px;
}
.cmpl-ins {
  width: 100%;
  padding-left: 110px;
  min-height: 75px;
  padding-top: 7px;
}
.fl-w {
  width: 100%;
  position: relative;
  padding-right: 64px;
  float: left;
}
.lds-facebook {
  display: inline-block;
  position: absolute;
  width: 46px;
  height: 62px;
  z-index: 99 !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.lds-ips {
  right: 0 !important;
  left: auto;
}
.main {
  height: 100% !important;
  min-height: 100% !important;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 6px;
  background: #0078b7;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-ips.lds-facebook div {
  width: 3px !important;
  height: 5px;
}
.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 18px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 30px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%,
  100% {
    top: 19px;
    height: 26px;
  }
}
.mat-chip-list-wrapper .mat-standard-chip,
.mat-chip-list-wrapper input.mat-input-element {
  margin: 0 0 4px 5px !important;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0078b7 !important;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #0078b7 !important;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #0078b7 !important;
}
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(66, 134, 244, 0.26) !important;
}
.mat-ripple-element {
  background: rgba(27, 142, 241, 0.4) !important;
}
.mat-chip-list-wrapper .mat-standard-chip,
.mat-chip-list-wrapper input.mat-input-element {
  margin: 4px;
  margin-bottom: 5px !important;
}
.mat-slider-thumb {
  background-color: #0078b7 !important;
}
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #0078b7 !important;
}
.mat-slider-thumb {
  transform: scale(0.9) !important;
}
.mat-slider-thumb-label-text {
  opacity: 1 !important;
}
.md-input-container.md-input-focused label {
  color: #0078b7 !important;
}
.mat-input-element:focus {
  caret-color: #000000 !important;
}
.not-brd td {
  color: #000;
  border-left: 1px solid #ddd;
}
.not-brd td:first-child {
  border-left: none;
}
.odd-e tr:nth-child(even) {
  background-color: #fff;
}
.lbl-fl {
  font-size: 12px;
  padding-bottom: 0;
  color: #5969fe;
  font-weight: normal;
}
.pdp {
  padding-top: 10px;
}
.brd-nh {
  border: none !important;
}
.wbg-hd {
  background: none;
  border: none;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ct {
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
  margin: auto;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #5969fe;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #5969fe transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ht-loader {
  min-height: 0;
  position: relative;
}
.alert {
  border-color: #cecccc !important;
}
.complete-m {
  height: 100% !important;
  padding-bottom: 50px;
}
.ld-h {
  min-height: 100px;
}
.fix-flt {
  position: absolute;
  width: 100%;
  left: 0;
  padding-left: 292px;
  padding-right: 27px;
  top: 98px;
  z-index: 99;
}
.flt-h {
  padding: 228px 0 0 240px !important;
}
.mrb-0 {
  margin-bottom: 0 !important;
  padding-bottom: 5px !important;
}
.msg-bi {
  font-size: 13px;
  height: 40px;
  float: left;
  width: 100%;
  overflow: hidden;
}
.ffl {
  width: 100%;
  float: left;
  position: relative;
}
.tgl {
  margin-top: 15px;
  width: 100%;
  border: 1px solid #ddd;
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 5px;
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
  padding-right: 15px;
}
.tgl:after {
  position: absolute;
  top: 17px;
  content: "\f107";
  font: normal normal normal 13px/1 FontAwesome;
  right: 5px;
}
.tgl1 {
  width: 100%;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
  margin-top: -1px;
  border-top: none;
}
.no-stm {
  border-top: 1px solid #ddd !important;
  padding: 27px;
  text-align: center;
  border-radius: 5px;
}
.m-top-0 {
  margin-top: 0;
}
.bx-rw {
  width: 100%;
  float: left;
  padding: 7px 0;
}
.bx-rw b {
  font-weight: normal;
}
.msg-i {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  background: #f8f9fa;
  margin-top: 10px;
  border: 1px solid #ddd;
}
.msg-i:hover {
  white-space: normal;
  overflow: visible;
  text-overflow: inherit;
}
.bk-margin-bottom-7 {
  margin-bottom: 10px;
}
#view-code {
  color: #89a2b5;
  opacity: 0.7;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  position: absolute;
  top: 660px;
  left: 50%;
  margin-left: -50px;
  z-index: 200;
}
#view-code:hover {
  opacity: 1;
}
#chatbox {
  background: #fff;
  overflow: hidden;
  border: 1px solid #e3e9ed;
  float: left;
  width: 100%;
}
#friendslist {
  width: 100%;
  height: 100%;
  float: left;
}
#friends {
  float: left;
  width: 100%;
  height: 100%;
  overflow: auto;
}
#topmenu span {
  float: left;
  width: 96px;
  height: 70px;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/top-menu.png) -3px -118px
    no-repeat;
}
#topmenu span.friends {
  margin-bottom: -1px;
}
#topmenu span.chats {
  background-position: -95px 25px;
  cursor: pointer;
}
#topmenu span.chats:hover {
  background-position: -95px -46px;
  cursor: pointer;
}
#topmenu span.history {
  background-position: -190px 24px;
  cursor: pointer;
}
#topmenu span.history:hover {
  background-position: -190px -47px;
  cursor: pointer;
}
.friend {
  border-bottom: 1px solid #e7ebee;
  float: left;
  width: 100%;
  clear: both;
}
.friend:hover {
  background: #f1f4f6;
  cursor: pointer;
}
.friend img {
  width: 15%;
  border-radius: 50%;
  margin: 10px 10px 10px 14px;
  float: left;
}
.floatingImg {
  width: 40px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 12px;
  border: 3px solid #fff;
}
.friend p {
  padding: 16px 10px 0 0;
  float: left;
  width: 75%;
}
.friend p strong {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}
.friend p span {
  font-size: 11px;
  font-weight: 400;
  color: #000000;
}
.friend .status {
  background: #26c281;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 31px;
  right: 17px;
}
.friend .status.away {
  background: #ffce54;
}
.friend .status.inactive {
  background: #eaeef0;
}
#search {
  background: #e3e9ed url(../images/search8.png) -11px 0 no-repeat;
  height: 60px;
  width: 290px;
  position: absolute;
  bottom: 0;
  left: 0;
}
#searchfield {
  background: #e3e9ed;
  margin: 21px 0 0 55px;
  border: none;
  padding: 0;
  font-size: 14px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  color: #8198ac;
}
#searchfield:focus {
  outline: 0;
}
#chatview {
  height: 100%;
  position: fixed;
  top: 62px;
  display: none;
  background: #fff;
  left: 0;
  right: 0;
  bottom: 0;
}
#profile {
  height: 153px;
  overflow: hidden;
  text-align: center;
  color: #fff;
}
.p1 #profile {
  background: #fff url(../images/timeline8.png) 0 0 no-repeat;
  background-size: cover;
}
#profile .avatar {
  width: 68px;
  border: 3px solid #fff;
  margin: 23px 0 0;
  border-radius: 50%;
}
#profile p {
  font-weight: 600;
  font-size: 13px;
  margin: 118px 0 -1px;
  opacity: 0;
  -webkit-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -moz-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -ms-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -o-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
}
#profile p.animate {
  margin-top: 0;
  opacity: 1;
  -webkit-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -moz-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -ms-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -o-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
}
#profile span {
  font-weight: 400;
  font-size: 11px;
}
#chat-messages {
  padding-top: 15px;
  opacity: 0;
  margin-top: 30px;
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 20px;
  -webkit-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -moz-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -ms-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -o-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
}
#chat-messages.animate {
  opacity: 1;
  margin-top: 0;
}
#chat-messages label {
  color: #aab8c2;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  margin: 15px 0;
  width: 290px;
  display: block;
}
#chat-messages div.message {
  padding: 0 0 30px 58px;
  clear: both;
  margin-bottom: 15px;
  width: 100%;
  float: left;
}
#chat-messages div.message.right {
  padding: 0 58px 30px 0;
  margin-right: -19px;
  margin-left: 19px;
}
#chat-messages .message img {
  float: left;
  margin-left: -38px;
  border-radius: 50%;
  width: 30px;
  margin-top: 12px;
}
#chat-messages div.message.right img {
  float: right;
  margin-left: 0;
  margin-right: -38px;
}
.message .bubble {
  background: #f1f1f1;
  font-size: 14px;
  padding: 12px 13px;
  border-radius: 20px 5px 20px 0;
  color: #000000;
  position: relative;
  float: left;
}
#chat-messages div.message.right .bubble {
  float: right;
  border-radius: 5px 20px 0 20px;
}
.bubble .corner {
  background: url(../images/bubble-corner8.png) 0 0 no-repeat;
  position: absolute;
  width: 7px;
  height: 7px;
  left: -5px;
  bottom: 0;
}
div.message.right .corner {
  background: url(../images/bubble-cornerR8.png) 0 0 no-repeat;
  left: auto;
  right: -5px;
}
.bubble span {
  color: #aab8c2;
  font-size: 11px;
  position: absolute;
  right: 0;
  bottom: -22px;
}
#sendmessage {
  height: 60px;
  border-top: 1px solid #c1c1c1;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background: #fff;
}
#sendmessage input {
  background: #fff;
  margin: 21px 0 0 21px;
  border: none;
  padding: 0;
  font-size: 14px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  color: #aab8c2;
}
#sendmessage input:focus {
  outline: 0;
}
#sendmessage button {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 7px;
  top: 10px;
  border: none;
}
#sendmessage button:hover {
  cursor: pointer;
  background-position: 0 0;
}
#sendmessage button:focus {
  outline: 0;
}
#close {
  position: absolute;
  top: 59px;
  opacity: 0.8;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 99;
}
#close:hover {
  opacity: 1;
}
.cx,
.cy {
  background: #000;
  position: absolute;
  width: 0;
  top: 15px;
  right: 15px;
  height: 3px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.cx.s1,
.cy.s1 {
  right: 0;
  width: 20px;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
.cy.s2 {
  -ms-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
.cy.s3 {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
.cx.s1 {
  right: 0;
  width: 20px;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
.cx.s2 {
  -ms-transform: rotate(140deg);
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
.cx.s3 {
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 100ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
#chatview,
#sendmessage {
  overflow: hidden;
}
.form-text {
  position: relative;
}
.static-value {
  position: absolute;
  left: 7px;
  font-weight: bold;
  color: #596ec5;
  top: 5px;
  font-size: 11px;
}
.form-text input {
  height: 22px;
  font-size: 11px;
  margin-top: 1px;
  color: #000000;
  padding-left: 65px;
  float: left;
  width: 100%;
  border-radius: 3px;
}
.pamu {
  float: left;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  margin-left: -10px;
  padding-left: 10px;
  margin-bottom: 16px;
}
.inchtim {
  height: 50px;
  margin-top: 10px;
  border-radius: 50px;
  border: 2px solid #ffffff;
}
.atchmm {
  width: 26px;
  text-align: center;
  margin-right: 0;
  float: left;
  position: relative;
  height: 44px;
  color: #000;
  padding: 11px 0;
  cursor: pointer;
}
.atchmm > input {
  width: 100% !important;
  opacity: 0;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}
.atchmm > i {
  font-size: 18px;
  padding: 12px;
  color: #404040;
}
.prt-blocked {
  text-align: center;
  text-transform: uppercase;
  padding-top: 100px;
  font-size: 18px;
  font-weight: bold;
}
.hrpb {
  width: 20%;
  margin: 20px auto;
}
.prt-blocked span img {
  width: 50px;
  display: block;
  margin: 10px auto;
}
.mp-propic {
  float: left;
  width: 100%;
  padding: 10px;
  background: #0000002b;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.mp-propic img {
  float: left;
  width: 100%;
  border-radius: 5px;
}
.soso {
  color: #ffffff;
  background: #00000080;
  width: 30px;
  height: 30px;
  display: inline-block;
  padding-top: 5px;
  border-radius: 50px;
  text-align: center;
  margin-right: 5px;
}
.soso:hover {
  background: #000000;
  color: #ffffff;
}
.mpnum {
  background: #00000033;
  width: 100%;
  margin: 0 auto;
  font-size: 19px;
  border: 3px solid #00000029;
  margin-top: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.nmnum2 {
  margin-bottom: 20px;
}
.borderless td,
.borderless th {
  border: none;
}
.table-pdo {
  color: #000;
  background: #ececec;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: 10px;
  font-size: 13px;
}
.table-pdoth {
  border-top: 0 !important;
}
.full-width {
  width: 100%;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inta {
  margin-top: 45px;
}
.extlnk {
  background: #00000033;
  color: #ffffff;
  float: right;
  padding: 0 15px;
  border-radius: 10px;
}
.extlnk:hover {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}
.square {
  float: left;
  position: relative;
  width: 30%;
  padding-bottom: 30%;
  margin: 1.66%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.square > small {
  background: #000000ad;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: #ffffff;
  font-size: 11px;
}
.fbfd {
  padding-top: 30px;
}
.probk {
  background: #ffffff;
  padding-bottom: 100px;
  padding: 0 10px;
}
.phdd {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 5px;
}
.poti {
  float: left;
  width: 100%;
  margin-left: -3px;
  font-size: 39px;
  font-weight: bold;
}
.podetail {
  font-size: 13px;
}
.table-pdo > tbody td {
  padding: 5px !important;
}
.table-pdo > thead th {
  font-weight: 500 !important;
  color: #548ab7 !important;
  padding: 5px;
}
.poul {
  list-style: none;
  padding: 0;
}
.poul li {
  font-size: 14px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.poul li a {
  width: 100%;
  float: left;
}
.porll {
  background: #dddde8;
}
.cateoth {
  font-weight: 700;
  float: left;
  width: 100%;
  font-size: 18px;
}
.locoth {
  font-size: 14px;
  margin-bottom: 15px;
}
.inpod img {
  height: 100px;
}
.procont {
  padding: 14px 0 0 25px;
}
.w-background {
  background: #fff !important;
}
.flex-ct-p {
  width: 100%;
  display: flex;
  margin-top: 20px;
}
.w-br {
  border-radius: 0 !important;
}
.flex-side {
  flex-basis: 30%;
  padding: 15px;
  float: left;
}
.cflex-s {
  flex-basis: 70%;
}
.cflex-s .inpod img {
  max-width: 100% !important;
  height: auto !important;
}
.cflex-s .phdd {
  padding-bottom: 10px !important;
}
.fb-bg {
  background: #4e71a8;
}
.insta-bg {
  background: #e20038;
}
.youtube-bg {
  background: #ff0000;
}
.twitter-bg {
  background: #1cb7eb;
}
.cst-text {
  font-weight: bold;
  margin-top: 10px;
}
.padding-o {
  padding: 0;
}
.mar-both-y {
  margin: 3px 0;
}
.insta-video {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  height: 130px;
}
.insta-g-img {
  width: 100%;
  height: 130px;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 5px;
  background: #ffffff;
}
.insta-g-img img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.ladda-button {
  position: relative;
  border: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ladda-button[data-loading] {
  cursor: default;
}
.ladda-button .spinner {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  background-size: 100%;
  opacity: 0;
  background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf///6+vr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs/Ly8vz8/AAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}
.ladda-button.expand-right .spinner {
  right: 0.8em;
}
.ladda-button.expand-right[data-loading] {
  padding-right: 39px;
}
.ladda-button.expand-right[data-loading] .spinner {
  opacity: 1;
}
.ladda-spinner {
  display: none;
}
.lg-btna {
  display: inline-block;
  color: #ffffff;
  border: none;
  font-size: 14px;
  text-transform: uppercase;
  background: #000000;
  border-radius: 5px;
  margin-top: 30px;
  cursor: pointer !important;
  position: relative;
  padding: 7px 30px;
}
.lg-btna:hover {
  color: #ffffff !important;
  background-color: #14849c;
  border-color: #14849c;
}
.ps-btn-l {
  position: absolute;
  right: 0;
  top: 24px;
}
.menubb {
  color: #424242;
  font-size: 13px;
  letter-spacing: 1px;
  margin-left: 27px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.card2 {
  border-radius: 10px;
}
.dash-n-h i {
  margin-top: 3px;
}
.bg-w {
  background: #ffffff;
  box-shadow: none;
  border: none;
  border-radius: 0;
  overflow: hidden;
  border-radius: 10px;
}
.new-bx {
  position: relative;
}
.new-bx:before {
  position: absolute;
  top: 0;
  width: 25px;
  height: 3px;
  background: #a37de6;
  content: "";
  left: 25px;
}
.new-bx h5 {
  margin-bottom: 25px;
  padding-left: 5px;
}
.new-bx h5 b {
  color: #a37de6;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
.img-ibx img {
  width: 100%;
  height: 100%;
  position: relative;
}
.img-ibx {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 16px;
}

.text-trim {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
}
.rate {
  padding: 0 5px;
  border-radius: 100px;
}
.mat-progress-bar {
  height: 7px !important;
}
.bg-w2 {
  background: #fff !important;
}
.intitlt2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  padding: 10px 10px 0;
}
.text-trim {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  text-transform: initial;
  font-size: 16px;
}
.main-chat {
  width: 283px;
  height: 100%;
  position: fixed;
  background: #ffffff;
  padding: 0;
  z-index: 1;
  left: 290px;
  top: 120px;
  border: 1px solid #ddd;
}
#frame .content .message-input .wrap input {
  float: left;
  border: none;
  width: 100%;
  padding: 13px 32px 10px 8px !important;
  font-size: 14px;
  color: #32465a;
  border-top: 1px solid #ddd;
}
.border-top {
  border-top: 1px solid #e6e6f2 !important;
}
.inflcat {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-bottom: 15px;
  font-weight: 600;
}
.multiselect-dropdown .dropdown-btn .selected-item {
  border: none !important;
  margin-right: 4px;
  background: #000000 !important;
  padding: 0 7px !important;
  border-radius: 24px !important;
  font-size: 13px !important;
}
.mat-dialog-container {
  border-radius: 10px !important;
}
.modal-header .close {
  color: #000000 !important;
  float: right;
  position: absolute;
  right: 22px;
  top: 23px;
}
.ngbod .multiselect-dropdown {
  border: 1px solid #e0e0e0;
  padding: 9px 10px;
  margin-top: 2px;
  border-radius: 3px;
}
.no-msg-mini {
  padding: 60px 0;
  text-align: center;
  margin: auto;
  float: left;
  width: 100%;
}
.no-msg-mini img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.no-msg-mini p {
  font-size: 13px;
  color: #c1c1c1 !important;
}
.no-msg-mini h4 {
  margin-bottom: 5px;
}
.close11 {
  position: absolute;
  left: -40px;
  font-size: 28px;
  color: #ef172c;
  cursor: pointer;
  background: #ffffff;
  padding-right: 5px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding-left: 5px;
  padding-bottom: 1px;
  top: 0;
  border: 3px solid #ff9214;
}
.rmfs {
  overflow-y: auto;
  height: 100%;
  padding-top: 10px;
}
.filbt {
  margin-top: 0;
}
.my-custom-class .mat-list {
  padding-top: 0 !important;
}
.my-custom-class .selected-amml-item {
  background: #242849 !important;
  color: #a37de6 !important;
}
.my-custom-class .amml-item {
  line-height: 20px !important;
}
.my-custom-class .mat-list-item-content {
  padding-right: 0 !important;
}
.my-custom-class .anml-data {
  height: 28px !important;
}
.my-custom-class .icon-container {
  width: 20px !important;
}
.my-custom-class .amml-icon,
.my-custom-class .label {
  line-height: 28px !important;
  font-size: 20px !important;
  color: #546e7a !important;
  font-weight: bolder;
}
.my-custom-class .selected-amml-item .label {
  color: #a37de6 !important;
  font-weight: 600;
}
.my-custom-class .amml-icon,
.my-custom-class .label {
  line-height: 28px !important;
  font-size: 10px !important;
  color: #546e7a !important;
  font-weight: bolder;
}
.my-custom-class .label {
  line-height: 28px !important;
  background: none !important;
  font-size: 12px !important;
  color: inherit;
  text-transform: initial !important;
  text-align: left !important;
  padding: 0 !important;
  font-family: "Poppins", sans-serif !important;
}
.mat-divider {
  border-top-color: #fff !important;
}
.mat-list-item-content mat-icon {
  color: #b7b7b7;
}
.my-custom-class .selected-amml-item:after {
  position: absolute;
  content: "";
  background: #fff;
  height: 100%;
  width: 2px;
  top: 0;
}
.my-custom-class .selected-amml-item mat-icon {
  color: #a37de6 !important;
}
.my-custom-class .mat-list .mat-list-item,
.my-custom-class .mat-list .mat-list-option,
.my-custom-class .mat-nav-list .mat-list-item,
.my-custom-class .mat-nav-list .mat-list-option,
.my-custom-class .mat-selection-list .mat-list-item,
.my-custom-class .mat-selection-list .mat-list-option {
  height: inherit !important;
  padding: 10px 0 !important;
}
.my-custom-class .mat-list-item {
  background: none !important;
}
.my-custom-class .mat-list-item-content {
  padding-right: 0 !important;
}
.my-custom-class {
  margin: 0;
  width: 205px;
  padding: 0;
  margin-left: 10px;
}
.my-custom-class .selected-amml-item i {
  color: #a37de6 !important;
}
.mobilemmnu a {
  border-radius: 50px;
  margin-bottom: 10px;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px 1px rgba(154, 154, 204, 0.47);
  -moz-box-shadow: 0 1px 2px 1px rgba(154, 154, 204, 0.47);
  box-shadow: 0 1px 2px 1px rgba(154, 154, 204, 0.47);
}
.closepopi {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  font-weight: 100;
  margin-top: -1px;
  color: #000000;
  float: right;
  font-size: 29px;
}
.bx-round {
  width: 50px;
  height: 50px;
  line-height: 51px;
  border-radius: 100%;
  font-size: 18px;
  text-align: center;
  position: absolute;
  left: 25px;
  top: 12px;
}
.ab {
  background: #f2ebfb 0 0 no-repeat padding-box;
  color: #6f3bdb;
}
.ab1 {
  background: #eef9ff 0 0 no-repeat padding-box;
  color: #6f3bdb;
}
.ab2 {
  background: #fef3ef 0 0 no-repeat padding-box;
  color: #ff8c56;
}
.ab3 {
  background: #eed1f4 0 0 no-repeat padding-box;
  color: #c05ad8;
}
.ab4 {
  background: #e2e2e2 0 0 no-repeat padding-box;
  color: #000;
}
.ab5 {
  background: #d4f1e4 0 0 no-repeat padding-box;
  color: #29b779;
}
.dbx-c {
  padding-left: 70px;
}
.newfixfilter {
  top: 156px !important;
}
.campimg img {
  width: 100%;
  margin: 0 auto;
  display: block;
  object-fit: cover;
}
.pps {
  background: #a27ce6 !important;
  border: 1px solid #a27ce6;
}
.fv {
  border: 1px solid #ff6f9c;
  color: #ff6f9c !important;
  padding: 4px 15px;
}
.ss-margin-top-25 {
  margin-top: 25px;
}
.clc {
  color: #0000ee !important;
}
.scrl-dtl tr td {
  border: none !important;
  padding: 0 !important;
}
.h5m {
  font-weight: 600;
  padding-right: 20px;
  margin-bottom: 10px;
  font-size: 18px;
}
.bx-bb-t {
  position: relative;
  border-radius: 10px;
  padding: 25px;
  background: #fff;
}
.bx-bb-t:before {
  position: absolute;
  top: 0;
  width: 25px;
  height: 3px;
  background: #a37de6;
  content: "";
  left: 25px;
}
.bx-bb-t h5 b {
  color: #a37de6;
}
.close {
  color: #191f28 !important;
}
.no-message-new {
  text-align: center;
  width: 100%;
  color: #9c9d9e;
  padding: 100px 0;
  font-size: 18px;
}
.no-message-new img {
  margin-bottom: 20px;
}
.btn {
  display: inline-block;
  padding: 6px 15px;
  border-radius: 4px !important;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.mat-progress-bar-fill::after {
  background-color: #212c61 !important;
}
.input-filter {
  width: 100%;
  border: 1px solid #eee !important;
  position: relative;
  height: 40px;
  border-radius: 4px;
}
.input-filter-in {
  width: 100%;
  line-height: 38px;
  padding: 0 30px;
}
.input-filter:before {
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  content: "\f002";
  color: #424242;
  z-index: 9;
  left: 12px;
  top: 12px;
}
.ps-fx {
  position: absolute;
  right: -153px;
  top: 0;
}
.btn-s {
  border-radius: 4px;
  background: #212c61;
  color: #fff;
  border: none;
  padding: 9px 13px;
  margin: 0 10px;
  cursor: pointer;
}
.flt-r {
  padding: 8px 13px !important;
  margin-top: -3px;
  margin-left: 10px;
}
.flt-r img {
  width: 14px;
  margin-right: 5px;
}
.bb {
  background: #a37de6 !important;
  border: 1px solid #a37de6;
  color: #fff !important;
}
.spl-spl input.mat-input-element {
  margin-top: -0.0625em;
  line-height: 40px !important;
  padding: 0 16px !important;
}
.spl-spl {
  margin-top: 50px;
}
.spl-spl input.mat-input-element {
  margin-top: -0.0625em;
  line-height: 40px !important;
  padding: 0 16px !important;
}
.mat-select-search-inner {
  position: absolute;
  top: 41px !important;
}
.chk-otp10 {
  text-align: center;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 26px;
}
.chk-otp10 button {
  border-color: #dddddd;
  border-radius: 50px;
  padding: 0 10px;
}
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 4px 0;
  background-color: #a37de6;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
}
.ribbon-top-left {
  top: 0;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -9px;
  top: 25px;
  transform: rotate(-45deg);
}
.boxrr {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 5px;
}
.imn {
  float: left !important;
  width: 100% !important;
  color: #000000;
}
.imn img {
  height: 15px;
  width: 15px;
}
.imn:hover {
  text-decoration: none !important;
}
.dropdown-menu.dropdown-light {
  min-width: 170px !important;
}
.pf-top {
  width: 100%;
}
.pfbx-c {
  width: 100%;
  display: flex;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pfbx-c-bx {
  flex-basis: 49%;
  background: #fff;
  position: relative;
  padding: 20px;
  border-radius: 10px;
}
.pfbx-c-bx:before {
  position: absolute;
  top: 0;
  width: 25px;
  height: 3px;
  background: #a37de6;
  content: "";
  left: 20px;
}
.pfbx-c-bx h5 b {
  color: #a37de6;
}
.mat-form-field-label {
  font-size: 15px !important;
  color: #757575 !important;
  font-family: "Poppins", sans-serif !important;
}
.mat-input-wrapper {
  background-color: #eee !important;
}
.mat-form-field {
  font-family: "Poppins", sans-serif !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: #eee;
}
.header-profile {
  width: 100%;
  margin-bottom: 35px;
  float: left;
  margin-top: 0;
}
.header-profile-p {
  width: 211px;
  height: 211px;
  border-radius: 10px;
  box-shadow: 0 16px 26px #00000029;
  position: absolute;
  left: 25px;
  bottom: 24px;
  object-fit: cover;
  top: -121px;
  background: #fff;
}
.header-profile-p img {
  max-width: 100%;
  border-radius: 10px;
}
.header-profile-bg {
  width: 100%;
  height: 233px;
  border-radius: 10px 10px 0 0;
  background: #a37de6;
  text-align: center;
  float: left;
  position: relative;
}
.header-profile-bg img {
  max-width: 100%;
}
.header-profile-content {
  width: 100%;
  border-radius: 0 0 10px 10px;
  background: #fff;
  padding: 25px;
  float: left;
  position: relative;
 
  padding-bottom: 0;
}
.header-profile-content ul {
  padding: 0;
  margin: 0;
  position: relative;
  padding-left: 211px;
  display: flex;
  justify-content: space-between;
}
.header-profile-content ul li {
  float: left;
  border-left: 1px solid #eee;
  list-style: none;
  color: #424242;
  padding: 0 30px;
  margin-bottom: 28px;
  min-height: 60px;
 
}
.header-profile-content ul li b{
  padding-bottom: 10px;
  display: block;
}
.w50x{
  width: 50% !important;
}
.header-profile-content ul li span {
  display: block;
 
}
.header-profile-content ul li:first-child {
  text-align: left;
  border: none;
  padding-left: 25px;
}
.header-profile-content ul li:first-child span {
  padding-top: 0;
}
.header-profile-content ul li:last-child {
  text-align: left;

  padding-left: 25px;
}
.vfy {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 5px;
  border: 1px solid #eee;
  cursor: pointer;
  margin-left: 5px;
  font-weight: 400;
}
.edit-b {
  position: absolute;
  top: 5px;
  right: 5px;
  border: none;
  font-size: 12px;
  background: none;
  color: #424242;
  text-decoration: underline;
  cursor: pointer;
}
.edit-b img {
  width: 9px;
}
.pfe {
  top: 25px;
  right: 25px;
  color: #757575;
}
h5,
.h5 {
  margin-bottom: 25px;
}
.myp-wrk ul {
  padding: 0;
}
.myp-wrk ul li {
  width: 100%;
  position: relative;
  float: left;
  border-top: 1px solid #eee;
  padding-left: 0;
  list-style: none;
  padding-top: 15px;
  margin-top: 15px;
  padding-right: 90px;
}
.myp-wrk ul li p {
  font-size: 16px !important;
  margin-bottom: 7px;
}
.myp-wrk ul li:first-child {
  border: none;
  margin-top: 10px;
  padding-top: 0;
}
.myp-wrk a {
  color: #0000ee;
  font-size: 13px;
}
.ebxa {
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  background: #ffb236;
  margin-left: 10px;
  border: none;
  cursor: pointer;
}
.bx-n1 {
  position: absolute;
  top: 8px;
  right: 0;
}
.center_fx{
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content:center;
}
.avl img {
  width: 22px;
  margin-right: 15px;
  cursor: pointer;
}
.yt {
  width: 22px !important;
}
.m-top-p {
  margin-top: 35px;
}
.btn-m-top-15 {
  margin-top: 35px;
  display: inline-block;
}
.ist-d {
  width: 100%;
  float: left;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-top: 10px;
}
.ist-d label {
  display: block;
  color: #757575;
  font-size: 11px;
  font-weight: normal;
}
.ist-d small {
  font-size: 14px;
  color: #424242;
}
@media (max-width: 1920px) {
  .trim-l {
    max-width: 152px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width:1445px) {
  .header-profile-bg {
    height: 190px;
  }
  .header-profile-bg img {
    max-width: 71%;
    position: absolute;
    bottom: 0;
    right: 50px;
    margin: 0 auto;
  }
  .trim-l {
    max-width: 127px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .header-profile-content ul li {
    padding: 0 15px;
  }
  .header-profile-content ul li b {
    font-size: 11px;
  }
  .header-profile-content ul li:last-child {
    padding-right: 0;
  }
  .header-profile-content ul li span {
    font-size: 12px;
  }
  .header-profile-p {
    width:155px;
    height:155px;
    top: -72px;

  }
  .header-profile-content ul {
    padding-left: 150px;
  }
}
.sharpub {
  font-size: 13px;
  position: absolute;
  background: #fff;
  color: #000;
  border-radius: 5px;
  padding: 12px;
  right: 15px;
  top: 15px;
  display: inline-flex !important;
  align-items: center;
  line-height: 100%;
  gap: 5px;
  z-index: 9;

}
.sharpub:hover{
  text-decoration: none;
}

.sharpub img{
  width: 10px !important;
  position: static !important;
}
@media (max-width: 1280px) {
  .header-profile-content ul li {
    padding: 0 15px;
  }
  .header-profile-content ul li b {
    font-size: 13px;
  }
  .header-profile-content ul li:last-child {
    padding-right: 0;
  }
  .header-profile-content ul li span {
    font-size: 11px;
  }
  .header-profile-p {
    width: 180px;
    height: 180px;
  }
  .header-profile-content ul {
    padding-left: 180px;
  }
}
@media (max-width: 768px) {
  .pfbx-c-bx::before {
    left: 15px;
  }
  .header-profile-bg {
    height: 133px;
  }
  .header-profile-bg img {
    width: 100%;
  }
  .header-profile-content ul {
    padding-left: 0;
  }
  .header-profile-content ul li {
    padding: 10px 0;
    width: 100%;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #eee;
    min-height: inherit;
    margin-bottom: 10px;
  }
  .header-profile-content ul li:last-child {
    padding-left: 0;
  }
  .header-profile-content ul li:first-child {
    text-align: left;
    border: none;
    padding-left: 0;
  }
  .pfbx-c {
    display: block;
  }
  .btn-m-top-15 {
    margin-top: 0;
  }
  .pfbx-c-bx {
    width: 100%;
    margin: 10px 0;
  }
  .m-top-p {
    margin-top: 0;
  }
  .bx-n1 {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
  }
  .pfbx-c-bx {
    float: left;
  }
  .header-profile-p {
    width: 130px;
    height: 130px;
    top: -74px;
  }
  .header-profile-content ul li b {
    font-size: 13px;
    font-weight: bold;
  }
  .header-profile-content ul li:nth-child(2) {
    margin-top: 50px;
  }
  .header-profile-content ul li span {
    font-size: 12px;
    font-weight: 600;
  }
  .header-profile-content ul li:first-child {
    position: absolute;
    top: -27px;
    font-size: 18px;
    text-align: center;
    padding-top: 15px;
    padding: 0;
    width: 100%;
    padding-left: 130px;
    top: -13px;
  }
  .header-profile-content ul li:first-child b {
    font-size: 18px;
  }
  .sharpub1 {
    background: #546e7a;
    color: #ffffff;
    padding-top: 3px;
    border-radius: 2px;
    padding: 3px 10px;
    width: 63px;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 10px;
  }
  .vfy[_ngcontent-fpf-c10] {
    float: right;
    margin-top: -9px;
  }
  .ist-d {
    font-size: 13px;
    padding-bottom: 15px;
    margin-top: 15px;
  }
  .ist-d label {
    font-size: 12px;
  }
  .header-profile {
    width: 100%;
    margin-bottom: 10px;
    float: left;
    margin-top: 0;
  }
}
@-webkit-keyframes autofill {
  to {
    color: #ffffff;
    background: transparent;
  }
}
.section {
  width: 100%;
  float: left;
  padding: 50px 0;
}
.header-area {
  position: relative;
}
.header-area .header-area-inner {
  position: relative;
  padding: 247px 0 260px;
  z-index: 3;
  color: #fff;
}
.header-area-inner h1 {
  font-weight: bold;
  color: #fff;
  font-size: 43px;
  padding-bottom: 18px;
}
.header-area-inner p {
  color: #fff;
  font-family: Roboto;
  font-size: 18px;
}
.header-fix {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 111;
  background: #fff;
}
.c-area {
  background: #f7faff;
}
.c-in {
  width: 100%;
  float: left;
  box-shadow: 0 0 10px #a8c7c7;
  padding: 20px;
  background: #fff;
  font-size: 13px;
}
.c-in p {
  font-size: 13px;
  padding-top: 10px;
  min-height: 174px;
}
.c-in h3 {
  font-size: 18px;
  font-weight: bold;
  min-height: 74px;
  color: #212c61;
  line-height: 25px;
}
.c-in h3 img {
  float: left;
  margin-right: 15px;
}
.c-in a {
  color: #07a7dc;
}
.ovr-all {
  text-align: center;
  color: #fff;
  min-height: 150px;
  border-left: 1px solid #0f0f0f;
}
.ovr-all:first-child {
  border: none;
}
.ovr-all h4 {
  font-weight: bold;
  color: #fff;
  padding: 10px 0;
  margin-bottom: 0;
}
.ovr-all p {
  color: #fff;
}
.lg-bnt a {
  color: #000000;
  padding: 0 10px;
  font-size: 15px;
}
.lg-bnt a:first-child {
  border-right: 1px dashed #fff;
}
.s-header__logo-img-shrink {
  display: none;
}
.sticky {
  background: #fff;
  animation: 0.5s ease-in-out fadeInDown;
  box-shadow: 0 0 5px #ddd;
  position: fixed !important;
  top: 0;
}
.sticky .lg-bnt a {
  color: #333;
}
.sticky .lg-bnt a:first-child {
  border-right: 1px dashed #333;
}
.sticky .s-header__logo-link {
  padding: 5px 0 !important;
}
.sticky .s-header__logo-img-shrink {
  display: inline-block;
}
.registration {
  background: #102e6e;
  padding-bottom: 0;
}
.img-c img {
  position: relative;
}
.feature {
  background: #f7faff;
}
.f-bx {
  width: 100%;
  float: left;
  box-shadow: 0 0 10px #dcdee2;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
}
.f-bx h3 {
  font-size: 18px;
}
.f-bx img {
  display: inline-block;
  max-height: 125px;
  min-height: 150px;
  margin: 50px 0;
}
.pdt {
  padding: 15px;
}
.c-bx {
  padding: 95px 0;
  width: 100%;
  float: left;
}
@media only screen and (max-width: 768px) {
  .hgr {
    margin-top: 0;
  }

  .header-profile-content ul {
    flex-direction: column;
  }
  .cin-bx h3 {
    font-size: 18px;
  }
  .lg-bnt a {
    color: #000;
    padding: 0 10px;
    font-size: 15px;
  }
  .waddaxtx {
    text-align: center !important;
    width: 100%;
    padding-bottom: 15px;
    font-size: 28px !important;
    display: block;
    float: left;
  }
  .lg-bnt a:first-child {
    border-right: 1px dashed #333;
  }
  .c-bx h2 {
    font-size: 20px;
  }
  p {
    font-size: 13px;
  }
  .m-not {
    display: none;
  }
  .c-in {
    margin: 15px 0;
    min-height: 134px;
  }
  .img-c {
    display: none;
  }
  .section {
    padding: 30px 0;
  }
  .c-bx {
    padding: 0;
  }
  .header-area .header-area-inner {
    position: relative;
    padding: 50px 0;
  }
  .header-area-inner h1 {
    font-weight: bold;
    color: #fff;
    font-size: 35px;
  }
  .header-area .header-area-inner:before {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
  }
  .c-area {
    padding-bottom: 0;
  }
}
::-webkit-scrollbar {
  width: 3px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #ddd;
}
::-webkit-scrollbar-thumb:hover {
  background: #888;
}
.coins {
  background: #faeab4 0 0 no-repeat padding-box;
}
.coins img {
  width: 24px;
}

.coins2 {
  background: #f2efe8 0 0 no-repeat padding-box;
}
.coins2 img {
  width: 24px;
}

.infotitle {
  height: 15px;
  margin-left: 6px;
  cursor: pointer;
  margin-top: 5px;
  margin-right: 15px;
}
.tablesodel {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
.tablesodel tr td {
  width: 25%;
  border-bottom: none !important;
  padding: 5px 0 !important;
}
.tablesodel .nnme {
  font-size: 18px;
  font-weight: 600;
}

.popover__wrapper {
  position: relative;
}
.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  transform: translate(0, 10px);
  background-color: #fff;
  padding: 1.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
  width: auto;
  top: 45px;
  border-radius: 10px;
  min-width: 230px;
}
.popover__content span {
  font-size: 12px;
  color: #000000;
  float: left;
  width: 100%;
  margin-top: 5px;
}
.popover__content::before {
  position: absolute;
  z-index: -1;
  content: "";
  right: 37px;
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bfbfbf30 transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
  text-align: left;
  color: #a37de6 !important;
  margin-bottom: 5px;
}
.popover__content p {
  margin-bottom: 0;
}

/*google project*/
.my-custom-class .label:hover {
  color: #a37de6 !important;
  font-weight: 600;
}
a,
:hover {
  -moz-transition: 300ms all ease !important;
  -o-transition: 300ms all ease !important;
  -webkit-transition: 300ms all ease !important;
  transition: 300ms all ease !important;
}
.tablehover:hover {
  background: #f7f7f7;
  cursor: pointer;
  border-radius: 5px;
}
.matdlg {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: center;
}
.matdlg i {
  font-size: 48px;
}

.matdlginpage {
  float: left;
  width: 400px;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 65px -6px rgba(0, 0, 0, 0.62);
  -webkit-box-shadow: 0px 0px 65px -6px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: 0px 0px 65px -6px rgba(0, 0, 0, 0.62);
}
.matdlginpage h3 {
}
.matdlginpage i {
  margin-bottom: 5px;
}

.table {
  color: #424242 !important;
  font-size: 13px !important;
}
.my-custom-class .amml-submenu label {
  font-size: 13px !important;
}
.my-custom-class .amml-submenu i {
  font-size: 12px !important;
}
.amml-icon-fa {
  font-size: 12px !important;
}

.chofd {
  margin-top: 2px;
}
.chu img {
  height: 35px;
  margin: 7px;
}

.drvg {
  margin-bottom: 20px;
  min-height: 54px;
}

.matdlg {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: center;
}
.matdlg button {
  min-width: 80px;
}
.matdlg i {
  font-size: 40px;
}

.matdlginpage {
  float: left;
  width: 400px;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 65px -6px rgba(0, 0, 0, 0.62);
  -webkit-box-shadow: 0px 0px 65px -6px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: 0px 0px 65px -6px rgba(0, 0, 0, 0.62);
}
.matdlginpage h3 {
}
.matdlginpage i {
  margin-bottom: 5px;
}

.myinpu .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 4px 0 7px 0 !important;
}

.myinpu .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0 !important;
}

.myinpu .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}

.btn-blue-new {
  border-color: #57b6e4;
  background-color: #57b6e4;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-blue-new:hover {
  color: #ffffff !important;
}
.btn-blue-new:focus {
  color: #ffffff !important;
}
.text-underline {
  text-decoration: underline;
}
,
alttct {
  float: left;
  width: 100%;
  background: antiquewhite;
  padding-right: 30px;
}
.alertclosee {
  position: absolute;
  right: 11px;
  top: 10px;
  font-size: 19px;
  font-weight: 600;
  color: #fe446a;
  cursor: pointer;
}
.alertclosee:hover {
  color: #fe446a;
}
.fill-purple .mat-progress-bar-fill::after {
  background-color: #a37de6 !important;
  border-radius: 12px;
}
.fill-purple .mat-progress-bar {
  height: 3px !important;
  border-radius: 10px 10px 0 0;
}

.my-custom-class .selected-amml-item {
  background: none !important;
  color: #fff !important;
}
.my-custom-class .label:hover {
  color: #fff !important;
  font-weight: 600;
}
.my-custom-class .selected-amml-item .label {
  color: #fff !important;
  font-weight: 400 !important;
}
.anml-link:hover img {
  filter: brightness(0) invert(1) !important;
}

.sidebar .sidebar-header {
  margin-bottom: 30px;
  margin-top: 10px;
  height: 60px;
  display: flex;
  justify-content: center;
  padding-left: 0px !important;
  align-items: center;
}
.sidebar .sidebar-header img {
  margin: 0 !important;
  margin-top: 10px !important;
}