@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700");
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dashboard-container-fact .pull-right {
  float: right !important;
}
.dashboard-container-fact .velmld-overlay {
  z-index: 10 !important;
}
.dashboard-container-fact .topShops .el-table tr th:first-child .cell {
  padding-left: 15px;
}
.dashboard-container-fact .el-carousel__arrow {
  z-index: 5;
}
.dashboard-container-fact .el-select.dash-all {
  width: 65px;
}
.dashboard-container-fact .popup-bg {
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
}
.dashboard-container-fact .expiry-reminder {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 11;
  height: 520px;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.dashboard-container-fact .expiry-reminder h3 {
  color: #061838;
}
.dashboard-container-fact .day {
  color: #ed273f;
  font-weight: 600;
  font-size: 92px;
  margin-top: 50px;
}
.dashboard-container-fact .remaining-day {
  color: #061838;
  font-size: 20px;
}
.dashboard-container-fact .expity-date {
  background: #eaf2ff;
  padding: 25px 0;
  margin: 20px auto 50px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  font-size: 22px;
}
.dashboard-container-fact .renew-license p {
  color: #a1a1a1;
  font-size: 16px;
}
.dashboard-container-fact .renew-license h4 {
  margin: 4px 0 0;
  color: #061838;
}
.dashboard-container-fact .renew-license .text {
  padding-left: 15px;
}
.dashboard-container-fact .renew-license .mail span {
  color: #ea9e0c;
}
.dashboard-container-fact .renew-license .phone span {
  color: #13e88a;
}
.dashboard-container-fact .renew-license .col {
  margin-top: 15px;
}
.dashboard-container-fact .expiry-reminder .el-icon-close {
  color: #ed273f;
  position: absolute;
  right: 25px;
  top: 30px;
  font-size: 22px;
}
@media (min-width: 1024px) {
  .dashboard-container-fact .renew-license-row {
    width: 70%;
  }
  .dashboard-container-fact .expiry-reminder {
    width: 800px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard-container-fact .renew-license-row {
    width: 85%;
  }
  .dashboard-container-fact .expiry-reminder {
    width: 670px;
  }
}
@media (min-width: 768px) {
  .dashboard-container-fact .renew-license-row {
    display: flex;
    margin: auto;
  }
  .dashboard-container-fact .remaining-day {
    margin-top: -10px;
  }
  .dashboard-container-fact .expity-date {
    width: 560px;
  }
  .dashboard-container-fact .renew-license .mail {
    padding-left: 50px;
  }
  .dashboard-container-fact .renew-license .mail .icon {
    margin-top: -5px;
  }
}
@media (max-width: 767px) {
  .dashboard-container-fact .expiry-reminder {
    width: 85%;
  }
  .dashboard-container-fact .day {
    font-size: 40px;
    margin: 0;
  }
  .dashboard-container-fact .expiry-reminder h3 {
    font-size: 16px;
    margin-top: 50px;
  }
  .dashboard-container-fact .remaining-day {
    font-size: 16px;
  }
  .dashboard-container-fact .expity-date {
    width: 88%;
    font-size: 15px;
    padding: 25px 15px;
    margin-bottom: 30px;
  }
  .dashboard-container-fact .expity-date b {
    display: block;
    margin-top: 5px;
  }
  .dashboard-container-fact .renew-license h4 {
    font-size: 16px;
  }
  .dashboard-container-fact .renew-license .col {
    float: left;
    width: 100%;
    padding: 0 20px;
  }
  .dashboard-container-fact .renew-license .col img {
    width: 32px;
  }
  .dashboard-container-fact .dashboard-container-fact .targetBlock .contentBlock,
.dashboard-container-fact .dashboard-container-fact .targetBlock .progressbarblock {
    padding: 15px;
  }
}
.dashboard-container-fact .dashboard-bottom .el-table {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  border: 1px solid #f0f3f8;
}
.dashboard-container-fact .dashboard-bottom .el-table th {
  background: #346fab !important;
  color: #fff;
}
.dashboard-container-fact .dashboard-bottom .el-table tr:nth-child(odd) {
  background: #e8f2fc;
}
.dashboard-container-fact .dashboard-bottom .el-table td.total {
  color: #061838;
}
.dashboard-container-fact .dash-filter {
  position: relative;
  right: 0;
}
.dashboard-container-fact .dash-today-filter .el-input__inner {
  color: #ccc !important;
}
.dashboard-container-fact .el-select.dark .el-input .el-select__caret {
  color: #061838 !important;
}
.dashboard-container-fact .el-select.dash-all {
  width: 50px;
}
.dashboard-container-fact .el-select.dash-quarter {
  width: 120px;
}
.dashboard-container-fact .el-select.dash-week {
  width: 90px;
}
.dashboard-container-fact .el-select.dark .el-input__inner::placeholder,
.dashboard-container-fact .el-select.dark .el-input__inner {
  color: #a1a1a1 !important;
}
.dashboard-container-fact .performer-carousel.dashboard .colum {
  text-align: left;
}
.dashboard-container-fact .selectDropdowns .custom-select input {
  border-bottom: none;
  height: 30px;
}
.dashboard-container-fact .selectDropdowns .custom-select .el-input__icon {
  line-height: 30px;
}
.dashboard-container-fact .selectDropdowns.today .custom-select .el-input__suffix-inner {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.3);
  display: block;
  line-height: 37px;
  color: #fff;
}
.dashboard-container-fact .performerBlock .el-carousel__container {
  height: 280px;
}
.dashboard-container-fact .topShops .el-tabs__header {
  margin-bottom: 2px;
}
.dashboard-container-fact .topShops .el-tabs__active-bar {
  background: #ed2940;
}
.dashboard-container-fact .topShops .el-tabs__nav-wrap::after {
  background: #fff;
}
.dashboard-container-fact .topShops .el-tabs__item.is-active {
  color: #ed2940;
  font-weight: bold;
}
.dashboard-container-fact .topShops .el-table th > .cell {
  text-transform: none;
}
.dashboard-container-fact .mrgtp {
  margin-top: 20px;
}
.dashboard-container-fact .float-right {
  float: right;
}
.dashboard-container-fact .el-icon-location-outline {
  font-size: 17px;
}
.dashboard-container-fact .data-bg.sec1 {
  padding: 0 !important;
}
.dashboard-container-fact .data-bg.sec2 {
  min-height: 200px !important;
  padding: 25px 10px !important;
}
.dashboard-container-fact .hd-row {
  width: 100%;
  display: block;
  margin: 5px 0;
}
.dashboard-container-fact .block_title {
  font-size: 18px;
  color: var(--text-color);
  font-weight: 500;
  line-height: 1.1;
  width: auto;
  line-height: 22px;
  display: inline-block;
}
.dashboard-container-fact .today_block {
  padding: 15px 10px 25px;
  width: 100%;
  background: #253f99;
  display: inline-block;
}
.dashboard-container-fact .today_block .block_title {
  color: #fff !important;
}
.dashboard-container-fact .today_block input[type=text] {
  border: 0 !important;
  color: #fff !important;
  background: #3750a5 !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  -ms-border-radius: 40px !important;
  border-radius: 40px !important;
  padding: 0 30px 0 15px !important;
}
.dashboard-container-fact .today_block .el-date-editor {
  border: 0 !important;
  color: #fff !important;
  background: #3750a5 !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  -ms-border-radius: 40px !important;
  border-radius: 40px !important;
  padding-left: 15px !important;
}
.dashboard-container-fact .today_block .el-date-editor .el-range-input,
.dashboard-container-fact .today_block .el-date-editor .el-range-separator {
  background: transparent !important;
  color: #ccc;
}
.dashboard-container-fact .today_block .el-date-editor .el-range-input:placeholder,
.dashboard-container-fact .today_block .el-date-editor .el-range-separator:placeholder {
  color: #ccc 1important;
}
.dashboard-container-fact .today-list {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 15px 0;
  background: #fff;
  border-radius: 4px;
  min-height: 110px;
}
.dashboard-container-fact .content-blocks {
  width: 100%;
  display: block;
}
.dashboard-container-fact .content-blocks .round-icon {
  display: flex;
  margin-right: 10px;
  width: 42px;
  height: 42px;
  line-height: 0;
  border-radius: 100%;
  float: left;
  text-align: center;
  color: #061838;
  font-size: 22px;
  align-items: center;
  justify-content: center;
}
.dashboard-container-fact .content-blocks .round-icon.bg3 {
  font-size: 20px;
}
.dashboard-container-fact .content-blocks .round-icon.bg3 .icon {
  position: relative;
  left: 2px;
}
.dashboard-container-fact .content-blocks .round-icon .icon-dashboard-icon-shop {
  font-size: 20px;
}
.dashboard-container-fact .content-blocks .text_blocks {
  width: 100%;
  float: left;
  padding-left: 5px;
}
.dashboard-container-fact .content-blocks .text_blocks h4 {
  margin: 5px 0 2px;
  color: #ed2940;
}
.dashboard-container-fact .content-blocks .text_blocks p {
  word-break: break-word;
}
.dashboard-container-fact .green {
  color: #33d3a8 !important;
}
.dashboard-container-fact .target_collection_block {
  padding: 25px 10px;
  display: inline-block;
  width: 100%;
  background-image: linear-gradient(to bottom, #eaeffc, #ffffff, #ffffff, #ffffff, #ffffff);
}
.dashboard-container-fact .pad-left-0 {
  padding-left: 0 !important;
}
.dashboard-container-fact .bg1 {
  background: rgba(157, 65, 154, 0.2);
  border: 1px solid rgb(157, 65, 154);
}
.dashboard-container-fact .bg2 {
  background: rgba(227, 82, 133, 0.2);
  border: 1px solid rgb(227, 82, 133);
}
.dashboard-container-fact .bg3 {
  background: rgba(255, 128, 105, 0.2);
  border: 1px solid rgb(255, 128, 105);
}
.dashboard-container-fact .bg4 {
  background: rgba(255, 187, 89, 0.2);
  border: 1px solid rgb(255, 187, 89);
}
.dashboard-container-fact .bg5 {
  background: rgba(176, 232, 110, 0.2);
  border: 1px solid rgb(176, 232, 110);
}
.dashboard-container-fact .bg6 {
  background: rgba(64, 158, 255, 0.2);
  border: 1px solid rgb(64, 158, 255);
}
.dashboard-container-fact .targetBlock {
  width: 100%;
  background: #f0f3f8;
  padding: 15px;
  border-radius: 4px;
}
.dashboard-container-fact .targetBlock .contentBlock {
  width: 100%;
  display: block;
  border-radius: 4px 4px 0 0;
  padding: 20px;
  background: rgb(255, 255, 255);
}
.dashboard-container-fact .targetBlock .contentBlock .text_blocks {
  margin: 10px 0;
}
.dashboard-container-fact .targetBlock .contentBlock .text_blocks h4 {
  margin: 0px 0 15px 0;
  color: #ed2940;
  font-size: 20px;
}
.dashboard-container-fact .targetBlock .contentBlock .text_blocks p {
  margin: 5px 0;
}
.dashboard-container-fact .targetBlock .progressbarblock {
  width: 100%;
  display: block;
  border-radius: 0 0 4px 4px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.4);
}
.dashboard-container-fact .targetBlock .progressbarblock p {
  margin: 5px 0;
  color: #7b7b7b;
}
.dashboard-container-fact .targetBlock .progressbarblock p b {
  font-size: 16px;
  color: #000;
}
.dashboard-container-fact .targetBlock .progressbarblock .progress {
  height: 6px;
  background: #f0f3f8;
  margin: 10px 0;
}
.dashboard-container-fact .data-bg.sec3 {
  min-height: 200px !important;
  padding: 0 !important;
}
.dashboard-container-fact .topSellingProductBlock,
.dashboard-container-fact .topShops,
.dashboard-container-fact .performerBlock {
  padding: 25px 10px;
}
.dashboard-container-fact .performer-carousel {
  width: 100%;
  margin: 30px 0 0 0;
}
.dashboard-container-fact .performer-carousel h4 {
  width: 100%;
  display: inline-block;
}
.dashboard-container-fact .performer-carousel .profile-pic {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.dashboard-container-fact .performer-carousel .profile-pic img {
  width: 100%;
}
.dashboard-container-fact .performer-carousel .list-text {
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}
.dashboard-container-fact .performer-carousel .list-text .label {
  color: #7b7b7b;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  padding: 0;
  width: 60px;
  display: inline-block;
}
.dashboard-container-fact .performer-carousel .list-text .label i {
  font-style: normal;
}
.dashboard-container-fact .performer-carousel .list-text .label.achived {
  color: #ed2940;
  margin-top: 10px;
}
.dashboard-container-fact .performer-carousel .list-text .value {
  font-weight: 600;
  color: #7b7b7b;
  font-size: 13px;
}
.dashboard-container-fact .performer-carousel .list-text .value.achived {
  font-size: 16px;
  color: #061838;
}
@media (max-width: 991px) {
  .dashboard-container-fact .pad-left-0 {
    padding-left: 15px !important;
  }
  .dashboard-container-fact .mobile-margin-top {
    margin-top: 20px;
  }
  .dashboard-container-fact .today-list {
    padding: 0;
  }
  .dashboard-container-fact .content-blocks .text_blocks {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .dashboard-container-fact .content-blocks .round-icon {
    float: none;
    position: relative;
    margin: 0 auto;
  }
  .dashboard-container-fact .text_blocks h4 {
    margin: 10px 0 5px 0;
  }
  .dashboard-container-fact .text_blocks p {
    margin: 0;
  }
  .dashboard-container-fact .targetBlock {
    margin-bottom: 30px;
  }
  .dashboard-container-fact .today-list-col {
    margin: 15px 0;
  }
}
@media (min-width: 768px) {
  .dashboard-container-fact .today_block .el-date-editor {
    width: 230px !important;
    margin-left: 8px;
  }
  .dashboard-container-fact .today_block .dash-filter {
    display: flex;
  }
}
@media (max-width: 767px) {
  .dashboard-container-fact .today-list {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .dashboard-container-fact .today_block .el-select {
    width: 100%;
    margin-bottom: 15px;
  }
}

.dashboard-target-main:before {
  background: #576bd4;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.dashboard-target-main .inner {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 12px 12px 30px;
  float: left;
  width: 100%;
  margin-top: 8px;
  background: #fff;
}
.dashboard-target-main .inner .colum {
  flex: 1;
}
.dashboard-target-main .inner h3 {
  margin: 0;
}

.dashboard-select1 .el-input__inner {
  border: 0;
  background: none;
}

.dashboard-target .total-target h3 {
  color: #ed2940;
}
.dashboard-target .achieved-target h3 {
  color: #4cda64;
}
.dashboard-target .progress {
  height: 5px;
  margin: 10px 0 6px;
  -webkit-box-shadow: 0 0 0 0px #f1f1f1;
  -moz-box-shadow: 0 0 0 0px #f1f1f1;
  box-shadow: 0 0 0 0px #f1f1f1;
}
.dashboard-target .progress-bar {
  background-color: #4cda64;
  -webkit-box-shadow: 0 0 0 0px #f1f1f1;
  -moz-box-shadow: 0 0 0 0px #f1f1f1;
  box-shadow: 0 0 0 0px #f1f1f1;
}
.dashboard-target .percentage {
  color: #7b7b7b;
}
.dashboard-target .percentage b {
  color: #000;
}
.dashboard-target .el-input__icon {
  line-height: 26px;
}
.dashboard-target .el-select.cate, .dashboard-target .el-select.year {
  width: 75px;
}
.dashboard-target .el-select.dayy {
  width: 65px;
}

.dashboard-col .icon-div {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.dashboard-col .text-div {
  width: calc(100% - 90px);
}
.dashboard-col .distributors .text-div {
  padding: 28px 0 0 20px;
}

.dashboard-users-info .inner {
  background: #f8faff;
  float: left;
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.dashboard-users-info .icon {
  width: 64px;
  height: 64px;
  float: left;
  line-height: 52px;
  font-size: 38px;
}
.dashboard-users-info .text {
  float: left;
  padding: 12px 0 0 15px;
  width: calc(100% - 64px);
}
.dashboard-users-info .dashboard-users-info-col {
  margin-top: 6px;
}
.dashboard-users-info .dashboard-users-info-col span {
  margin-top: 1px;
  display: block;
  color: #7b7b7b;
}
.dashboard-users-info .dashboard-users-info-col h4 {
  color: #061838;
  font-size: 20px;
}

.dashboard-block {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background: #f3f6fc;
  padding-bottom: 50px;
  -webkit-box-shadow: 0 0 10px 0 rgba(37, 63, 153, 0.05);
  -moz-box-shadow: 0 0 10px 0 rgba(37, 63, 153, 0.05);
  box-shadow: 0 0 10px 0 rgba(37, 63, 153, 0.05);
}

.dashboard-block-bottom {
  background: #fff;
  margin-top: -30px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  padding-bottom: 20px;
}
.dashboard-block-bottom .table-col {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #f0f3f8;
  overflow: hidden;
}
.dashboard-block-bottom .el-table th {
  background: #e4e9f3 !important;
  text-transform: none !important;
}
.dashboard-block-bottom h4 {
  word-break: break-word;
}

.dashboard-sales-graph .bottom {
  color: #7b7b7b;
}
.dashboard-sales-graph .bottom span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #eb2179;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 3px;
  position: relative;
  top: 3px;
}

@media (min-width: 1280px) {
  .dashboard-sales-graph {
    padding: 20px 0 50px;
  }
  .dashboard-users-info .inner {
    padding: 30px 15px;
  }
  .dashboard-target-main .inner {
    height: 330px;
  }
}
@media (max-width: 1279px) {
  .dashboard-users-info .inner {
    padding: 15px;
  }
  .dashboard-sales-graph {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .dashboard-target-main .inner {
    height: 330px;
  }
}
@media (min-width: 1024px) {
  .dashboard-target-main::before {
    height: 215px;
  }
}
@media (max-width: 1023px) {
  .dashboard-users-info {
    margin-top: 20px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard-target-main::before {
    height: 560px;
  }
}
@media (min-width: 768px) {
  .dashboard-target-main {
    padding: 25px;
    position: relative;
  }
  .dashboard-block-bottom .colum {
    padding-top: 20px;
  }
  .dashboard-block-bottom .colum .filter {
    padding-right: 25px;
  }
  .dash-lead-activity-col .inner {
    height: 112px;
  }
  .dash-lead-activity-col .inner .content {
    width: 100%;
  }
  .dashboard-sales-graph .bottom {
    padding-left: 64px;
    margin-top: 36px;
  }
  .dash-filter.overview, .dash-filter.collection, .dash-filter.performers, .dash-filter.shop-collection, .dash-filter.order, .dash-filter.top-product {
    float: right;
  }
}
@media (max-width: 767px) {
  .dashboard-target-main {
    padding: 20px;
  }
  .dashboard-target-main::before {
    height: 800px;
  }
  .dashboard-target-main .inner .colum {
    margin-bottom: 20px;
  }
  .dashboard-block-bottom .colum {
    padding: 15px;
  }
  .dashboard-target .percentage {
    font-size: 12px;
  }
  .dashboard-target .percentage b {
    font-size: 12px;
  }
  .dashboard-target .el-select {
    margin-left: 6px;
  }
  .dash-lead-activity-col {
    margin-bottom: 10px;
  }
  .dash-lead-activity-col .inner {
    height: 115px;
  }
  .dash-lead-activity-col .inner .content {
    width: calc(100% - 56px);
    padding-left: 15px;
  }
  .dashboard-sales-graph {
    padding-left: 0;
  }
  .dash-filter.overview, .dash-filter.collection, .dash-filter.performers, .dash-filter.shop-collection, .dash-filter.order, .dash-filter.top-product {
    float: left;
    width: 100%;
    margin-top: 15px;
  }
}
@media (min-width: 600px) {
  .dastarget-top-row .dashboard-selectCover {
    float: right;
  }
  .dashboard-service-req-type .box .inner {
    height: 125px;
    padding-top: 34px;
  }
  .dashborad-lead-stages .cate {
    display: flex;
  }
  .dashborad-lead-stages .cate .box {
    flex: 1;
    text-align: center;
  }
}
@media (max-width: 599px) {
  .dastarget-top-row .dashboard-selectCover {
    margin: 15px;
  }
  .dashboard-service-req-type .box .inner {
    height: auto;
    padding-top: 10px;
  }
  .dashborad-lead-stages .cate .box {
    float: left;
    width: 100%;
    padding: 10px 20px;
  }
}
.dash-lead-activity-col:nth-child(2) {
  padding: 0 10px;
}
.dash-lead-activity-col .inner {
  padding: 32px 20px 0 20px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.dash-lead-activity-col .inner .icon {
  width: 46px;
  height: 46px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin-top: 4px;
}
.dash-lead-activity-col .inner .content {
  width: calc(100% - 56px);
  padding-left: 15px;
}
.dash-lead-activity-col .inner p {
  color: #7b7b7b;
  margin-bottom: 2px;
  font-size: 12px;
}
.dash-lead-activity-col .inner h4 {
  margin: 8px 0 2px;
  font-size: 18px;
  font-weight: 500;
}
.dash-lead-activity-col .inner .ongoing {
  color: #7b7b7b;
  font-size: 12px;
}
.dash-lead-activity-col .meeting .icon {
  background: #fee9ed;
  line-height: 56px;
  font-size: 25px;
  color: #f42c53;
}

.dashboard-block.white {
  background: #fff;
}

.target-status .colum {
  margin-bottom: 25px;
}

.dastarget-top-row {
  margin-bottom: 40px;
}

.dashboard-selectCover {
  background: #f2f6ff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  padding: 5px;
  margin-right: 10px;
  text-align: left;
}

.dashboard-selectCover .el-input__inner,
.dashboard-selectCover .el-input__inner::placeholder,
.dashboard-selectCover .el-select__caret,
.dash-monthly .el-input__inner::placeholder {
  color: #7f8a9e !important;
}

.dashborad-lead-stages .cate {
  width: 100%;
}

.dashboard-target h6 {
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0 5px;
}
.dashboard-target .expected-sale {
  color: #e36c8a;
  font-size: 12px;
}

.dashboard-service-req-type .box {
  margin-top: 25px;
}
.dashboard-service-req-type .box .box-inner {
  background: #f2f6ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  height: 120px;
  padding-top: 35px;
}
.dashboard-service-req-type .box .box-inner h5 {
  margin-top: 0;
}
.dashboard-service-req-type .box .box-inner span {
  color: #e36c8a;
  font-size: 12px;
}

.dash-from-to-date {
  color: #000;
}
.dash-from-to-date b {
  color: #9eadff;
}
.dash-from-to-date span.gray {
  color: #a3a3a3;
  display: inline-block;
  margin-right: 3px;
}
.dash-from-to-date span.gray.light {
  color: #bdc2d2;
}

.dashboard-target-main .inner .leads {
  padding: 0;
}
.dashboard-target-main .inner .leads .dashborad-lead-stages {
  padding: 20px 5px;
}

.total-leads h5 {
  margin: 25px 0 0;
  font-size: 30px;
  color: #ec4962;
}
.total-leads span {
  font-size: 16px;
  font-weight: 600;
  margin-top: 3px;
  display: inline-block;
}
.total-leads .colum h5 {
  color: #061838;
  font-size: 20px;
}
.total-leads .icon {
  position: absolute;
  font-size: 40px;
  left: 20px;
  top: 50px;
  color: #f1a4b9;
}

.leads .colum .progress {
  height: 10px;
  margin: 10px 0 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.leads .colum.hot p {
  color: #e50817;
}
.leads .colum.hot .progress-bar {
  background-color: #e50817;
}
.leads .colum.colum.warm p {
  color: #fca31d;
}
.leads .colum.colum.warm .progress-bar {
  background-color: #fca31d;
}
.leads .colum.cold p {
  color: #11ace6;
}
.leads .colum.cold .progress-bar {
  background-color: #11ace6;
}

.leads .colum .progress-striped .progress-bar,
.leads .colum .progress-bar-striped {
  -webkit-background-size: 4px 4px;
  background-size: 4px 4px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

@media (min-width: 992px) {
  .dashboard-target-col {
    flex: 1;
  }
  .dashboard-col.lead-activities {
    padding: 15px 15px 18px 30px;
    height: 320px;
  }
  .upcoming-activities-inner,
.activity-calandaer-inner {
    max-height: 450px;
  }
  .dashboard-top-products .bg-white,
.lead-activiteis {
    height: 410px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dashboard-target-col {
    width: 33.3%;
    padding: 0 6px;
    float: left;
  }
}
@media (min-width: 1023px) and (max-width: 1279px) {
  .total-leads .text {
    margin-left: 30px;
  }
}
.dash-lead-status .colum {
  margin-top: 25px;
}

.lead-select-currency .el-input__inner {
  padding: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
}

.lead-select-currency .el-select {
  width: 130px;
}

@media (min-width: 768px) {
  .lead-select-currency {
    position: absolute;
    right: 15px;
    top: 8px;
  }
  .dashborad-lead-stages .cate {
    height: 100px;
  }
  .dashborad-lead-stages .cate .box {
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .lead-select-currency .el-select {
    margin: 15px 15px 0 0;
    float: right;
  }
  .dashboard-lead-forcast {
    margin-top: 294px;
  }
}
.leads .colum p {
  font-weight: 500;
  font-size: 14px;
}

.dashborad-lead-stages .cate {
  background: #f6f8fc;
  float: left;
  width: 100%;
}
.dashborad-lead-stages .cate .box h5 {
  color: #061838;
  font-weight: 600;
  font-size: 18px;
  margin: 0 0 5px;
}
.dashborad-lead-stages .cate .box:nth-child(1) span {
  color: #7121eb;
}
.dashborad-lead-stages .cate .box:nth-child(2) span {
  color: #eb2179;
}
.dashborad-lead-stages .cate .box:nth-child(3) span {
  color: #e5c808;
}
.dashborad-lead-stages .cate .box:nth-child(4) span {
  color: #21dcdc;
}
.dashborad-lead-stages .cate .box:nth-child(5) span {
  color: #4cda64;
}
.dashborad-lead-stages .cate .box:nth-child(6) span {
  color: #e50817;
}

.dashboard-col.lead-activities .inner-main {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  height: 226px;
}

.dashboard-col.lead-activities .switch-menu a {
  display: inline-block;
  height: 36px;
  padding: 0 15px;
  border: 1px solid #a6a0c4;
  background: #fff !important;
  color: #bebebe;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  line-height: 34px;
  width: 96px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  margin-right: 5px;
}

.dashboard-col.lead-activities .switch-menu a.active {
  color: #061838;
}

.dashboard-lead-forcast .inner {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  height: 276px;
}
.dashboard-lead-forcast .inner.top {
  padding: 10px 15px 28px 15px;
}
.dashboard-lead-forcast .inner.top span {
  margin-bottom: 15px;
}
.dashboard-lead-forcast .inner.top h4 {
  margin: 22px 0 5px;
  color: #4cda64;
  font-size: 26px;
}
.dashboard-lead-forcast .inner.top h4.forcast-amt {
  color: #e50817;
}
.dashboard-lead-forcast .inner.bottom .ico {
  background: #fef0e2;
  width: 46px;
  height: 46px;
  line-height: 44px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  margin-top: 20px;
  text-align: center;
}
.dashboard-lead-forcast .inner.bottom .text {
  width: calc(100% - 46px);
  padding: 20px 0 18px 15px;
}
.dashboard-lead-forcast .inner.bottom .text p {
  color: #7b7b7b;
}
.dashboard-lead-forcast .inner.bottom a {
  padding-top: 40px;
  color: #2d96ff;
  display: inline-block;
}
.dashboard-lead-forcast .inner .title {
  text-transform: uppercase;
  margin: 0;
}
.dashboard-lead-forcast .inner .sub-title {
  text-transform: uppercase;
  margin: 5px 0 0;
  color: #7b7b7b;
}

.dashboard-users-info {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding-bottom: 10px;
  margin-top: 10px;
}

.dashboard-container .el-input__inner {
  border: 0;
  background: transparent;
  height: 30px;
  line-height: 25px;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  border-radius: 50px !important;
  font-size: 13px;
  border: 0;
  color: #061838;
}

.dashboard-container .el-select {
  width: 100px;
}

.dashboard-container .el-select input[type=text]::placeholder {
  color: #061838;
}

.dashboard-container .el-select .el-input .el-select__caret {
  color: #000;
  font-weight: 600;
  font-size: 12px;
}

.dashboard-container .el-input__icon {
  line-height: 25px;
}

.dashboard-container .svg-funnel-js__subLabel--title {
  color: #7b7b7b !important;
}

.dashboard-head {
  color: #061838;
  font-size: 20px;
  font-weight: 600;
}

.dashboard-users-info .inner .cover {
  background: #f6f8fc;
  padding: 15px;
}

.dashboard-target hr {
  border-color: #e4e8f1;
  margin: 10px 0 0;
}

.dashboard-col.lead-activities .icon.meeting {
  background: #f8f3fe;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  width: 120px;
  height: 100px;
  line-height: 90px;
}

.dashboard-col.lead-activities .left h3 {
  font-size: 20px;
  margin: 18px 0 5px;
  color: #061838;
}

.dashboard-container .el-select.period {
  width: 90px;
}

.dashboard-container .el-select.year {
  width: 62px;
}

.el-button.icon-datepicker .el-range-input,
.el-button.icon-datepicker .el-range-separator,
.el-button.icon-datepicker .el-range__close-icon {
  display: none;
}

.el-button.icon-datepicker .el-date-editor .el-range__icon {
  font-size: 20px;
  margin-left: 5px;
  color: #576bd4;
  line-height: 34px;
}

.el-button.icon-datepicker {
  padding: 0 !important;
  border: 0;
  height: 34px;
  width: 34px;
  margin-left: 15px;
}

.dashboard-container .el-button.icon-datepicker .el-input__inner {
  background: #d0d7ff;
}

.dashboard-sales-graph {
  min-height: 380px;
}

.dashboard-col .dash-lead-activity-col .icon-call-1 {
  background: #edfbef;
  line-height: 50px;
  font-size: 20px;
  color: #4cda64;
}

.dashboard-col .dash-lead-activity-col .icon-visit {
  background: #fee9ed;
  line-height: 56px;
  font-size: 25px;
  color: #f42c53;
}

.dashboard-col .dash-lead-activity-col .el-icon-message {
  background: #fafbe0;
  line-height: 46px;
  font-size: 26px;
  color: #feb02b;
}

.dashboard-col .dash-lead-activity-col .el-icon-chat-dot-round {
  background: #e3fbfd;
  line-height: 46px;
  font-size: 28px;
  color: #08b0bc;
}

.dashboard-col .dash-lead-activity-col .icon-activity {
  background: #fee9ed;
  line-height: 54px;
  font-size: 28px;
  color: #f42c53;
}

.dashboard-peformers-table {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__value {
  color: #061838 !important;
  font-weight: 600;
}

.upcoming-activities-inner .call {
  color: #4cda64;
  font-weight: 500;
  font-size: 13px;
}
.upcoming-activities-inner .mail {
  color: #feb02b;
  font-weight: 500;
}
.upcoming-activities-inner .chat {
  color: #08b0bc;
  font-weight: 500;
}
.upcoming-activities-inner .meeting {
  color: #f42c53;
  font-weight: 500;
}
.upcoming-activities-inner .common {
  color: #576bd4;
  font-weight: 500;
}

@media (min-width: 1280px) {
  .dashboard-col.lead-activities .left {
    padding: 30px 0 0 50px;
  }
}
@media (min-width: 1024px) {
  .dashboard-block-bottom.product-funnel {
    height: 450px;
  }
  .dashboard-sales-graph .el-select {
    margin-left: 30px;
  }
  .dashboard-peformers-table {
    height: 302px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .svg-funnel-js.svg-funnel-js--vertical {
    padding: 0 !important;
  }
  .dash-lead-activity-col .inner {
    padding: 32px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lead-activities .left {
    padding: 15px 15px 18px 30px;
  }
  .product-funnel {
    height: 850px;
  }
  .dashboard-col .lead-activities {
    padding-left: 15px;
  }
  .dashboard-users-info {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .dashboard-lead-forcast {
    margin-top: 18px;
  }
  .dashboard-target .right {
    display: flex;
    justify-content: flex-end;
  }
  .top-perform-uer-info {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .lead-activities .left {
    padding: 15px 15px 18px 30px;
  }
  .dash-lead-activity-col .inner {
    padding: 32px 0;
  }
  .product-funnel {
    height: 850px;
  }
  .dashboard-target-main {
    padding: 0;
    position: relative;
    padding: 10px 15px;
  }
  .dashboard-col .lead-activities {
    padding-left: 15px;
  }
  .dashboard-users-info {
    padding-left: 0;
  }
  .dashboard-block.dash-upcoming-calender {
    padding-bottom: 0;
  }
  .dash-top-performers {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .dashboard-col.lead-activities .inner-main {
    margin-top: 0;
  }
  .dashboard-col.lead-activities .inner-main .inner {
    height: auto;
  }
  .dash-lead-activity-col .inner {
    height: 65px;
    padding: 0;
  }
  .dashboard-sales-graph {
    min-height: 350px;
    padding-right: 0;
  }
  .lead-activities .el-carousel__container {
    height: 260px !important;
  }
  .dashboard-block.white {
    margin-top: 5px !important;
  }
  .dashboard-users-info {
    margin-top: 15px;
  }
  .top-perform-uer-info {
    margin-top: 15px;
  }
  .dash-leadactivities-right {
    margin-top: 40px;
  }
  .dash-leadactivities-right .el-carousel__item {
    background: #fff;
    padding: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .dashboard-users-info {
    height: 185px;
  }
  .dashboard-users-info .status-col {
    margin-top: 35px;
  }
  .dashboard-users-info .icon-users {
    margin-top: 20px;
    display: inline-block;
  }
  .dashboard-top-products .bg-white,
.lead-activiteis {
    height: 450px;
  }
  .lead-activities .left {
    padding: 32px 0 0 35px;
  }
  .dash-lead-activity-co .inner {
    padding: 32px 0 0 20px;
  }
  .dash-lead-activity-co h4 {
    font-size: 16px;
  }
}
.dashboard-calender .__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item .is-event {
  width: 28px !important;
  height: 28px;
  margin-left: -14px;
  margin-top: -14px;
}

.dashboard-block-bottom .colum.calender {
  padding: 20px 0 0;
}

@media screen and (min-width: 768px) {
  .dashboard-calender .__vev_calendar-wrapper .cal-wrapper {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .dashboard-calender .__vev_calendar-wrapper .cal-wrapper {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .product-funnel {
    height: 940px;
  }
  .dashboard-block.dash-upcoming-calender {
    margin-top: 10px;
  }
  .dashboard-users-info {
    margin-top: 18px;
  }
}
.dashboard-top-target {
  margin-bottom: 20px;
}
.dashboard-top-target .inner-div {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 30px;
}
.dashboard-top-target .colum-main .el-carousel__item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
}
.dashboard-top-target .colum-main .colum {
  flex: 1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  padding: 15px;
}
.dashboard-top-target .colum-main .colum .head {
  min-height: 50px;
}
.dashboard-top-target .colum-main .colum h4 {
  margin: 0 0 3px;
}
.dashboard-top-target .colum-main .colum h5 {
  margin: 0 0 16px;
  color: rgba(0, 0, 0, 0.6);
}
.dashboard-top-target .colum-main .colum span {
  font-size: 12px;
  color: #7b7b7b;
}
.dashboard-top-target .colum-main .colum:first-child {
  background: #ffe5e6;
}
.dashboard-top-target .colum-main .colum:first-child h4,
.dashboard-top-target .colum-main .colum:first-child .achieved-amt {
  color: #dc6386;
}
.dashboard-top-target .colum-main .colum:nth-child(2) {
  background: #e5f4df;
}
.dashboard-top-target .colum-main .colum:nth-child(2) h4,
.dashboard-top-target .colum-main .colum:nth-child(2) .achieved-amt {
  color: #30ca78;
}
.dashboard-top-target .colum-main .colum:nth-child(3) {
  background: #fff5d9;
}
.dashboard-top-target .colum-main .colum:nth-child(3) h4,
.dashboard-top-target .colum-main .colum:nth-child(3) .achieved-amt {
  color: #ecaa5c;
}
.dashboard-top-target .colum-main .colum:nth-child(4) {
  background: #fbe7fb;
}
.dashboard-top-target .colum-main .colum:nth-child(4) h4,
.dashboard-top-target .colum-main .colum:nth-child(4) .achieved-amt {
  color: #9d65c9;
}
.dashboard-top-target .colum-main .colum:nth-child(5) {
  background: #cefbf5;
  margin-right: 0;
}
.dashboard-top-target .colum-main .colum:nth-child(5) h4,
.dashboard-top-target .colum-main .colum:nth-child(5) .achieved-amt {
  color: #2ec1ac;
}
.dashboard-top-target .colum-main .colum.no-product {
  background: rgba(6, 24, 56, 0.05);
}
.dashboard-top-target .colum-main .colum.no-product img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dashboard-top-target h3 {
  font-size: 18px;
  margin: 2px 0 0;
}
.dashboard-top-target .progress {
  height: 6px;
  margin: 16px 0 6px;
  -webkit-box-shadow: 0 0 0 0px #f1f1f1;
  -moz-box-shadow: 0 0 0 0px #f1f1f1;
  box-shadow: 0 0 0 0px #f1f1f1;
}
.dashboard-top-target .progress .bg-success {
  background-color: #28a745 !important;
}
.dashboard-top-target .section {
  margin-top: 12px;
}
.dashboard-top-target p {
  font-size: 12px;
  word-break: break-word;
}
.dashboard-top-target .el-carousel__arrow--left {
  left: 0;
}
.dashboard-top-target .el-carousel__arrow--right {
  right: 0;
}
.dashboard-top-target .el-carousel__button {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
.dashboard-top-target .el-carousel__indicators--outside button {
  background-color: #576bd4;
}
.dashboard-top-target .el-carousel__indicator--horizontal {
  padding: 26px 6px 0;
}
.dashboard-top-target .el-carousel.one-item .el-carousel__indicators {
  display: none;
}

.dashboard-funal-graph .label__value {
  font-size: 14px !important;
  line-height: 12px !important;
  margin-bottom: 2px !important;
}
.dashboard-funal-graph .label__title {
  font-size: 12px !important;
  color: #1ed6d6 !important;
}
.dashboard-funal-graph .svg-funnel-js__label {
  padding-top: 10px !important;
}
.dashboard-funal-graph .svg-funnel-js__label:not(:first-child) {
  border-top: 1px solid rgba(6, 24, 56, 0.1) !important;
}
.dashboard-funal-graph .label__percentage {
  display: none;
}

@media (min-width: 992px) {
  .dashboard-top-target .colum-main .colum {
    flex: 0 0 19%;
    margin-top: 10px;
  }
  .dashboard-top-target .el-radio-group {
    margin-right: 30px;
  }
  .dashboard-top-target .el-select {
    position: relative;
    top: -6px;
  }
  .dashboard-top-target .el-carousel__container {
    height: 240px !important;
  }
}
@media (max-width: 991px) {
  .dashboard-top-target .el-carousel__container {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .dashboard-top-target .el-radio-group {
    margin-right: 30px;
  }
  .dashboard-top-target .el-select {
    position: relative;
    top: -6px;
  }
  .dashboard-top-target .colum-main .colum {
    margin-right: 1%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dashboard-top-target .colum-main .colum {
    flex: 0 0 49%;
    height: 232px;
  }
  .dashboard-top-target .colum-main .colum:nth-child(6), .dashboard-top-target .colum-main .colum:nth-child(7), .dashboard-top-target .colum-main .colum:nth-child(8), .dashboard-top-target .colum-main .colum:nth-child(9), .dashboard-top-target .colum-main .colum:nth-child(10) {
    display: none;
  }
  .dashboard-top-target .el-carousel__container {
    height: 712px !important;
  }
}
@media (max-width: 767px) {
  .dashboard-top-target .inner-div {
    padding: 15px;
  }
  .dashboard-top-target .colum-main .colum {
    flex: 0 0 48%;
    margin: 0 1%;
  }
  .dashboard-top-target .colum-main .colum:nth-child(6), .dashboard-top-target .colum-main .colum:nth-child(7), .dashboard-top-target .colum-main .colum:nth-child(8), .dashboard-top-target .colum-main .colum:nth-child(9), .dashboard-top-target .colum-main .colum:nth-child(10) {
    display: none;
  }
  .dashboard-top-target .colum-main .colum h4 {
    font-size: 14px;
  }
  .dashboard-top-target .el-carousel__container {
    height: 748px !important;
  }
  .dashboard-top-target .el-carousel .el-carousel__item {
    padding: 0;
  }
  .dashboard-top-target .right-filter {
    margin-top: 15px;
  }
  .dashboard-top-target .el-radio-group {
    width: 100%;
  }
}
.el-select .el-input .el-select__caret.el-input__icon {
  line-height: 34px;
}

@media (max-width: 767px) {
  .dashboard-container-fact .targetBlock .contentBlock,
.dashboard-container-fact .targetBlock .progressbarblock {
    padding: 15px;
  }
}
.dashboard-top-filter .el-select {
  background: #f5f5f5;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  padding: 0 0 0 15px;
  width: 220px !important;
}
.dashboard-top-filter .el-select .el-input__inner {
  border: 0;
  height: 38px !important;
}

header {
  background: #ffffff none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.04);
  display: inline-block !important;
  padding: 10px 15px;
  transition: all 0.5s ease 0s;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header .el-popover {
  padding: 0;
  margin-right: 20px;
}
header .el-alert {
  padding: 12px 10px;
  top: -2px;
}
header .el-alert .el-alert__icon {
  position: relative;
  top: 2px;
}
header .el-alert .el-alert__closebtn {
  top: 14px;
  right: 10px;
}
header .el-alert__content {
  padding: 0 30px 0 8px;
}

.header-top-icons {
  margin-top: 3px;
}
.header-top-icons .icon {
  font-size: 15px;
}
.header-top-icons .el-button {
  padding: 0 !important;
  border: 0;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.header-top-icons .el-button.icon-logout {
  color: #fff;
  background: #e53935;
  font-size: 14px;
  padding-left: 2px !important;
}
.header-top-icons .el-button.icon-key {
  color: #fff;
  background: #FF9100;
  font-size: 14px;
}
.header-top-icons .el-button.border {
  border: 1px solid #e2e2e2;
}

.header .el-popover {
  padding: 0;
  margin-right: 20px;
}

.quick-add-btn {
  position: relative;
  display: inline-block;
}

.quick-add {
  background: #fff;
  position: absolute;
  width: 380px;
  right: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 12px;
  box-shadow: 0px 0px 15px 0 #e8e8e8;
  -webkit-box-shadow: 0px 0px 15px 0 #e8e8e8;
  top: 50px;
}
.quick-add a {
  color: #000;
  display: block;
  padding: 12px 0;
  border: 1px solid #e6e6e6;
  width: 110px;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.quick-add li {
  display: inline-block;
  margin: 0 6px 10px 0;
}
.quick-add li span {
  display: block;
  color: #ed273f;
}

.head-notification {
  position: relative;
  display: inline-block;
}
.head-notification .el-badge__content {
  min-width: 24px;
  height: 24px;
  padding: 0;
  border: 4px solid #fff;
  top: 2px !important;
  right: 14px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 9px;
  line-height: 16px;
}

.notification-signal {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -6px;
  width: 18px;
  height: 18px;
  background: red;
  border: 5px solid #fff;
  right: -3px;
  z-index: 1;
}

.blink {
  animation: blink 1s linear infinite;
}

.notification-div {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  z-index: 3;
}
.notification-div li {
  position: relative;
  height: 50px;
  margin-top: 15px;
}
.notification-div li span {
  position: absolute;
  top: -12px;
  right: 13px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #3cb6f1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  font-size: 9px;
  line-height: 20px;
}
.notification-div li p {
  color: #a7a7a7;
  font-size: 10px;
  margin: 0;
}
.notification-div .head {
  padding: 15px;
  border-bottom: 1px solid #e8e8e8;
}
.notification-div .head a {
  font-size: 11px;
  margin-top: -14px;
}
.notification-div .head .icon {
  position: relative;
  top: 4px;
  font-size: 16px;
}
.notification-div .head .notification-signal {
  width: 8px;
  height: 8px;
  top: -5px;
  background: #3cb6f1;
  border: 0;
  right: -5px;
  min-width: 8px;
}
.notification-div .head .count {
  float: right;
  color: #fff;
  background: rgba(237, 39, 63, 0.65);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  min-width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  margin-top: -20px;
}
.notification-div .icon {
  font-size: 18px;
}
.notification-div ul {
  background: #f7f7f7;
  padding-top: 10px;
}
.notification-div .see-all {
  background: #f7f7f7;
  padding: 15px;
  font-size: 11px;
  font-weight: 600;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.notification-div .icon {
  position: relative;
  top: 4px;
  font-size: 16px;
}

.notification-item {
  margin-top: 12px;
  padding: 0;
}
.notification-item .time {
  font-size: 0.75rem;
  padding-left: 5px;
}
.notification-item p {
  font-size: 11px;
  color: #8e8e8e;
  line-height: 16px;
}
.notification-item .image {
  padding-left: 15px;
  position: relative;
  width: 36px;
}
.notification-item .image span {
  width: 36px;
  height: 36px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
}
.notification-item .image .msg-count {
  position: absolute;
  bottom: -4px;
  right: -8px;
  width: 22px;
  height: 22px;
  background: #3cb6f1;
  color: #fff;
  font-size: 9px;
  line-height: 17px;
  font-style: normal;
  border: 3px solid #fff;
}
.notification-item .image .el-image {
  height: 36px;
  width: 36px;
}
.notification-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
}
.notification-item .content {
  position: relative;
  width: calc(100% - 55px);
  left: 15px;
  margin-left: 15px;
}

.notification-signal {
  position: absolute;
  top: -9px;
  min-width: 24px;
  height: 24px;
  background: #F56C6C;
  border: 4px solid #fff;
  right: -12px;
  z-index: 1;
  color: #fff;
  font-size: 9px;
  line-height: 16px;
  font-family: "Ubuntu", sans-serif;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .top-welcome-text {
    padding-left: 5%;
    margin: 0;
  }
  .top-welcome-text.welcome-menu-pinned {
    padding-left: 22%;
  }
}
@media (min-width: 992px) {
  header .el-alert {
    display: inline;
    margin-right: 15px;
  }
}
.side-nav {
  position: fixed;
  left: 0;
  padding: 0;
  z-index: 11;
  top: 0;
  bottom: 0;
  background: #061838;
  height: 100%;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.side-nav a {
  position: relative;
  color: #fff;
}
.side-nav .ps {
  height: calc(100% - 80px);
}
.side-nav .ps__rail-x {
  display: none !important;
}

.left-nav {
  background: #061838;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.left-nav .ico {
  float: right;
  margin: 11px 10px 0 0;
  font-size: 11px;
}

.nav-icon {
  padding-left: 0;
  width: 35px;
  display: inline-block;
  position: relative;
}
.nav-icon .icon-user {
  font-size: 14px;
}
.nav-icon.icon-target {
  font-size: 16px;
}
.nav-icon.icon-cart {
  font-size: 18px;
}
.nav-icon.icon-collection-target {
  font-size: 17px;
  top: 3px;
}
.nav-icon.icon-dealer {
  font-size: 16px;
}
.nav-icon.icon-stock {
  font-size: 18px;
}
.nav-icon.icon-product {
  font-size: 17px;
}
.nav-icon.icon-route {
  font-size: 20px;
}
.nav-icon.icon-battery {
  font-size: 17px;
}
.nav-icon.icon-attendance {
  font-size: 16px;
}
.nav-icon.icon-activity {
  font-size: 22px;
  left: -2px;
}
.nav-icon.icon-placeholder {
  font-size: 16px;
}
.nav-icon.icon-settings {
  font-size: 18px;
}
.nav-icon.icon-leave {
  font-size: 17px;
}
.nav-icon.icon-expense2 {
  font-size: 17px;
}
.nav-icon.invoice {
  font-size: 17px;
}
.nav-icon.icon-service {
  font-size: 15px;
}
.nav-icon.icon-warranty {
  font-size: 18px;
}
.nav-icon.icon-feedback {
  font-size: 15px;
}
.nav-icon.icon-return {
  font-size: 14px;
}
.nav-icon.icon-collection-book {
  font-size: 17px;
}
.nav-icon.icon-receipt {
  font-size: 16px;
}
.nav-icon.icon-cancel-receipt {
  font-size: 16px;
}
.nav-icon.icon-aging-report {
  font-size: 16px;
}
.nav-icon.icon-customer {
  font-size: 16px;
}
.nav-icon.icon-wallet {
  font-size: 16px;
}
.nav-icon.icon-money-bag {
  font-size: 18px;
}
.nav-icon.icon-dealer1 {
  font-size: 15px;
}
.nav-icon.icon-dashboard {
  font-size: 14px;
}
.nav-icon.icon-shop {
  font-size: 18px;
}
.nav-icon.icon-calculator-1 {
  font-size: 15px;
  top: 3px;
}
.nav-icon.icon-report {
  font-size: 17px;
  top: 4px;
}
.nav-icon.icon-module {
  font-size: 14px;
  top: 3px;
}
.nav-icon.icon-bill {
  font-size: 17px;
  top: 4px;
}
.nav-icon.icon-dashboard-icon-order {
  font-size: 20px;
  top: 4px;
}
.nav-icon.icon-settings1 {
  font-size: 17px;
  top: 3px;
}
.nav-icon.icon-id-card {
  font-size: 17px;
  top: 4px;
}
.nav-icon.icon-master-set {
  font-size: 17px;
  top: 4px;
}
.nav-icon.icon-complaint {
  font-size: 18px;
  top: 4px;
}
.nav-icon.icon-enquiry1 {
  font-size: 18px;
  top: 3px;
}
.nav-icon.icon-message {
  font-size: 19px;
  top: 5px;
}
.nav-icon.icon-visit {
  font-size: 17px;
  top: 4px;
}
.nav-icon.icon-lead {
  font-size: 18px;
  top: 4px;
}
.nav-icon.icon-sales {
  font-size: 20px;
  top: 5px;
}
.nav-icon.el-icon-document {
  font-size: 18px;
  top: 3px;
}
.nav-icon.icon-drilldown {
  font-size: 15px;
  top: 3px;
}
.nav-icon.icon-mail {
  font-size: 15px;
  top: 3px;
}
.nav-icon.icon-route {
  top: 5px;
}
.nav-icon.icon-ledger {
  font-size: 18px;
  top: 4px;
}

.icon-user.nav-icon,
.icon-target.nav-icon,
.icon-stock.nav-icon,
.icon-product.nav-icon,
.icon-battery.nav-icon,
.icon-attendance.nav-icon,
.icon-placeholder.nav-icon,
.icon-leave.nav-icon,
.icon-service.nav-icon,
.icon-feedback.nav-icon,
.icon-cancel-receipt.nav-icon,
.icon-collection-book.nav-icon,
.icon-customer.nav-icon,
.icon-wallet.nav-icon,
.icon-dealer1.nav-icon,
.icon-dashboard.nav-icon {
  top: 3px;
}

.icon-cart.nav-icon,
.icon-activity.nav-icon,
.icon-settings.nav-icon,
.icon-expense1.nav-icon,
.icon-warranty.nav-icon,
.icon-receipt.nav-icon,
.icon-money-bag.nav-icon,
.icon-shop.nav-icon,
.icon-report.nav-icon {
  top: 4px;
}

.icon-dealer.nav-icon,
.invoice.nav-icon,
.icon-return.nav-icon,
.icon-aging-report.nav-icon {
  top: 2px;
}

.navi li a:before, .navi li a:after {
  content: "";
  position: absolute;
  background: #3d6dc1;
  top: 13px;
  left: 17px;
}
.navi .active a .nav-icon {
  color: #ed273f;
}

.nav-submenu {
  max-height: 0;
  transition: max-height 0.4s ease-out;
  overflow: hidden;
  padding-left: 40px;
}
.nav-submenu li:last-child a:after {
  background: none;
}
.nav-submenu li a:before, .nav-submenu li a:after {
  content: "";
  position: absolute;
  background: #3d6dc1;
}
.nav-submenu li a:before {
  width: 9px;
  height: 1px;
}
.nav-submenu li a:after {
  width: 1px;
  height: 27px;
}

@media (min-width: 992px) {
  .navi a {
    font-size: 12px;
    padding: 0;
    display: inline-block;
    width: 100%;
    line-height: 30px;
    color: #fff;
    white-space: nowrap;
    padding-left: 18px;
  }
  .navi li.active {
    background: none !important;
  }
  .left-nav {
    padding-top: 5px;
    background: #061838;
    margin-top: 13px;
    height: 100%;
  }
  .navi li:hover > a {
    background: #09224e;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
  }
  .sidebar.width-0 {
    width: 0;
  }
  .side-nav {
    width: 54px;
  }
}
@media (max-width: 991px) {
  .nav-icon {
    display: inline-block;
    width: 25px;
  }
  .left-nav li {
    padding: 0;
    border-bottom: 1px solid #0f1f44;
  }
  .menu-close {
    position: absolute;
    background: #ed273f;
    color: #fff;
    right: -45px;
    width: 45px;
    height: 45px;
    top: 0;
    text-align: center;
    line-height: 40px !important;
  }
  .left-nav li.active {
    background: #09224e !important;
  }
  .navi li .nav-submenu a {
    font-size: 12px;
  }
  .nav-submenu {
    padding-left: 30px;
  }
  .nav-submenu li a :before {
    left: -10px;
    top: 21px;
  }
  .nav-submenu li:after {
    height: 44px;
    left: -11px;
    top: 21px;
  }
  .nav-sub-arrow {
    display: block !important;
  }
}
.logo {
  padding-top: 12px;
  text-align: center;
  height: 60px;
}

.left-nav .logo {
  height: 50px;
}

.nav-ul .active {
  background: none !important;
}
.nav-ul li.height .nav-submenu {
  max-height: 2000px;
  transition: max-height 0.4s ease-in;
}
.nav-ul li.height .nav-submenu a {
  font-size: 11px;
  display: inline-block;
  width: 100%;
  word-break: break-word;
}
.nav-ul li.height .nav-submenu a.active, .nav-ul li.height .nav-submenu a:hover {
  color: #3d6dc1;
  background: none !important;
}

.side-nav.width .logo-small,
.side-nav.width-menu .logo-small {
  width: 0;
  opacity: 0;
}

.side-nav.width .logo-large,
.side-nav.width-menu .logo-large {
  width: 170px;
  opacity: 1;
}

.side-nav .logo-large {
  width: 0;
  opacity: 0;
}

.logo-large {
  position: absolute;
  left: 15px;
}

.logo img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.menu-pin {
  color: #fff;
  position: absolute;
  right: 15px;
  top: 20px;
  font-size: 18px;
  transform: rotate(85deg);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  cursor: pointer;
}

.side-nav.width .menu-pin,
.side-nav.width-menu .menu-pin {
  opacity: 10;
}

.side-nav.width-menu .menu-pin {
  color: red;
}

.icon-menu {
  font-size: 24px;
  text-align: center;
  display: inline-block;
  height: 45px;
  line-height: 51px;
  background: #061838;
  color: #fff;
  width: 50px;
  margin: 15px 0 20px 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.nav-sub-arrow {
  margin: 10px;
  position: absolute;
  right: 0;
  font-size: 11px;
}

@media (min-width: 991px) and (max-width: 1279px) {
  .menu-pin {
    top: 19px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .nav-sub-arrow {
    top: 12px;
  }
  .side-nav.mobile-width .logo-small {
    width: 0;
    opacity: 0;
  }
  .side-nav.mobile-width .logo-large {
    width: 170px;
    opacity: 1;
  }
  .menu-pin {
    display: none;
  }
}
@media (min-width: 1280px) {
  .side-nav.width-menu, .side-nav.width {
    width: 18%;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
  }
  .main.main-menu-pinned {
    width: 78%;
    margin-left: 20%;
  }
  .main.all-menu-pinned {
    width: 62%;
    margin-left: 20%;
  }
  .top-welcome-text.welcome-menu-pinned {
    padding-left: 19%;
  }
}
@media (min-width: 1024px) {
  .navi li a:before, .navi li a:after {
    content: "";
    position: absolute;
    background: #3d6dc1;
    top: 13px;
    left: 17px;
  }
  .navi li .nav-submenu a {
    line-height: 26px;
    font-size: 11px;
    padding-left: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .side-nav.width-menu, .side-nav.width {
    width: 20%;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
  }
  .side-nav .logo-large {
    width: 140px;
  }
}
@media (max-width: 991px) {
  .navi a {
    padding: 15px 12px;
    width: 100%;
    display: inline-block;
  }
  .nav-sub-arrow {
    display: block !important;
  }
  .nav-submenu li a:after {
    height: 100%;
  }
  .nav-submenu li a:before, .nav-submenu li a:after {
    top: 22px;
    left: 0;
  }
  .side-nav {
    width: 300px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .main.main-menu-pinned {
    width: 76%;
    margin-left: 22%;
  }
  .main.all-menu-pinned {
    width: 51%;
  }
}
.user-main .deactive {
  color: #ccc;
}
.user-main .user-overview {
  margin-right: 0;
}
.user-main .user-overview > div {
  padding: 0 0 0 15px;
}
.user-main .user-overview .inner {
  padding: 15px 0;
  background: #fff;
  border-radius: 6px;
}
.user-main .top-info-col h4 {
  font-size: 12px;
  margin: 0 0 5px;
}
.user-main .top-info-col span {
  color: #1565C0;
  font-size: 18px;
  font-weight: 700;
}
.user-main .top-info-col .inner {
  border-radius: 4px;
  padding: 15px;
  background: #fff;
}
.user-main .top-info-col .inner h4 {
  margin: 0 0 3px;
  font-size: 15px;
}
.user-main .user-filter {
  padding: 15px;
}
.user-main .user-filter p {
  float: left;
  width: auto;
  margin-right: 20px;
}
.user-main .user-filter p::last-child {
  margin-right: 0;
}
.user-main .user-filter .el-radio {
  font-weight: 300;
}
.user-main .avtar-user {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.user-main .avtar-user-name {
  margin: 0;
}
.user-main .avtar-user img {
  width: 34px;
  height: 34px;
  position: relative;
}
.user-main .user-list .user-status {
  top: 0;
  right: -1px;
  border-width: 2px;
}
.user-main .filter-div .el-checkbox__label {
  color: #fff !important;
}
.user-main .filter-div .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #fff !important;
}

.user-table .avtar-user {
  width: 34px;
  height: 34px;
}
.user-table .executive-name {
  width: calc(100% - 60px);
  padding: 5px 0 0 15px;
}

.filter-div.userPage {
  width: 350px !important;
  right: -350px;
}

.overview-board-1,
.overview-board-total {
  background: #c1bdff;
}
.overview-board-1 span,
.overview-board-total span {
  color: #6965a5 !important;
}

.overview-board-2 {
  background: #fbcbe6;
}
.overview-board-2 span {
  color: #f757b1 !important;
}

.overview-board-3 {
  background: #9af49c;
}
.overview-board-3 span {
  color: #3daf5b !important;
}

.overview-board-4,
.overview-board-online {
  background: #9debf7;
}
.overview-board-4 span,
.overview-board-online span {
  color: #2daabd !important;
}

.overview-board-5,
.overview-board-offline {
  background: #f7fe92;
}
.overview-board-5 span,
.overview-board-offline span {
  color: #d2a320 !important;
}

.user-list-dropdown a {
  color: #000;
}
.user-list-dropdown .custom-icon {
  margin-right: 10px;
}

.user-details-team .main-ul {
  padding-right: 20px;
  margin: 0;
}
.user-details-team .main-ul .first-sub {
  position: relative;
  padding-left: 40px;
}
.user-details-team .main-ul .first-sub:before {
  content: "";
  background: #659cfd;
  width: 1px;
  position: absolute;
  left: 0;
  height: 100%;
}
.user-details-team .main-ul .first-sub ul {
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 12px 15px;
  margin: 8px 0 0;
  position: relative;
}
.user-details-team .main-ul .first-sub ul:before {
  content: "";
  background: #659cfd;
  height: 1px;
  width: 40px;
  position: absolute;
  left: -40px;
  top: 50%;
}
.user-details-team .main-ul .first-sub .sub {
  border: 1px solid #659cfd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 12px 15px;
  margin-top: 8px;
  position: relative;
  background: tint(#061838, 10%);
  color: #061838;
}
.user-details-team .main-ul .first-sub .sub:before {
  content: "";
  background: #659cfd;
  height: 1px;
  width: 40px;
  position: absolute;
  left: -40px;
  top: 50%;
}
.user-details-team .main-ul .first-sub .sub li ul {
  margin-left: 20px;
  background: #fff;
}
.user-details-team .main-ul .first-sub .sub li ul:before {
  content: "";
  background: #fff;
  width: 0;
  position: absolute;
  left: -40px;
  top: 0;
  height: 100%;
}
.user-details-team .main-ul .first-name {
  font-weight: 600;
  background: #3977e5;
  color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 12px 15px;
  margin-top: 8px;
  position: relative;
}
.user-details-team .main-ul .first-name:before {
  content: "";
  background: #659cfd;
  height: 1px;
  width: 40px;
  position: absolute;
  left: -40px;
  top: 50%;
}

.user-change-password-popup .alert-warning {
  font-size: 12px;
  word-break: break-word;
  padding: 8px;
  line-height: 1.4;
}

@media (min-width: 600px) {
  .user-main .user-overview {
    display: flex;
  }
  .user-main .user-overview > div {
    flex: 1;
  }
}
@media (max-width: 599px) {
  .user-main .user-overview > div {
    width: 33.333%;
    float: left;
    padding: 0 15px;
  }
}
.user-detail-top-main {
  border-radius: 10px 10px 0 0;
  background: #fff;
  float: left;
  width: 100%;
  padding: 25px 0 0;
  min-height: 130px;
}

.user-detail-top.top-right h3 {
  color: #ed273f;
}
.user-detail-top .avtar-user {
  width: 80px;
  height: 80px;
}
.user-detail-top .avtar-user img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.user-detail-top-col {
  margin-bottom: 20px;
}
.user-detail-top-col .block {
  display: block;
  margin-bottom: 8px;
}
.user-detail-top-col i {
  font-style: normal;
}
.user-detail-top-col span.left {
  float: left;
  padding-right: 10px;
  color: #7b7b7b;
}
.user-detail-top-col span.right {
  color: #061838;
  font-weight: 600;
  user-select: all;
}

.user-detail-top {
  float: left;
  width: 100%;
}

.adduser-select-type .el-radio-group {
  margin-top: 18px;
}

@media (min-width: 1280px) {
  .user-detail-top-col.first span.left {
    width: 140px;
  }
  .user-detail-top-col.second span.left {
    width: 140px;
  }
  .user-detail-top-col.third span.left {
    width: 140px;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .user-detail-top-col {
    width: 50%;
    margin-bottom: 20px;
  }
  .user-detail-top-col.first span.left, .user-detail-top-col.second span.left, .user-detail-top-col.third span.left {
    width: 125px;
  }
}
@media (min-width: 992px) {
  .dashboard-row {
    display: flex;
  }
  .dashboard-target-col {
    flex: 1;
  }
  .user-details-team {
    margin-bottom: 30px;
  }
  .user-details-team .ps {
    max-height: 200px;
  }
  .user-detail-top.top-left {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .user-detail-top-col {
    width: 100%;
  }
  .user-detail-top-col h4 {
    margin-top: 0;
  }
  .user-detail-top-col.first span.left, .user-detail-top-col.second span.left, .user-detail-top-col.third span.left {
    width: 125px;
  }
  .user-detail-top .back {
    display: none;
  }
  .user-details-team .ps {
    max-height: 350px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dashboard-target-col {
    width: 33.3%;
    padding: 0 6px;
    float: left;
  }
}
@media (min-width: 768px) {
  .user-detail-info .user-detail-top-col {
    float: left;
    padding-right: 45px;
  }
  .user-detail-info .user-detail-top-col span {
    padding-left: 0;
  }
  .user-detail-info .user-detail-top-col span.left {
    float: left;
    padding-right: 10px;
    color: #7b7b7b;
  }
  .user-detail-info .user-detail-top-col i {
    font-style: normal;
  }
}
@media (max-width: 767px) {
  .user-details-main .user-history {
    padding: 15px !important;
  }
  .user-details-main .perforamce-report {
    padding: 0;
  }
  .user-details-main .perforamce-report .right .filter {
    padding: 0;
    right: 0;
    margin-bottom: 10px;
  }
  .user-details-main .block_title {
    width: 100%;
  }
  .user-details-main .graphWrapper {
    margin: 0 -20px;
  }
}
@media (max-width: 600px) {
  .user-detail-top-col.first span.left, .user-detail-top-col.second span.left, .user-detail-top-col.third span.left {
    width: 100%;
    margin-bottom: 5px;
  }
  .user-detail-top-col i {
    display: none;
  }
  .user-detail-top-col .block {
    margin-bottom: 12px;
  }
}
@media (min-width: 1024px) {
  .user-detail-top .content {
    width: calc(100% - 80px);
    padding-left: 24px;
  }
  .user-detail-info.assigned-users .user-detail-top-col {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
}
.user-list-overview-slide {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.user-list-overview-slide .top-info-col {
  flex: 0 0 10%;
  height: 100%;
  position: relative;
  padding: 12px 0 10px;
}
.user-list-overview-slide .top-info-col:after {
  content: "";
  height: 24px;
  width: 1px;
  background: #ececec;
  position: absolute;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.user-list-overview-slide .top-info-col:nth-child(10n+0) {
  border-right: 0;
}
.user-list-overview-slide .top-info-col:nth-child(10n+0):after {
  width: 0;
}
.user-list-overview-slide .top-info-col h4 {
  color: #7b7b7b;
}

.user-detail-top-filter {
  border-bottom: 1px solid #ececec;
  padding-bottom: 15px;
}
.user-detail-top-filter .el-select {
  background: #f5f5f5;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  padding: 0 0 0 15px;
  width: 220px !important;
}
.user-detail-top-filter .el-select .el-input__inner {
  border: 0;
  height: 38px !important;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .user-list-overview-slide .top-info-col {
    flex: 0 0 12%;
  }
  .user-list-overview-slide .top-info-col:nth-child(8n+0):after {
    width: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .user-list-overview-slide .top-info-col {
    flex: 0 0 16%;
  }
  .user-list-overview-slide .top-info-col:nth-child(6n+0):after {
    width: 0;
  }
}
@media (max-width: 767px) {
  .user-list-overview-slide .top-info-col {
    flex: 0 0 33%;
  }
  .user-list-overview-slide .top-info-col:nth-child(3n+0):after {
    width: 0;
  }
}
.user-details-main .data-bg {
  min-height: 10px;
}
.user-details-main .perforamce-report .right .el-tabs__content {
  background: #fff;
  border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  padding: 20px 20px 15px;
}
.user-details-main .perforamce-report .right .el-tabs__nav-wrap:after {
  background: #b4def4;
  height: 3px;
}
.user-details-main .perforamce-report .right .el-tabs__active-bar {
  background: #40cbe8;
}
.user-details-main .perforamce-report .right .el-tabs__item.is-active {
  color: #061838;
}
.user-details-main .perforamce-report .right .el-tabs__item {
  color: #8099ad;
  font-size: 13px;
}
.user-details-main .perforamce-report .right .el-tabs__header {
  margin: 0;
}
.user-details-main .perforamce-report .right .el-tabs__item.is-active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #40cbe8;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: auto;
}
.user-details-main .perforamce-report .info-col {
  padding: 0 10px 0 0;
}
.user-details-main .perforamce-report .row-col {
  display: flex;
  flex-wrap: wrap;
}
.user-details-main .el-select.user .el-input__inner {
  border: 0;
}
.user-details-main .el-select.user.month {
  width: 120px;
}
.user-details-main .el-select.user.year {
  width: 90px;
}
.user-details-main .user-top-ustomers .el-carousel__item {
  background-color: #fff !important;
}
.user-details-main .user-top-ustomers .el-carousel__button {
  background: #fff;
  border: 1px solid #a2a2a2;
  height: 12px;
  width: 12px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  opacity: 1;
}
.user-details-main .user-top-ustomers .el-carousel__indicator.is-active button {
  background: #a2a2a2;
}
.user-details-main .user-top-ustomers .el-carousel__indicators--horizontal {
  text-align: left;
  width: calc(100% - 80px);
  float: right;
}
.user-details-main .user-history-row {
  color: #a1a1a1;
  border-left: 2px solid #cbe4eb;
  padding: 0 0 12px 20px;
  margin-top: 12px;
  position: relative;
  left: 5px;
}
.user-details-main .user-history-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  border: 3px solid #33a0e5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 12px;
  height: 12px;
  left: -6.5px;
  top: 0;
}
.user-details-main .user-history-row .title {
  font-weight: 600;
  color: #061838;
  font-size: 13px;
}
.user-details-main .info {
  color: #061838;
}
.user-details-main .name .designation {
  color: #44c0fd;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}
.user-details-main .contact-source {
  margin: 5px 20px 0 0;
}
.user-details-main .contact-source i {
  position: relative;
  top: 3px;
}
.user-details-main .last-login {
  color: #7b7b7b;
  font-size: 12px;
}
.user-details-main .top-right p {
  color: #7b7b7b;
  font-size: 12px;
}
.user-details-main .top-right h3 {
  color: #ed273f;
  font-size: 18px;
  margin: 3px 0 0;
}
.user-details-main .top-right h5 {
  font-weight: 600;
}
.user-details-main .top-right .col {
  flex: 1;
  margin-top: 26px;
}
.user-details-main .perforamce-report .el-input__inner {
  color: #fff !important;
}
.user-details-main .perforamce-report .el-select .el-input .el-select__caret {
  color: #fff;
}
.user-details-main .perforamce-report .inner {
  background: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 20px;
  height: 100%;
}
.user-details-main .perforamce-report .inner p {
  word-break: break-word;
}
.user-details-main .perforamce-report .target h5 {
  color: #e33455;
}
.user-details-main .perforamce-report .achieved h5 {
  color: #2abb78;
}
.user-details-main .perforamce-report .collection h5 {
  color: #3985c3;
}
.user-details-main .perforamce-report .info-col {
  margin-bottom: 10px;
  padding: 0 10px 0 0;
  flex: 1;
}
.user-details-main .perforamce-report .title {
  color: #fff;
  word-break: break-word;
}
.user-details-main .perforamce-report .right {
  background: #d2ebff;
  padding: 10px 25px 25px 25px;
  border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  height: auto;
  padding: 10px 15px 15px;
}
.user-details-main .perforamce-report .right .status-col {
  background: #fff;
  flex: 1;
  float: left;
  width: 100%;
}
.user-details-main .perforamce-report .right .status-col .icon {
  width: 30px;
  font-size: 30px;
}
.user-details-main .perforamce-report .right .status-col .text {
  width: calc(100% - 50px);
  padding: 3px 0 0 5px;
}
.user-details-main .perforamce-report .right .status-col .text h5 {
  color: #e56dad;
}
.user-details-main .perforamce-report .right .status-col .text p {
  font-size: 10px;
  color: #7b7b7b;
}
.user-details-main .perforamce-report .right .status-col .text p i {
  font-size: 12px;
  position: relative;
  top: 1px;
}
.user-details-main .perforamce-report .right .status-col .text p i.el-icon-caret-top {
  color: #02d286;
}
.user-details-main .perforamce-report .right .status-col .text p i.el-icon-caret-bottom {
  color: #e63257;
}
.user-details-main .perforamce-report .right .status-col.order .icon {
  font-size: 30px;
}
.user-details-main .perforamce-report .right .status-col.collection .icon {
  font-size: 33px;
}
.user-details-main .perforamce-report .right .status-col.team .icon {
  font-size: 33px;
  margin-top: -3px;
}
.user-details-main .perforamce-report .right .el-input__inner,
.user-details-main .perforamce-report .right .el-select__caret {
  color: #666 !important;
}
.user-details-main .perforamce-report .left {
  background: #e56dad;
  padding: 10px 15px 25px 25px;
  border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  height: auto;
}
.user-details-main .user-top-ustomers .image {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #ccc;
}
.user-details-main .user-top-ustomers .content {
  width: calc(100% - 70px);
  padding-left: 15px;
}
.user-details-main .user-top-ustomers .content h6 {
  font-size: 14px;
  color: #061838;
  font-weight: 600;
}
.user-details-main .user-top-ustomers .content .total {
  color: #ed273f;
}
.user-details-main .user-top-ustomers .content .address {
  color: #7b7b7b;
  margin: 5px 0;
}
.user-details-main .top-left .col {
  margin-top: 26px;
}
.user-details-main .top-left .profile-img {
  width: 80px;
  height: 80px;
}
.user-details-main .top-left .content {
  width: calc(100% - 80px);
}
.user-details-main .data-bg.performance {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.user-details-main .data-bg.performance .el-tabs__header {
  margin-bottom: 0;
}
.user-details-main .data-bg.performance .user-history .el-tabs__content {
  background: #fff;
  padding: 20px;
}
.user-details-main .user-history-row .date {
  font-size: 12px;
}
.user-details-main .user-history-row .details {
  background: #f5f9f8;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 10px;
}
.user-details-main .user-history-row .details p {
  color: #061838;
  font-size: 13px;
  margin-top: 2px;
}
.user-details-main .user-history-row .details span {
  color: #329fe2;
  font-size: 12px;
}
.user-details-main .user-history-row .details span.in {
  color: #06c855;
}
.user-details-main .user-history-row .details span.out {
  color: #f2136c;
}
.user-details-main .user-history {
  background: #d1eafe;
  padding: 20px 30px 30px;
}
.user-details-main .user-history .el-tabs__nav-wrap:after {
  background: #b9dde9;
  height: 3px;
}
.user-details-main .user-history .el-tabs__active-bar {
  height: 3px;
}
.user-details-main .user-history .el-tabs__item {
  color: #92aec4;
}
.user-details-main .user-history .el-tabs__item.is-active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #329fe2;
  position: absolute;
  bottom: 2px;
  left: 30px;
}
.user-details-main .user-top-customers .el-tabs__item.is-active,
.user-details-main .user-top-customers .el-tabs__item:hover {
  color: #ed273f;
}
.user-details-main .user-top-customers .el-tabs__content {
  padding: 20px 0;
}
.user-details-main .user-top-customers .el-tabs__nav-wrap:after {
  background: #f4f6f5;
  height: 3px;
}
.user-details-main .user-top-customers .el-tabs__active-bar {
  height: 3px;
  background: #ed273f;
}
.user-details-main .user-top-customers .el-tabs__item {
  color: #a1a1a1;
}
.user-details-main .graph-color-circles span {
  width: 14px;
  height: 14px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.user-details-main .user-performance-graph .graph-color-circles .target span {
  background: #cee1df;
}
.user-details-main .user-performance-graph .graph-color-circles .achieved span {
  background: #5ed4f8;
}
.user-details-main .user-performance-graph .graph-color-circles div {
  margin-left: 62px;
}
.user-details-main .el-select.month {
  width: 120px;
}
.user-details-main .el-select.year, .user-details-main .el-select.all {
  width: 65px;
}
.user-details-main .el-select .el-input__icon {
  line-height: 32px;
}
.user-details-main .el-input__inner {
  border: 0;
  color: #666 !important;
}
.user-details-main .block_title {
  font-size: 18px;
}

.user-top-ustomers .el-carousel .el-carousel__item {
  padding: 0;
}

@media (min-width: 768px) {
  .user-details-main .top-right,
.user-details-main .status-main {
    display: flex;
  }
  .user-details-main .top-right .col {
    flex: 1;
    margin-top: 26px;
  }
  .user-details-main .top-left .profile-img {
    width: 75px;
    height: 75px;
  }
  .user-details-main .top-left .content {
    width: calc(100% - 75px);
  }
  .user-details-main .perforamce-report .right .status-col {
    flex: 1;
  }
  .user-details-main .perforamce-report .left,
.user-details-main .perforamce-report .right {
    height: 165px;
  }
}
@media (max-width: 767px) {
  .user-details-main .top-left .profile-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
  }
  .user-details-main .top-left .profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .user-details-main .top-left .content {
    width: calc(100% - 50px);
  }
  .user-details-main .top-right .col {
    margin-top: 15px;
  }
  .user-details-main .perforamce-report {
    margin-bottom: 20px;
  }
  .user-details-main .perforamce-report .info-col {
    margin-bottom: 10px;
    flex: 0 0 100%;
  }
  .user-details-main .perforamce-report .right {
    padding: 10px 15px 15px;
  }
  .user-details-main .perforamce-report .right .status-col {
    float: left;
    width: 100%;
    margin-bottom: 12px;
  }
  .user-top-ustomers .el-carousel__container {
    height: 130px !important;
  }
}
@media (min-width: 1024px) {
  .user-details-main .top-left .content {
    border-right: 1px solid #eee;
  }
}
@media (min-width: 1280px) {
  .user-details-main .top-left .content {
    border-right: 1px solid #eee;
  }
}
@media (min-width: 768px) {
  .user-details-main .top-right,
.user-details-main .status-main {
    display: flex;
  }
}
@media (min-width: 1280px) {
  .user-details-main .top-left .content {
    border-right: 1px solid #eee;
  }
  .user-details-main .user-detail-top.top-left {
    padding-right: 0;
  }
  .user-details-main .top-right {
    padding-left: 40px;
  }
  .user-details-main .user-history {
    height: 600px;
  }
  .user-details-main .data-bg.performance .user-history .el-tabs__content {
    height: 510px;
  }
}
.collection-main .total-count {
  width: auto;
  margin-right: 20px;
  margin-top: 10px;
}
.collection-main .total-count div {
  font-size: 16px;
}
.collection-main .drawer-div .popup-scroll .icon-input:nth-child(3n+1) {
  clear: left;
}

.update-collection-drawer .colum-style-cover {
  padding-left: 60px;
}

.import-collection p {
  line-height: 22px;
  font-size: 13px;
}

/** Stage style **/
.stage {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  min-width: 50px;
  height: 20px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  padding: 0 6px;
}
.stage.new {
  background: rgba(255, 114, 59, 0.2);
  color: rgb(255, 114, 59);
  border: 1px solid rgba(255, 114, 59, 0.3);
}
.stage.proposal {
  background: rgba(102, 51, 204, 0.2);
  color: rgb(102, 51, 204);
  border: 1px solid rgba(102, 51, 204, 0.3);
}
.stage.completed {
  background: rgba(88, 197, 34, 0.2);
  color: rgb(88, 197, 34);
  border: 1px solid rgba(88, 197, 34, 0.3);
}
.stage.failed {
  background: rgba(246, 41, 94, 0.2);
  color: rgb(246, 41, 94);
  border: 1px solid rgba(246, 41, 94, 0.3);
}
.stage.inprogress {
  background: rgba(23, 128, 225, 0.2);
  color: rgb(23, 128, 225);
  border: 1px solid rgba(23, 128, 225, 0.3);
}
.stage.invoice-sent {
  background: rgba(182, 24, 185, 0.2);
  color: rgb(182, 24, 185);
  border: 1px solid rgba(182, 24, 185, 0.3);
}
.stage.followup {
  background: rgba(0, 148, 217, 0.2);
  color: rgb(0, 148, 217);
  border: 1px solid rgba(0, 148, 217, 0.3);
}
.stage.negotiation {
  background: rgba(0, 204, 204, 0.2);
  color: rgb(0, 204, 204);
  border: 1px solid rgba(0, 204, 204, 0.3);
}

/**End Stage style **/
/** Status style **/
.status {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  display: inline-block;
  min-width: 50px;
  height: 20px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  padding: 0 5px;
}
.status.active {
  color: rgb(70, 199, 17);
  border: 1px solid rgb(70, 199, 17);
}
.status.warm {
  color: rgb(245, 150, 34);
  border: 1px solid rgb(245, 150, 34);
}
.status.hot {
  color: rgb(233, 39, 63);
  border: 1px solid rgb(233, 39, 63);
}
.status.cold {
  color: rgb(13, 191, 239);
  border: 1px solid rgb(13, 191, 239);
}
.status.new {
  color: rgb(255, 116, 8);
  border: 1px solid rgb(255, 116, 8);
}
.status.dispatched {
  color: #0c9ef3;
  border: 1px solid rgb(12, 158, 243) !important;
}
.status.delivered {
  color: rgb(2, 210, 231);
  border: 1px solid rgb(12, 158, 243);
}
.status.settled {
  color: rgb(7, 204, 104);
  border: 1px solid rgb(7, 204, 104);
}
.status.forwarded {
  color: #E195AB;
  border: 1px solid rgb(225, 149, 171) !important;
}
.status.complete, .status.approved {
  color: rgb(88, 197, 34);
  border: 1px solid rgb(88, 197, 34);
}
.status.cancel {
  color: rgb(234, 76, 88);
  border: 1px solid rgb(234, 76, 88);
}
.status.reschedule {
  color: rgb(105, 133, 215);
  border: 1px solid rgb(105, 133, 215);
}
.status.punchin {
  color: rgb(0, 189, 122);
  border: 1px solid rgb(0, 189, 122);
}
.status.punchout {
  color: rgb(47, 72, 88);
  border: 1px solid rgb(47, 72, 88);
}
.status.pending {
  color: rgb(255, 116, 8);
  border: 1px solid rgb(255, 116, 8);
}
.status.reschedule {
  color: rgb(0, 204, 204);
  border: 1px solid rgb(0, 204, 204);
}
.status.followup {
  color: rgb(0, 148, 217);
  border: 1px solid rgb(0, 148, 217);
}
.status.upcoming {
  color: rgb(19, 178, 231);
  border: 1px solid rgb(19, 178, 231);
}
.status.rejected {
  color: rgb(251, 41, 41);
  border: 1px solid rgb(251, 41, 41);
}

/**End Status style **/
/** Status Color style **/
.status-approved {
  color: rgb(88, 197, 34);
}

.status-pending {
  color: rgb(255, 116, 8);
}

.status-rejected {
  color: rgb(251, 41, 41);
}

/** End Status Color style **/
/** Status Select Box **/
.status-select {
  border-radius: 50px;
}
.status-select input[type=text] {
  background: transparent;
  border: 0;
  height: 18px;
  width: 70px;
  font-size: 11px;
  padding: 0 10px;
}
.status-select.large input[type=text] {
  height: 30px;
  width: auto;
  font-size: 13px;
}
.status-select.large .el-input .el-select__caret {
  font-size: 14px !important;
}
.status-select.open {
  border: 1px solid #f39090;
}
.status-select.open input[type=text] {
  color: #a90e0e;
}
.status-select.open input[type=text]::placeholder {
  color: #a90e0e;
}
.status-select.open .el-input .el-select__caret {
  color: #a90e0e;
}
.status-select.open .el-input__inner {
  border-color: #a90e0e;
}
.status-select.new {
  border: 1px solid #90d6f9;
}
.status-select.new input[type=text] {
  color: #00a0ef;
}
.status-select.new .el-input .el-select__caret {
  color: #00a0ef;
}
.status-select.closed {
  border: 1px solid #9ad69a;
}
.status-select.closed input[type=text] {
  color: #0e8c0e;
}
.status-select.closed input[type=text]::placeholder {
  color: #0e8c0e;
}
.status-select.closed .el-input .el-select__caret {
  color: #0e8c0e;
}
.status-select.closed .el-input__inner {
  border-color: #0e8c0e;
}
.status-select .el-input__suffix {
  top: 8px;
}
.status-select .is-focus .el-input__suffix {
  top: -8px;
}
.status-select .is-focus .status-select .large .el-input__suffix {
  top: 5px;
}
.status-select .is-focus .status-select .large .status-select.large .is-focus .el-input__suffix {
  top: -5px;
}
.status-select .el-input .el-select__caret {
  font-size: 12px !important;
}

/** End Status Select Box **/
.complaint-main body {
  background: #fff;
}
.complaint-main .ellipsis {
  display: inline-block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.complaint-main .complaint-img {
  margin-top: 5px;
  font-size: 15px;
}
.complaint-main .complaint-table .status-select input[type=text] {
  width: 86px;
  margin-left: 8px;
  height: 26px !important;
}
.complaint-main .complaint-table .el-select__caret {
  line-height: 42px !important;
}
.complaint-main .el-date-editor.followup-date .el-input__prefix {
  display: none;
}
.complaint-main .el-select .el-input .el-select__caret.el-input__icon {
  line-height: 50px;
}

.shop-details-main {
  /* .sec2Scroll
  {
    width: 100%;
    max-height: 800px;
    overflow-y: scroll;
    overflow-x: hidden;
    } */
}
.shop-details-main .shop-dtl .el-input__inner,
.shop-details-main .shop-dtl .el-input__inner::placeholder,
.shop-details-main .shop-dtl .el-select .el-input .el-select__caret {
  color: #7c98ae !important;
}
.shop-details-main .complaintsList .total p {
  color: #ed273f;
}
.shop-details-main .complaintsList .new p {
  color: #63aeff;
}
.shop-details-main .complaintsList .open p {
  color: #ffa6f5;
}
.shop-details-main .complaintsList .closed p {
  color: #33d3a8;
}
.shop-details-main .history-section .el-tabs__nav-wrap:after {
  background: #b9dde9;
  height: 3px;
}
.shop-details-main .history-section .el-tabs__active-bar {
  height: 3px;
}
.shop-details-main .history-section .el-tabs__item {
  color: #92aec4;
}
.shop-details-main .history-section .el-tabs__item.is-active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #329fe2;
  position: absolute;
  bottom: 2px;
  left: 30px;
}
.shop-details-main .history-section .el-tabs__content {
  background: #fff;
}
.shop-details-main .history-section .el-tabs__header {
  margin: 0;
}
.shop-details-main .history-section .el-tabs__nav-wrap::after {
  background-color: #fff;
}
.shop-details-main .user-history-row {
  color: #a1a1a1;
  border-left: 2px solid #cbe4eb;
  padding: 0 0 12px 20px;
  margin-top: 12px;
  position: relative;
  left: 5px;
}
.shop-details-main .user-history-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  border: 3px solid #33a0e5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  left: -6.5px;
  top: 0;
}
.shop-details-main .user-history-row .date {
  font-size: 12px;
  padding-right: 4px;
}
.shop-details-main .user-history-row .details {
  background: #f5f9f8;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
}
.shop-details-main .user-history-row .details p {
  color: #061838;
  font-size: 13px;
  margin-top: 2px;
}
.shop-details-main .user-history-row .details span {
  color: #329fe2;
  font-size: 12px;
}
.shop-details-main .user-history-row .details span.in {
  color: #06c855;
}
.shop-details-main .user-history-row .details span.out {
  color: #f2136c;
}
.shop-details-main .user-history-row .title {
  font-weight: 600;
  color: #061838;
  font-size: 13px;
}
.shop-details-main .selectDropdowns .custom-select input {
  border-bottom: none;
  height: 30px;
}
.shop-details-main .selectDropdowns .custom-select .el-input__icon {
  line-height: 30px;
}
.shop-details-main .selectDropdowns.today .custom-select .el-input__suffix-inner {
  width: 26px;
  height: 26px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.3);
  display: block;
  line-height: 37px;
  color: #fff;
}
.shop-details-main .el-select.dash-year .el-input {
  width: 90px;
}
.shop-details-main .el-select.dash-month .el-input {
  width: 120px;
}
.shop-details-main .el-select.dash-week .el-input {
  width: 100px;
}
.shop-details-main .el-select.dash-all .el-input {
  width: 60px;
}
.shop-details-main .performerBlock .el-carousel__container {
  height: 280px;
}
.shop-details-main .topShops .el-table {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.shop-details-main .topShops .el-table th > .cell {
  text-transform: none;
}
.shop-details-main .topShops .el-tabs__header {
  margin-bottom: 2px;
}
.shop-details-main .topShops .el-tabs__active-bar {
  background: #ed2940;
}
.shop-details-main .topShops .el-tabs__nav-wrap::after {
  background: #fff;
}
.shop-details-main .topShops .el-tabs__item.is-active {
  color: #ed2940;
  font-weight: bold;
}
.shop-details-main .mrgtp {
  margin-top: 20px;
}
.shop-details-main .float-right {
  float: right;
}
.shop-details-main .el-icon-location-outline {
  font-size: 17px;
}
.shop-details-main .data-bg.sec1 {
  /* padding: 0 !important; */
  padding: 25px 20px !important;
}
.shop-details-main .data-bg.sec2 {
  min-height: 200px !important;
  padding: 0 !important;
  display: flex;
}
.shop-details-main .hd-row {
  width: 100%;
  display: block;
  margin: 5px 0 10px;
}
.shop-details-main .block_title {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 1.1;
  width: auto;
  line-height: 30px;
  display: inline-block;
}
.shop-details-main .shopOverviewBlock {
  width: 100%;
  background: #fff;
  border-radius: 0;
  display: flex;
  padding: 0;
  overflow: hidden;
}
.shop-details-main .shopOverviewBlock h4 {
  font-size: 20px;
  margin-top: 25px;
}
.shop-details-main .shopOverviewBlock p {
  line-height: 120%;
  color: #7b7b7b;
}
.shop-details-main .shopOverviewBlock .block_title {
  color: #fff !important;
}
.shop-details-main .shop-picture-wrapper {
  width: 100%;
  background: #061838;
  min-height: 300px;
  position: relative;
}
.shop-details-main .shop-picture-wrapper img {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
}
.shop-details-main .button-wapper {
  /* width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0; */
  width: 100%;
  height: auto;
  bottom: 25px;
  top: auto;
  justify-content: center;
  display: flex;
}
.shop-details-main .button-wapper button {
  width: auto;
  background: #fff;
  color: #ed273f;
  display: block;
  margin: 0 5px;
  border-radius: 30px;
  border: none;
  padding: 10px;
}
.shop-details-main .visit-col {
  border-right: 2px solid #d3e0e9;
}
.shop-details-main .order-col {
  padding-left: 30px;
}
.shop-details-main .monthleyAverageBlock {
  display: inline-block;
  width: 100%;
  background: #eef3ff;
  padding: 20px;
  border-radius: 4px;
  min-height: 110px;
  margin-top: 15px;
}
.shop-details-main .monthleyAverageBlock h4 {
  font-size: 18px;
  margin: 0 0 15px 0;
  font-weight: 500;
}
.shop-details-main .monthleyAverageList {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}
.shop-details-main .monthleyAverageList li {
  /*  padding: 10px ; */
}
.shop-details-main .content-blocks {
  width: 100%;
  display: block;
}
.shop-details-main .content-blocks h3 {
  font-size: 14px !important;
  color: #061838;
  margin: 10px 0 5px;
  font-weight: 500;
}
.shop-details-main .content-blocks .round-icon {
  display: inline-block;
  margin: 10px 0 0px 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 100%;
  float: left;
  text-align: left;
  color: #061838;
  font-size: 48px;
}
.shop-details-main .content-blocks .text_blocks {
  display: inline-block;
  width: 100%;
}
.shop-details-main .content-blocks .text_blocks h4 {
  margin: 15px 0 5px 0;
  color: #ed2940;
}
.shop-details-main .content-blocks .text_blocks p {
  color: #7b7b7b;
  font-size: 12px;
  margin: 0 0 5px 0;
}
.shop-details-main .text_blocks h4 {
  margin: 15px 0 5px 0;
  color: #ed2940;
}
.shop-details-main .text_blocks p {
  color: #7b7b7b;
  font-size: 12px;
  margin: 0 0 5px 0;
}
.shop-details-main .green {
  color: #33d3a8 !important;
}
.shop-details-main .t-color-black {
  color: #000 !important;
}
.shop-details-main .t-color-red {
  color: #ed273f !important;
}
.shop-details-main .t-color-white {
  color: #ffffff !important;
}
.shop-details-main .mobile-text-left {
  text-align: right !important;
}
.shop-details-main .text-bold {
  font-weight: 500 !important;
}
.shop-details-main .no-mar-pad {
  margin: 0 !important;
  padding: 0 !important;
}
.shop-details-main .target_collection_block {
  padding: 25px 10px;
  display: inline-block;
  width: 100%;
}
.shop-details-main .selectDropdowns {
  min-width: 100px;
  float: right;
  display: inline-block;
  margin-left: 10px;
}
.shop-details-main .selectDropdowns .custom-select {
  width: 100px;
}
.shop-details-main .pad-left-0 {
  padding-left: 0 !important;
}
.shop-details-main .gradient-bg {
  background-image: linear-gradient(to bottom, #eaeffc, #ffffff, #ffffff, #ffffff, #ffffff);
}
.shop-details-main .order-visit-Innerwrapper {
  width: 100%;
  /* background: #fff; */
  border-radius: 4px;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  margin: 20px 0 10px 0;
}
.shop-details-main .orderList,
.shop-details-main .visitList {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}
.shop-details-main .orderList h4,
.shop-details-main .visitList h4 {
  margin: 5px 0 15px 0;
  color: #061838;
}
.shop-details-main .orderList p,
.shop-details-main .visitList p {
  margin: 0;
}
.shop-details-main .collection-complaints-list-wrapper {
  width: 100%;
  background: #134975;
  border-radius: 4px;
  display: inline-block;
  padding: 0;
  overflow: hidden;
  margin: 0;
}
.shop-details-main .collectionList,
.shop-details-main .complaintsList {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}
.shop-details-main .collectionList h4,
.shop-details-main .complaintsList h4 {
  margin: 5px 0 15px 0;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.shop-details-main .collectionList p,
.shop-details-main .complaintsList p {
  margin: 10px 0 0;
}
.shop-details-main .bg-light {
  background: rgba(255, 255, 255, 0.1);
}
.shop-details-main .pad-top-bot-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.shop-details-main .pending {
  color: #f99f00;
}
.shop-details-main .rejected {
  color: #f30c98;
}
.shop-details-main .dispatched {
  color: #0c9ef3;
}
.shop-details-main .delivered {
  color: #02d2e7;
}
.shop-details-main .forwarded {
  color: #0e360b;
}
.shop-details-main .shopMoreDetailsWrapper {
  width: 100%;
  /* background: #edf1ff; */
  border-radius: 0 0 4px 4px;
  display: inline-block;
  padding: 30px 0px 15px 0;
  overflow: hidden;
}
.shop-details-main .shop-details-list {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #7b7b7b;
}
.shop-details-main .shop-details-list li {
  width: 100%;
  margin-bottom: 15px;
  float: left;
}
.shop-details-main .shop-details-list .label {
  display: inline-block;
  font-size: 14px;
  color: #7b7b7b;
  width: 140px;
  margin-right: 10px;
  text-align: left;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.shop-details-main .shop-details-list .value {
  display: inline-block;
  width: calc(100% - 150px);
  float: right;
  text-align: left;
  color: #061838;
  font-weight: 500;
}
.shop-details-main .shop-details-list .value:before {
  content: ":";
  left: -10px;
  position: relative;
}
.shop-details-main .shop-details-list i {
  display: inline-block;
  font-size: 14px;
  color: #7b7b7b;
  width: 20px;
  margin-right: 10px;
}
.shop-details-main .shop-details-list span {
  display: inline-block;
  font-size: 14px;
  color: #7b7b7b;
  width: calc(100% - 30px);
  float: right;
}
.shop-details-main .addressBlock {
  width: 100%;
  margin-bottom: 20px;
}
.shop-details-main .addressBlock .label {
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.shop-details-main .addressBlock .label i {
  display: inline-block;
  font-size: 14px;
  color: #ed273f !important;
  width: 20px;
  text-align: left;
}
.shop-details-main .addressBlock .label span {
  display: inline-block;
  font-size: 14px;
  color: #ed273f !important;
  text-align: left;
  width: calc(100% - 20px);
  float: right;
}
.shop-details-main .addressBlock .value {
  width: 100%;
  display: inline-block;
  padding-left: 22px;
}
.shop-details-main .bg-grey {
  background: #eeeffd;
}
.shop-details-main .graph-bg {
  background: #fbfbfb;
  padding-top: 20px;
}
.shop-details-main .graphWrapper {
  padding: 15px 0;
}
.shop-details-main .graphWrapperBlock {
  padding: 25px 15px 10px 15px;
  width: 100%;
  display: inline-block;
}
.shop-details-main .graphWrapperBlock .WrapperOrder {
  width: 100%;
  display: inline-block;
}
.shop-details-main .graphWrapperBlock .WrapperCollection {
  width: 100%;
  display: inline-block;
  background: #f7f7f7;
  padding: 20px 0;
}
.shop-details-main .history-section {
  background: #d1eafe;
  padding: 20px 30px 30px;
}
.shop-details-main .history-section .el-tabs__nav-wrap:after {
  background: #b9dde9;
  height: 3px;
}
.shop-details-main .history-section .el-tabs__active-bar {
  height: 3px;
}
.shop-details-main .history-section .el-tabs__item {
  color: #92aec4;
}
.shop-details-main .history-section .el-tabs__item.is-active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #329fe2;
  position: absolute;
  bottom: 2px;
  left: 30px;
}
.shop-details-main .history-section .user-history-row {
  color: #a1a1a1;
  border-left: 2px solid #cbe4eb;
  padding: 0 0 12px 20px;
  margin-top: 12px;
  position: relative;
  left: 5px;
}
.shop-details-main .history-section .user-history-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  border: 3px solid #33a0e5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 12px;
  height: 12px;
  left: -6.5px;
  top: 0;
}
.shop-details-main .history-section .user-history-row .title {
  font-weight: 600;
  color: #061838;
  font-size: 13px;
}
.shop-details-main .timelineWrapper {
  padding: 15px 0;
}
.shop-details-main ul.timeline {
  list-style-type: none;
  position: relative;
}
.shop-details-main ul.timeline:before {
  content: " ";
  background: #cbe3eb;
  display: inline-block;
  position: absolute;
  left: 20px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
.shop-details-main ul.timeline li {
  margin: 20px 0;
  padding-left: 40px;
}
.shop-details-main ul.timeline li:before {
  content: " ";
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #32a0e5;
  left: 15px;
  width: 12px;
  height: 12px;
  z-index: 400;
}
.shop-details-main ul.timeline li .date {
  font-size: 11px;
}
.shop-details-main ul.timeline li p {
  color: #7b7b7b;
  width: calc(100% - 15px);
  margin: 0 0 5px 0;
}
.shop-details-main ul.timeline li p span {
  font-size: 14px;
  font-weight: bold;
  color: #061838 !important;
}
.shop-details-main .shop-top-right {
  background: #d2ebff;
}
.shop-details-main .monthleyAverageBlock {
  background: #fff;
}
.shop-details-main .shop-img {
  height: 300px;
  background: #061838;
}
@media (max-width: 1023px) {
  .shop-details-main .shop-top-right {
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .shop-details-main .monthleyAverageList .round-icon {
    width: 50px;
    float: left;
  }
  .shop-details-main .monthleyAverageList .text_blocks {
    width: calc(100% - 50px);
    float: left;
    padding-left: 15px;
    text-align: left;
  }
  .shop-details-main .monthleyAverageList li {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .shop-details-main .shop-address {
    margin: 6px 0;
  }
  .shop-details-main .shopOverviewBlock h4 {
    font-size: 18px;
  }
  .shop-details-main .content-blocks .round-icon {
    font-size: 34px;
    width: 40px;
  }
  .shop-details-main .monthleyAverageList .text_blocks {
    width: calc(100% - 40px);
    float: left;
    padding-left: 15px;
    text-align: left;
  }
}
@media (max-width: 1024px) {
  .shop-details-main .shopOverviewBlock {
    display: block;
  }
  .shop-details-main .mobile-full-screen {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .shop-details-main {
    /* .content-blocks .round-icon { display: block; float: none; position: relative;  margin: 0 auto;  } */
  }
  .shop-details-main .pad-left-0 {
    padding-left: 15px !important;
  }
  .shop-details-main .mobile-margin-top {
    margin-top: 20px;
  }
  .shop-details-main .monthleyAverageList {
    min-height: 40px;
  }
  .shop-details-main .text_blocks h4 {
    margin: 10px 0 5px 0;
  }
  .shop-details-main .text_blocks p {
    margin: 0;
  }
  .shop-details-main .targetBlock {
    margin-bottom: 30px;
  }
  .shop-details-main .mobile-text-left {
    text-align: left !important;
  }
  .shop-details-main .orderList {
    border-bottom: 1px solid #cfe1e7;
    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
  }
  .shop-details-main .data-bg.sec2 {
    display: block;
  }
}
@media (max-width: 767px) {
  .shop-details-main .monthleyAverageList {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
@media (min-width: 1280px) {
  .shop-details-main .history-section {
    height: 600px;
  }
}

.shop-visit-location-map .google-map {
  width: 100%;
  height: 360px;
  margin: 0 auto;
  background: gray;
}
.shop-visit-location-map .punch-btn {
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 12px;
  font-size: 13px;
}
.shop-visit-location-map .punch-out-btn {
  border: 1px solid #ed273f;
  color: #ed273f;
}
.shop-visit-location-map .punch-out-btn.active1 {
  background: #ed273f;
  color: #fff;
}
.shop-visit-location-map .punch-in-btn {
  border: 1px solid #83d000;
  color: #83d000;
}
.shop-visit-location-map .punch-in-btn.active1 {
  background: #83d000;
  color: #fff;
}
.shop-visit-location-map .punch-in-time b {
  color: #83d000;
}
.shop-visit-location-map .punch-out-time b {
  color: #ed273f;
}
.shop-visit-location-map .map-location-button {
  margin-top: 25px;
}

.shop-location-icon {
  font-size: 16px;
}

.shop-map .google-map {
  width: 100%;
  height: 360px;
  margin: 0 auto;
  background: gray;
}

.view-shop-details .colum-style:nth-child(3n+1) {
  clear: left;
}

.shop-list-table .el-icon-data-analysis {
  font-size: 16px;
}

.shop-compnay-name-credit {
  background: #f3f7ff;
  padding: 15px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.shop-compnay-name-credit h5 {
  word-break: break-word;
  font-size: 12px;
  font-weight: 600;
}
.shop-compnay-name-credit .el-input__inner {
  background: #fff !important;
  border-width: 1px !important;
  padding: 0 12px !important;
}

.shop-compnay-name-credit {
  background: #d1eafe;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 0 0;
}
.shop-compnay-name-credit h5 {
  word-break: break-word;
  font-weight: 600;
  color: #409EFF;
  margin: 0 0 5px;
  font-size: 13px;
}
.shop-compnay-name-credit p {
  margin: 8px 0 0;
  color: #7b7b7b;
}
.shop-compnay-name-credit label {
  margin-bottom: 4px;
  font-size: 11px;
  color: #7b7b7b;
  display: block;
}

.shop-textfiled-area {
  overflow-x: auto;
  white-space: nowrap;
}
.shop-textfiled-area .colum {
  flex: 1;
  padding: 0 5px;
}

@media (max-width: 991px) {
  .shop-details-main .visit-col,
.shop-details-main .order-col,
.shop-details-main .orderList {
    border: 0;
    padding: 0;
  }
  .shop-details-main .order-visit-Innerwrapper,
.shop-details-main .shopMoreDetailsWrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
  .shop-compnay-name-credit .el-input__inner {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .shop-details-main .block_title {
    width: 100%;
    margin-bottom: 15px;
  }
  .shop-details-main .history-section {
    padding: 10px !important;
  }
  .shop-textfiled-area .colum {
    flex: 0 0 50%;
  }
}
.activity-main .activity-icon {
  float: left;
  margin-right: 8px;
}
.activity-main .activity-icon.icon-visit {
  font-size: 14px;
}
.activity-main .activity-icon.icon-followup {
  font-size: 12px;
}
.activity-main .el-icon-chat-square.activity-icon {
  margin-top: 5px;
  font-size: 14px;
}
.activity-main .input-item > div {
  margin-bottom: 0;
}
.activity-main .el-radio.activity-filter {
  margin: 15px 0 5px;
}
.activity-main .activity-filter-bottom {
  border-top: 1px solid #112954;
  padding-top: 5px;
}

.activity-view-popup .el-loading-mask {
  position: fixed !important;
}
.activity-view-popup .lead-activity-content span {
  width: 180px;
}
.activity-view-popup .lead-detail-distance {
  background: #eee;
  margin-top: 15px;
  padding: 15px;
}
.activity-view-popup .lead-detail-distance .bar {
  left: -15px;
  margin-top: 12px;
}
.activity-view-popup .lead-detail-km-digit {
  font-size: 12px;
  margin-top: 15px;
}
.activity-view-popup .status {
  font-size: 11px;
  height: 16px;
  line-height: 16px;
}
.activity-view-popup .google-map {
  width: 100%;
  height: 350px;
}
.activity-view-popup .location-btns {
  padding-bottom: 30px;
  border-bottom: 1px solid #DCDFE6;
}
.activity-view-popup .location-btns a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #DCDFE6;
  padding: 10px 12px;
  margin: 0 3px;
}
.activity-view-popup .location-btns a.active {
  background: #061838 !important;
  color: #fff;
  border-color: #061838;
}
.activity-view-popup .details {
  display: flex;
  flex-wrap: wrap;
}
.activity-view-popup .details .colum-style h5 {
  word-break: break-word;
}

.bpc-activity .mrgtp {
  margin-top: 20px;
}
.bpc-activity .el-icon-location-outline {
  font-size: 17px;
}

.update-activity-top .col .icon {
  background: #061838 !important;
}

@media (min-width: 992px) {
  .lead-activity-content .colum-style:nth-child(3n+1) {
    clear: left;
  }
  .activity-view-popup .colum-style {
    flex: 0 0 33.333%;
  }
}
@media (max-width: 991px) {
  .activity-view-popup .colum-style {
    flex: 0 0 50%;
  }
}
@media (max-width: 599px) {
  .lead-activity-content i {
    display: none;
  }
  .lead-activity-content span {
    display: block;
  }
  .lead-activity-content p {
    margin-bottom: 12px;
  }
  .lead-detail-distance .bar {
    left: 8px;
  }
  .activity-view-popup .colum-style {
    flex: 0 0 100%;
  }
}
.activityType-call,
.activityType-meeting,
.activityType-mail {
  color: #fff;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 11px;
  line-height: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.activityType-meeting {
  background: #50a951;
}

.activityType-call {
  background: #50a951;
}

.activityType-mail {
  background: #50a951;
}

.view-activity-details .colum-cover {
  display: flex;
  flex-wrap: wrap;
}
.view-activity-details .colum-style {
  padding: 0 15px;
  flex: 0 0 33.333%;
}
.view-activity-details .colum-style.desc {
  flex: 1;
}

@media (min-width: 768px) {
  .update-activity-top {
    display: flex;
    padding: 18px 15px;
  }
  .update-activity-top .col {
    min-width: 33.5%;
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .view-activity-details .colum-style {
    flex: 0 0 100%;
  }
  .update-activity-top .col {
    width: 100%;
    float: left;
    padding: 10px 25px;
  }
}
.update-activity-top {
  background: #f3f7ff;
}
.update-activity-top .text {
  width: calc(100% - 30px);
  padding: 6px 0 0 15px;
  font-size: 14px;
}
.update-activity-top .col .icon {
  background: #061838;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
}
.update-activity-top .col .icon.icon-dashboard-icon-shop {
  padding-top: 2px;
}

.activity-map .google-map {
  width: 100%;
  height: 360px;
  margin: 0 auto;
  background: gray;
}

.target-period > div {
  margin-right: 30px;
}
.target-period span {
  color: rgba(123, 123, 123, 0.9);
  display: inline-block;
  margin-right: 5px;
}
.target-period b {
  color: #7b7b7b;
}

@media (max-width: 991px) {
  .target-period {
    margin-top: 20px;
  }
  .target-period div {
    margin-bottom: 15px;
  }
}
.target-details-table .el-table tr th:first-child .cell,
.target-details-table .el-table tr td:first-child .cell {
  padding-left: 15px;
}
.target-details-table .el-table tr th:lest-child .cell,
.target-details-table .el-table tr td:lest-child .cell {
  padding-right: 15px;
}

.el-dialog.target-view {
  min-height: 500px;
}

.update-target .first-add-btn {
  padding-left: 60px;
}
.update-target .target-color-box {
  padding-left: 60px;
}

.target-details .colum-div {
  display: flex;
  flex-wrap: wrap;
}
.target-details .colum-style {
  padding: 0 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .target-details .colum-style {
    flex: 0 0 33.333%;
  }
  .target-details .colum-style.comment {
    flex: 1;
  }
}
@media (max-width: 767px) {
  .target-details .colum-style {
    flex: 0 0 100%;
  }
}
/*** FILTER ***/
.filter-div {
  position: fixed;
  background: #061838;
  border: 1px solid #efebeb;
  z-index: 11;
  top: 0;
  right: -280px;
  height: 100%;
  bottom: 0;
  width: 280px;
  overflow-y: auto;
  padding-bottom: 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  padding: 0;
}
.filter-div h4 {
  color: #fff;
}
.filter-div .el-button {
  padding: 12px;
}
.filter-div .el-radio__label {
  color: #fff;
}
.filter-div .el-radio__input.is-checked + .el-radio__label {
  color: #fff !important;
}
.filter-div.width {
  right: 0;
}
.filter-div.width:before {
  opacity: 1;
  display: block;
}
.filter-div .el-input__inner {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  border-radius: 4px !important;
  padding: 0 12px !important;
  background: #fff !important;
}
.filter-div .ps {
  height: calc(100% - 115px);
}
.filter-div .el-date-editor .el-icon-date {
  display: none;
}

.filter-close {
  color: #fff !important;
  font-size: 16px !important;
  margin: 16px 15px 0 0;
}

.filter-head,
.filter-footer {
  height: 50px;
}

.filter-head {
  margin-bottom: 10px;
  color: #fff;
  padding-left: 15px;
}

.input-item {
  margin-bottom: 15px;
}

.filter-footer .el-button {
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  border-radius: 50px !important;
}

/*** END FILTER ***/
.left-nav .ico {
  float: right;
  margin: 11px 10px 0 0;
  font-size: 11px;
}

.filter-items {
  float: left;
  background: #ebeef5;
  padding: 6px 10px;
  margin: 10px 10px 0 0;
  min-width: 100px;
  border: 1px solid #d7e0f1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.filter-items span {
  margin-top: 1px;
  margin-left: 5px;
}

.addexpense-popup .icon-input .el-input__inner {
  background: transparent;
}
.addexpense-popup .special-approval label.el-checkbox {
  padding-left: 5px !important;
}
.addexpense-popup .popup-color-box {
  padding: 20px 15px 5px;
}

.expense-main .user-name {
  color: #000;
  margin-right: 10px;
}
.expense-main .user-id {
  color: #7b7b7b;
  font-size: 12px;
}
.expense-main .table-wrapper.expense-list .el-table tr th:first-child .cell {
  padding-left: 15px;
}
.expense-main .table-wrapper.expense-list .el-table tr td:first-child .cell {
  padding-left: 15px;
}

.expense-list .el-table__footer .cell {
  font-weight: bold;
}

@media (min-width: 1280px) and (max-width: 1365px) {
  .expense.drawer-div {
    width: 75%;
  }
}
@media (max-width: 1279px) {
  .expense-main .total-count.expense {
    clear: both;
    margin-left: 0;
  }
}
.delete-expense-popup p {
  word-break: break-word;
}

.location-main .active {
  background-color: white !important;
}
.location-main .activeLocation {
  background-color: #f3f9fd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cce4f5;
}
.location-main .location-filter {
  justify-content: flex-end;
  display: flex;
}
.location-main .google-map {
  width: 100%;
  height: 360px;
  margin: 0 auto;
  background: gray;
}

.location .timeline-icon::after {
  background: #dcd9d9;
  content: "";
  height: 53px;
  left: 28px;
  top: 46px;
  position: absolute;
  width: 1px;
}

.timeline-centered .timeline-entry .timeline-entry-inner {
  position: relative;
  margin-left: -20px;
  display: block;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
  position: relative;
  padding: 15px 10px;
  min-height: 70px;
  margin-left: 60px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label span.date-time {
  display: block;
  font-size: 13px;
  color: rgba(123, 123, 123, 0.8);
  margin-top: 4px;
}

.timeline-label.activeLocation {
  background: #fff !important;
  border-color: #ed273f !important;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
  background: #fff;
  color: #ed273f;
  display: block;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  border: solid 1px #dcd9d9;
  line-height: 35px;
  font-size: 18px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

.location-map {
  padding: 10px;
  background: #f7f7f7;
  outline: 1px solid #e8e8e8;
}

.location-list-main {
  overflow-y: auto;
  max-height: 392px;
}
.location-list-main .count-span {
  display: inline-block;
  min-width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #ed273f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: rgba(237, 39, 63, 0.1);
}

@media (min-width: 768px) {
  .location-main .custom-datepicker {
    margin-left: 15px;
  }
}
@media (max-width: 991px) {
  .location-user-dtls {
    display: block;
    margin-top: 5px;
  }
}
@media (min-width: 992px) {
  .location-left-main {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .location-main .location-filter {
    flex-direction: column;
    margin-top: 15px;
  }
  .location-main .location-filter .select-round {
    width: 100%;
  }
  .location-main .location-filter .el-select {
    margin-bottom: 15px;
  }
}
.location-tab a {
  float: left;
  position: relative;
  background: #fff;
  color: #848484;
  height: 60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  width: 60px;
  margin-bottom: 10px;
  line-height: 62px;
  text-align: center;
  border: 1px solid #ccc;
}
.location-tab a.active {
  background: #ed273f !important;
  color: #fff;
  border-color: #e41931;
}
.location-tab a .icon-placeholder {
  font-size: 22px;
}
.location-tab a .icon-activity {
  font-size: 30px;
}
.location-tab a .icon-location {
  font-size: 28px;
}
.location-tab p {
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  .location-tab {
    margin-top: 40px;
  }
  .location-tab a.active::after {
    content: "";
    border-left: 20px solid #ed273f !important;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    right: -8px;
    top: 9px;
  }
}
@media (max-width: 991px) {
  .location-tab {
    margin-top: 25px;
  }
  .location-tab a {
    margin-right: 15px;
  }
  .location-tab a.active::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ed273f;
    margin: auto;
  }
}
.search-keyword.datepicker .el-input__inner {
  border-radius: 50px !important;
  background: #f7f7f7 !important;
  left: auto;
  padding: 0 20px !important;
}

.location.google-map-waypoint, .location.new-map, .location.google-map-waypoint2 {
  width: 100%;
  height: 360px;
  margin: 0 auto;
  background: gray;
}

.gps-fake-location {
  margin-top: 10px;
}

.attendance-main .atte-location-icon {
  font-size: 18px;
}
.attendance-main .input-field .tableRow {
  display: table;
  width: 100%;
  max-width: 600px;
}
.attendance-main .input-field .tableRow .search-keyword.select.left-fld {
  display: table-cell;
  vertical-align: middle;
}
.attendance-main .input-field .tableRow .search-keyword.datepicker.right-fld {
  display: table-cell;
  vertical-align: middle;
}
.attendance-main .input-field .tableRow .search-keyword.datepicker.right-fld .el-input__inner {
  padding: 0 0 0 15px !important;
}
.attendance-main .attendance-filter p {
  padding: 15px 30px 15px 0;
}
.attendance-main .attendence-col {
  -webkit-box-shadow: 5px 5px 12px 0px #f1f1f1;
  -moz-box-shadow: 5px 5px 12px 0px #f1f1f1;
  box-shadow: 5px 5px 12px 0px #f1f1f1;
  margin: 15px 0;
  min-height: 200px;
  position: relative;
  border: 1px solid #ececec;
  padding: 25px 15px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.attendance-main .attendence-col .icon {
  width: 50px;
  display: inline-block;
  position: relative;
}
.attendance-main .attendence-col a {
  color: #ed273f;
}
.attendance-main .attendence-col .el-image {
  width: 50px;
  height: 50px;
}
.attendance-main .attendence-col .el-image img {
  object-fit: cover !important;
}
.attendance-main .attendence-col-time {
  color: rgba(123, 123, 123, 0.7);
  font-size: 13px;
}
.attendance-main .user-status {
  top: -1px;
  border-width: 2px;
}

.attendance-location-map .google-map {
  width: 100%;
  height: 360px;
  margin: 0 auto;
  background: gray;
}
.attendance-location-map .punch-btn {
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 12px;
  font-size: 13px;
}
.attendance-location-map .punch-out-btn {
  border: 1px solid #ed273f;
  color: #ed273f;
}
.attendance-location-map .punch-out-btn.active1 {
  background: #ed273f;
  color: #fff;
}
.attendance-location-map .punch-in-btn {
  border: 1px solid #83d000;
  color: #83d000;
}
.attendance-location-map .punch-in-btn.active1 {
  background: #83d000;
  color: #fff;
}
.attendance-location-map .punch-in-time b {
  color: #83d000;
}
.attendance-location-map .punch-out-time b {
  color: #ed273f;
}

@media (max-width: 639px) {
  .attendance-filter p {
    padding: 15px 30px 0 0;
  }
}
.attendance-view-img .punch-img a {
  display: inline-block;
  height: 30px;
  padding: 0 12px;
  color: #fff;
  line-height: 28px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  font-size: 12px;
}
.attendance-view-img .punch-img a.active {
  color: #fff;
}
.attendance-view-img .punch-img .punch-in {
  border: 1px solid #83d000;
  color: #83d000;
}
.attendance-view-img .punch-img .punch-in.active {
  background: #83d000;
}
.attendance-view-img .punch-img .punch-out {
  border: 1px solid #ed273f;
  color: #ed273f;
}
.attendance-view-img .punch-img .punch-out.active {
  background: #ed273f;
}

.attendance-location-map .google-map {
  width: 100%;
  height: 360px;
  margin: 0 auto;
  background: gray;
}
.attendance-location-map .map-location-button {
  margin-top: 25px;
}

.attendance-location-icon,
.attendance-img-icon {
  font-size: 17px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .attendance-main.main-menu-pinned .head-icons {
    float: left;
    margin: 15px 0;
  }
}
@media (max-width: 991px) {
  .attendance-main .head-icons {
    margin-top: 15px;
  }
  .attendance-main .head-icons .select-round,
.attendance-main .head-icons .custom-datepicker {
    margin: 10px 0 5px;
  }
}
@media (max-width: 767px) {
  .attendance-main .head-icons .select-round,
.attendance-main .head-icons .custom-datepicker {
    width: 100%;
  }
}
.el-dialog__body {
  padding: 15px !important;
  width: 95% !important;
  margin: -20px auto 0 !important;
  background: #fff !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  border-radius: 4px !important;
  line-height: 22px !important;
}
.el-dialog__body .el-form-item__content label {
  color: #7b7b7b;
  font-size: 12px;
}

.el-dialog__header {
  padding: 33px 20px 45px !important;
  border-bottom: 1px solid #ddd8d8;
  -webkit-border-radius: 8px 8px 0 0 !important;
  -moz-border-radius: 8px 8px 0 0 !important;
  -ms-border-radius: 8px 8px 0 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background: #061838;
  text-align: center;
}

.el-dialog__title {
  line-height: 22px !important;
  font-size: 22px !important;
  color: #fff !important;
}

.el-dialog {
  float: none !important;
  padding: 0 !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  border-radius: 10px !important;
}

.el-form-item {
  margin-bottom: 25px !important;
}

.el-button {
  padding: 12px 15px !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  border-radius: 50px !important;
  letter-spacing: 0.4px;
}
.el-button.download-excel:focus {
  background: inherit;
  color: #606266;
  border-color: #DCDFE6;
}

.el-checkbox__inner {
  width: 18px !important;
  height: 18px !important;
}

.el-form-item__content {
  display: block !important;
  margin: 0 !important;
  width: 100% !important;
  color: #000;
  line-height: 10px !important;
}

.el-pagination {
  padding: 0 !important;
  color: #000 !important;
  margin-top: 20px !important;
}

.el-pagination .el-select .el-input {
  width: 65px !important;
  margin: 0 !important;
}

.el-pagination .el-select .el-input .el-input__inner {
  height: 30px !important;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #f4f4f5 !important;
  color: #000 !important;
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
  color: #C0C4CC !important;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  background: #fff !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  border-radius: 50px !important;
  border: 1px dashed #dedede;
  min-width: 36px !important;
  height: 36px;
  color: #7b7b7b !important;
}

.el-pager li {
  height: 36px !important;
  line-height: 33px !important;
}

.el-pager,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
  color: #000 !important;
  border: 0;
}

.el-checkbox__inner:hover {
  border-color: #ed273f !important;
}

.el-button + .el-button {
  margin-left: 4px !important;
}

.el-table th {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  background: #f8f8f8 !important;
  padding: 9px 0 !important;
}
.el-table th.is-leaf {
  border-bottom: 1px solid #ECECF1 !important;
}
.el-table td {
  padding: 9px 0 !important;
  border-bottom: 1px solid #ECECF1 !important;
}
.el-table td.sub_row {
  padding: 0 !important;
}
.el-table .cell {
  word-break: break-word;
}

.el-button--primary.is-disabled {
  color: #FFF;
  background-color: #f98492 !important;
  border-color: #f98492 !important;
}
.el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
  color: #FFF;
  background-color: #f98492 !important;
  border-color: #f98492 !important;
}

.el-radio__input.is-checked .el-radio__inner {
  background: #ed273f !important;
  border: 1px solid #ed273f !important;
}

.el-radio__input.is-checked + .el-radio__label {
  color: #000 !important;
}

.el-dialog__footer {
  border-top: 1px solid #eee !important;
  padding: 15px 20px 15px !important;
  overflow: hidden;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #909399 !important;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 6px !important;
}

.ps__rail-y {
  width: 0 !important;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__thumb-y {
  background-color: #385992 !important;
}

.el-button.download-btn,
.el-button.download-btn:hover,
.el-button.download-btn:focus {
  background: #409eff;
  border-color: #409eff;
  color: #fff;
  font-size: 16px;
  height: 40px;
}

.el-form-item__label {
  color: #000 !important;
}

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

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

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  font-size: 13px !important;
}
.el-date-editor.no-icon .el-icon-date {
  display: none;
}

.el-input__inner {
  border-width: 0 0 1px !important;
  border-color: #DCDFE6;
  padding: 0 !important;
  color: #000 !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
  border: 1px solid #dedede;
  background: transparent !important;
}

.el-button,
.el-table,
.el-form-item__content,
.el-input,
.el-dialog__body {
  font-size: 13px;
}

.el-radio__input.is-checked .el-radio__inner {
  background: #ed273f;
  border: 1px solid #ed273f;
}

.el-radio__inner {
  border: 1px solid #ed273f;
}
.el-radio__inner:hover {
  border-color: #ed273f !important;
}

.el-table__footer {
  font-size: 15px;
  font-weight: 500;
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 100% !important;
}
.el-date-editor.no-icon .el-icon-time {
  display: none;
}

.el-textarea__inner {
  border-width: 0 0 1px !important;
  border-color: #DCDFE6;
  padding: 0 !important;
  color: var(--text-color) !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  background-color: transparent !important;
}

.el-carousel .el-carousel__item {
  padding: 0 60px;
}
.el-carousel.one-item .el-carousel__item {
  padding: 0;
}

@media (max-width: 767px) {
  .el-date-range-picker__content {
    width: 100% !important;
  }
}
@media (max-width: 599px) {
  .el-dialog__title {
    line-height: 24px !important;
    font-size: 20px !important;
  }
  .el-date-range-picker .el-picker-panel__body {
    min-width: 100% !important;
  }
  .el-picker-panel {
    width: 82% !important;
    left: 15px !important;
    top: 11px !important;
  }
}
.el-tooltip__popper {
  z-index: 9 !important;
}

.el-select-dropdown.max-width-350 {
  max-width: 350px;
}
.el-select-dropdown .el-select-dropdown__item {
  margin-bottom: 15px;
  line-height: 20px;
  height: auto;
  white-space: normal;
}
.el-select-dropdown .el-select-dropdown__item span {
  word-break: break-word;
}

.el-table .warning-row {
  background: oldlace;
}

.el-table .success-row {
  background: #f0f9eb;
}

.el-table .info-row {
  background: rgb(205, 193, 172);
}

.el-table .error-row {
  background: #ec0808;
}

.battery-filter {
  background: #fff;
  padding: 20px;
  height: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.battery-filter label {
  font-weight: normal;
  margin-top: 15px;
}

.battery-list-legend i {
  width: 18px;
  height: 18px;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-right: 15px;
}
.battery-list-legend div {
  margin-bottom: 20px;
}

.sf-resolved-legend i {
  background: #00af4d;
}

.sf-Average-legend i {
  background: #ff9155;
}

.sf-unresolved-legend i {
  background: #ec503b;
}

.battery-list-inner {
  -webkit-box-shadow: 5px 5px 12px 0px #f1f1f1;
  -moz-box-shadow: 5px 5px 12px 0px #f1f1f1;
  box-shadow: 5px 5px 12px 0px #f1f1f1;
  margin: 15px 0;
  border: 1px solid #f3f3f3;
  min-height: 200px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.battery-list-inner .avtar-user img {
  width: 42px;
  height: 42px;
  margin: 5px 0;
}

.battery-list-time {
  margin-top: 10px;
  color: rgba(123, 123, 123, 0.7);
}

.battery-charge-status {
  font-weight: 700;
}

@media (max-width: 767px) {
  .battery-main .select-round {
    margin-bottom: 15px;
    width: 100%;
  }
}
@media (max-width: 599px) {
  .battery-main .select-round {
    margin: 15px 0;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .battery-left .head-icons {
    float: left;
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .battery-left .head-icons .select-round, .battery-left .head-icons .datepicker {
    width: 50% !important;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .battery-list-col:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 1280px) {
  .battery-list-col:nth-child(4n+1) {
    clear: left;
  }
}
@media (max-width: 991px) {
  .battery-list-col:nth-child(2n+1) {
    clear: left;
  }
}
.mrglft {
  margin-left: 10px;
}

.imgpos {
  margin: auto;
  position: absolute;
}

@media (min-width: 1024px) {
  .main-menu-pinned .battery-main .topfilter {
    justify-content: flex-start;
  }
  .battery-right {
    display: block;
  }
  .battery-right.mobile {
    display: none;
  }
}
@media (min-width: 992px) {
  .battery-main {
    display: flex;
    margin-bottom: 25px;
  }
  .battery-left {
    flex: 75%;
    max-width: 75%;
    padding-left: 0;
  }
  .battery-right {
    flex: 25%;
    max-width: 25%;
    padding-right: 0;
  }
  .data-bg {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .search-keyword select.datepicker {
    padding-right: 0;
  }
  .battery-main .topfilter {
    justify-content: flex-end;
    display: flex;
  }
}
@media (max-width: 1023px) {
  .battery-right {
    display: none;
    margin-bottom: 20px;
  }
  .battery-right.mobile {
    display: block;
  }
  .search-keyword.datepicker {
    width: 100% !important;
  }
  .battery-list-filter div, .battery-list-legend div {
    float: left;
    width: 146px;
  }
}
@media (max-width: 991px) {
  .battery-main .topfilter {
    justify-content: flex-start;
    margin-top: 20px;
  }
  .battery-left,
.battery-right {
    padding: 0;
  }
  .battery-right {
    margin-top: 15px;
  }
}
.battery-page.data-bg {
  margin-bottom: 0;
}

.message-main {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.message-main .msg-head-contact {
  border-top: 1px solid #dbe1ec;
  padding: 10px 15px;
  font-size: 12px;
}
.message-main .msg-head-contact p {
  float: left;
  width: 100%;
}
.message-main .msg-head-contact p:first-child {
  margin-bottom: 8px;
}
.message-main .msg-head-contact i {
  width: 18px;
  float: left;
  margin-top: 3px;
}
.message-main .msg-head-contact span {
  width: calc(100% - 18px);
  float: right;
}
.message-main .msg-info {
  max-height: 330px;
  overflow-y: auto;
}
.message-main .msg-info.delivered, .message-main .msg-info.read {
  padding: 15px;
  border-top: 1px solid #dbe1ec;
}
.message-main .msg-info.delivered span, .message-main .msg-info.read span {
  float: left;
  margin: 6px 5px 0 0;
  padding: 8px 6px 8px;
  font-size: 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  height: 30px;
}
.message-main .msg-info.delivered h4, .message-main .msg-info.read h4 {
  margin: 0 0 15px;
}
.message-main .msg-info h4 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
}
.message-main .msg-info.delivered span {
  background: #eef4ff;
  border: 1px solid #cbdcfd;
}
.message-main .msg-info.delivered span .icon-success {
  color: #22be22;
  font-size: 12px;
  margin: 0 0 0 5px;
}
.message-main .msg-left {
  padding: 15px;
  background: #061838;
  height: 60px;
}
.message-main .msg-left h4 {
  font-size: 18px;
  margin: 0;
  color: #fff;
  display: inline-block;
}
.message-main .msg-left .btn-msg-composs {
  width: 36px;
  height: 36px;
  padding: 0 !important;
  margin-top: -2px;
}
.message-main .msg-left .result {
  margin: 5px 0 0 3px;
  color: #fff;
  background: #1272c7;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  line-height: 24px;
  padding: 0 5px;
  font-size: 12px;
  min-width: 24px;
}
.message-main .msg-left .icon-filter {
  background: #061838;
  color: #fff;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  line-height: 34px;
  margin-right: 15px;
  font-size: 14px;
}
.message-main body {
  background: #fff;
}
.message-main .ellipsis {
  display: inline-block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.message-main .msg-add-user {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  float: left;
}
.message-main .msg-add-user .avatar {
  background: #979ba3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 36px;
  height: 36px;
  position: relative;
  margin-top: 6px;
}
.message-main .msg-head-content {
  width: calc(100% - 36px);
  float: right;
  padding-left: 10px;
}
.message-main .msg-head-content span {
  display: block;
  color: #7b7b7b;
  margin-bottom: 5px;
  font-size: 12px;
}
.message-main .msg-head-content p {
  font-size: 13px;
  margin-bottom: 0;
}
.message-main .msg-head-content h5 {
  color: #061838;
  font-weight: 800;
  margin: 5px 0 3px;
  font-size: 13px;
  text-transform: lowercase;
}
.message-main .msg-send-time {
  color: #7b7b7b;
  font-size: 11px;
  text-align: right;
  margin-top: 3px;
  display: inline-block;
}
.message-main .msg-send-time .icon-double-tick {
  font-size: 13px;
  margin: 0 0 0 2px;
  position: relative;
  top: 3px;
}
.message-main .msg-send-time .icon-double-tick.complete {
  color: #22be22;
}
.message-main .msg-send-time p {
  display: inline-block;
  margin: 0 0 0 5px;
  background: #ff9100;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  padding: 2px 5px;
  font-size: 12px;
}
.message-main .msg-row {
  border-bottom: 1px solid #dbe1ec;
}
.message-main .msg-row.read {
  background: #eef4ff;
}
.message-main .msg-row .icon-user-1 {
  font-size: 32px;
  color: #7b7b7b;
}
.message-main .data-bg {
  padding: 0;
}
.message-main .msg-left-main {
  background: #fff;
  position: relative;
}
.message-main .msg-right-main .head .chat-user-avatar .user-status {
  width: 14px;
  height: 14px;
  bottom: 0;
  top: auto;
  right: -2px;
}
.message-main .btn-msg-composs {
  float: right;
}
.message-main .chat-user-avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 36px;
  height: 36px;
  position: absolute;
  left: -45px;
  top: -8px;
}
.message-main .message-main {
  background: #fff;
}
.message-main .msg-right-main .head {
  background: #eaeef3;
  height: 70px;
  padding: 12px 30px;
  border-bottom: 1px solid #e8e8e8;
}
.message-main .msg-right-main .head .right {
  text-align: right;
}
.message-main .msg-right-main .head h5 {
  font-weight: 600;
  margin: 0 0 2px 0;
  font-size: 18px;
}
.message-main .msg-right-main .head .chat-user-avatar {
  top: 0;
  position: relative;
  left: 0;
}
.message-main .msg-right-main .name {
  padding-left: 3%;
}
.message-main .msg-right-main .name span {
  color: #7b7b7b;
  font-size: 13px;
}
.message-main .msg-filter {
  background: #ebeff5;
  border-bottom: 1px solid #e8e8e8;
  padding: 15px;
  position: absolute;
  top: 60px;
  z-index: 1;
  width: 100%;
  border: 1px solid rgba(18, 114, 199, 0.3);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.message-main .msg-filter .el-input__inner {
  background: #fff !important;
  padding: 0 15px !important;
}
.message-main .pr-15 {
  padding-right: 15px;
}
.message-main .msg-right-main {
  background: #eaeef3;
  position: relative;
}
.message-main .msg-send-btn {
  width: 42px;
  height: 42px;
  font-size: 16px !important;
  margin: 6px 15px 0 0;
  padding: 0 !important;
}
.message-main .msg-right-scroll {
  height: 415px;
  overflow-y: auto;
  float: left;
  width: 100%;
}
.message-main .read-info {
  position: absolute !important;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  padding: 20px;
  display: none;
}
.message-main .info-close {
  font-size: 22px;
}
.message-main .msg-right-side .top {
  padding: 15px 15px 0;
}
.message-main .msg-right-side .head .top h5 {
  margin: 15px 0 3px;
}
.message-main .msg-right-side .head .top span {
  color: #7b7b7b;
  margin-bottom: 20px;
  display: inline-block;
  font-size: 13px;
}
.message-main .chat-owner-avatar .icon-user-1 {
  color: #7b7b7b;
  font-size: 80px;
  margin-bottom: 0;
  height: 80px;
  margin-top: 5px;
}
.message-main .chat-row {
  background: #fff;
  position: relative;
  float: left;
  padding: 6px 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  line-height: 20px;
  margin: 25px 0 0 14%;
  font-weight: 100;
}
.message-main .chat-row .user-name {
  padding-right: 12px;
}
.message-main .chat-row .icon-user-1 {
  font-size: 32px;
  color: #7b7b7b;
}
.message-main .chat-row.admin {
  border: 1px solid #1272c7;
  background: #1e88e5;
  -webkit-border-radius: 0 8px 8px 8px;
  -moz-border-radius: 0 8px 8px 8px;
  -ms-border-radius: 0 8px 8px 8px;
  border-radius: 0 8px 8px 8px;
  color: #fff;
}
.message-main .chat-row.admin .msg-send-time {
  color: #9ecdf7;
}
.message-main .chat-row.user {
  background: #fff;
  border: 1px solid #e6e5e5;
  -webkit-border-radius: 8px 0 8px 8px;
  -moz-border-radius: 8px 0 8px 8px;
  -ms-border-radius: 8px 0 8px 8px;
  border-radius: 8px 0 8px 8px;
}
.message-main .chat-row.user .chat-user-avatar {
  right: -45px;
  left: auto;
}
.message-main ::-webkit-scrollbar {
  width: 6px;
}
.message-main ::-webkit-scrollbar-track {
  background: transparent;
}
.message-main ::-webkit-scrollbar-thumb {
  background: #ddd;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
.message-main ::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}
.message-main .msg-filter .el-date-editor .el-range-separator {
  width: 20%;
}
.message-main .msg-right-main {
  background: #dfeaf7;
}
.message-main .msg-right-side {
  background: #fff;
}
.message-main .msg-right-scroll.middle {
  height: 458px;
}

@media (min-width: 992px) {
  .msg-left {
    padding: 10px 15px;
  }
  .msg-filter .text-search {
    margin-bottom: 15px;
  }
  .msg-row {
    padding: 6px 15px;
  }
  .chat-row.admin {
    max-width: 80%;
    min-width: 25%;
  }
  .chat-row.user {
    max-width: 80%;
    float: right;
    margin-right: 13%;
    text-align: right;
  }
  .msg-textarea {
    padding: 10px;
    background: #fff;
    margin-top: 30px;
  }
  .msg-left {
    -webkit-border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -ms-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
  }
  .msg-textarea .msg-btn {
    padding-left: 10px;
  }
  .msg-left-main {
    border-right: 1px solid #e8e8e8;
  }
  .message-main,
.msg-left-main,
.msg-right-main,
.msg-right-side {
    height: 550px;
  }
}
@media (max-width: 991px) {
  .msg-left,
.msg-filter,
.msg-row {
    padding: 15px;
  }
  .msg-filter .text-search {
    margin-bottom: 15px;
  }
  .chat-row.admin {
    max-width: 82%;
  }
  .chat-row.user {
    max-width: 100%;
    text-align: right;
  }
  .msg-head-right {
    padding: 20px 0 0 8%;
  }
  .msg-left-main .el-pagination {
    white-space: normal;
  }
  .msg-left-main .el-pager li {
    margin-bottom: 15px !important;
  }
  .msg-left-main .btn-prev,
.msg-left-main .btn-next {
    float: left;
    margin-bottom: 15px !important;
  }
  .msg-right-side {
    margin-bottom: 15px;
  }
  .msg-textarea {
    padding: 10px;
  }
  .msg-textarea textarea {
    padding: 5px !important;
  }
}
.msg-textarea textarea {
  border: 0 !important;
}

.msg-filter .el-date-editor .el-range-separator {
  width: 10%;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .msg-right-main.lap-screen,
.msg-left-main.lap-screen,
.msg-right-side.lap-screen {
    width: 100%;
  }
  .msg-right-side.lap-screen {
    margin: 20px 0;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .msg-head-content {
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .msg-right-scroll.middle {
    height: 490px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .msg-right-scroll.middle {
    height: 490px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .msg-right-scroll.middle {
    height: 458px;
  }
}
@media (max-width: 767px) {
  .msg-right-scroll.middle {
    padding: 0 15px;
  }
}
.price-list-details-popup .left-side {
  font-size: 12px;
}
.price-list-details-popup .right-filter {
  display: flex;
  justify-content: end;
}
.price-list-details-popup .right-filter .el-input__inner {
  padding-right: 30px !important;
}

@media (max-width: 767px) {
  .master-campaign.main,
.master-xs-mt-none.main {
    padding-top: 0;
    margin-top: 0 !important;
  }
  .masterMain.district .head-icons .select-round, .masterMain.product-sub-category .head-icons .select-round {
    width: 100%;
    margin-bottom: 15px;
  }
  .price-list-details-popup .right-filter {
    display: block;
  }
  .price-list-details-popup .right-filter .el-select {
    width: 100%;
    margin: 15px 0;
  }
}
.master-route-drawer .icon-input.user .el-input__icon {
  display: block;
}

.additional-activity-main .search-keyword {
  margin-right: 4px;
}

.daily-gram-rate-main .daily-gram-rate {
  font-size: 14px;
  color: #7b7b7b;
  border-top: 1px solid #ececf1;
  padding-top: 20px;
}
.daily-gram-rate-main .daily-gram-rate h4 {
  margin: -2px 0 0 8px;
}
.daily-gram-rate-main .daily-gram-rate .inner {
  padding: 0 15px;
}
.daily-gram-rate-main .daily-gram-rate .inner.first h4 {
  color: #1565c0;
}
.daily-gram-rate-main .daily-gram-rate .inner.second h4 {
  color: #ff6f00;
}
.daily-gram-rate-main .daily-gram-rate .inner .third h4 {
  color: #00c6f3;
}
.daily-gram-rate-main .daily-gram-rate.daily-gram-rate .inner, .daily-gram-rate-main .daily-gram-rate.daily-gram-rate .inner.second, .daily-gram-rate-main .daily-gram-rate.daily-gram-rate .inner.third {
  margin-top: 8px;
}
.daily-gram-rate-main .deactive {
  color: #ccc;
}
.daily-gram-rate-main .user-overview .inner {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.daily-gram-rate-main .top-info-col.total span {
  color: #1565c0;
}
.daily-gram-rate-main .top-info-col.bde span {
  color: #ff6f00;
}
.daily-gram-rate-main .top-info-col.asm span {
  color: #651fff;
}
.daily-gram-rate-main .top-info-col.rsm span {
  color: #00c6f3;
}
.daily-gram-rate-main .top-info-col.online span {
  color: green;
}
.daily-gram-rate-main .top-info-col.online .top-info-col.offline span {
  color: #ed4c4c;
}

.route-drawer .company-input .el-tag--small {
  width: 200px;
  height: auto;
  white-space: normal;
  display: block;
}
.route-drawer .company-input .el-select__tags {
  display: block;
}

@media (min-width: 600px) {
  .daily-gram-rate-main .user-overview {
    display: flex;
  }
  .daily-gram-rate-main .user-overview > div {
    flex: 1;
    padding: 0 15px;
  }
}
@media (max-width: 599px) {
  .daily-gram-rate-main .user-overview > div {
    width: 50%;
    float: left;
    padding: 0 15px;
  }
  .daily-gram-rate .inner {
    padding-bottom: 15px;
  }
}
.master-vdo-view .vjs_video_3-dimensions {
  width: 100% !important;
}
.master-vdo-view .video-js {
  width: 100% !important;
}

.master-lead-source .enable-textbox {
  padding-left: 60px !important;
}

.masterMain .action-delete {
  padding: 0 !important;
  border: 0;
  font-size: 15px !important;
  color: #000;
}

@media (min-width: 768px) and (max-width: 991px) {
  .masterMain.district .head-icons {
    display: flex;
    margin-top: 20px;
  }
  .masterMain.district .head-icons .delete-btn {
    margin: 0 5px;
  }
}
@media (max-width: 1279px) {
  .masterMain.product-sub-category .head-icons {
    float: left;
    margin-top: 20px;
  }
}
.lead-report-main .input-item > div {
  margin: 0;
}
.lead-report-main .lead-report-top {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.lead-report-main .lead-report-top .status-col {
  font-size: 15px;
  margin-top: 25px;
}
.lead-report-main .lead-report-top .status-col h4 {
  color: #061838;
}
.lead-report-main .lead-report-top .status-col .progress {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  height: 10px;
  -webkit-box-shadow: 0 0 0 0px #f1f1f1;
  -moz-box-shadow: 0 0 0 0px #f1f1f1;
  box-shadow: 0 0 0 0px #f1f1f1;
  width: 100%;
  margin: 5px 0 0;
}
.lead-report-main .lead-report-top .status-col.hot {
  color: #eb2f3f;
}
.lead-report-main .lead-report-top .status-col.hot .progress-bar {
  background-color: #f44e4e;
}
.lead-report-main .lead-report-top .status-col.warm {
  color: #ffb20d;
}
.lead-report-main .lead-report-top .status-col.warm .progress-bar {
  background-color: #ffe09e;
}
.lead-report-main .lead-report-top .status-col.cold {
  color: #0ad4f9;
}
.lead-report-main .lead-report-top .status-col.cold .progress-bar {
  background-color: #9deefd;
}
.lead-report-main .lead-report-top span {
  display: inline-block;
  margin-top: 2px;
}
.lead-report-main .lead-report-top .total {
  color: #7b7b7b;
}
.lead-report-main .lead-report-top h2 {
  margin-bottom: 0;
}
.lead-report-main .lead-report-top .status-col.hot .progress-striped .progress-bar,
.lead-report-main .lead-report-top .status-col.hot .progress-bar-striped {
  background-image: -webkit- linear-gradient(45deg, rgba(251, 184, 184, 0.15) 25%, transparent 25%, transparent 50%, rgb(251, 184, 184) 50%, rgb(251, 184, 184) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgb(251, 184, 184) 25%, transparent 25%, transparent 50%, rgb(251, 184, 184) 50%, rgb(251, 184, 184) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgb(251, 184, 184) 25%, transparent 25%, transparent 50%, rgb(251, 184, 184) 50%, rgb(251, 184, 184) 75%, transparent 75%, transparent);
}
.lead-report-main .lead-report-top .status-col.warm .progress-striped .progress-bar,
.lead-report-main .lead-report-top .status-col.warm .progress-bar-striped {
  background-image: -webkit- linear-gradient(45deg, rgba(255, 178, 42, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 178, 42) 50%, rgb(251, 178, 42) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgb(255, 178, 42) 25%, transparent 25%, transparent 50%, rgb(255, 178, 42) 50%, rgb(251, 178, 42) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgb(255, 178, 42) 25%, transparent 25%, transparent 50%, rgb(255, 178, 42) 50%, rgb(251, 178, 42) 75%, transparent 75%, transparent);
}
.lead-report-main .lead-report-top .status-col.cold .progress-striped .progress-bar,
.lead-report-main .lead-report-top .status-col.cold .progress-bar-striped {
  background-image: -webkit- linear-gradient(45deg, rgba(59, 221, 250, 0.15) 25%, transparent 25%, transparent 50%, rgb(59, 221, 250) 50%, rgb(59, 221, 250) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgb(59, 221, 250) 25%, transparent 25%, transparent 50%, rgb(59, 221, 250) 50%, rgb(251, 221, 250) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgb(59, 221, 250) 25%, transparent 25%, transparent 50%, rgb(59, 221, 250) 50%, rgb(59, 221, 250) 75%, transparent 75%, transparent);
}
.lead-report-main .lead-status-bottom {
  background: #576bd4;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 15px;
  margin-top: 24px;
}
.lead-report-main .lead-status-bottom .colum {
  font-size: 13px;
  margin: 10px 0;
  padding: 0 15px;
  color: #fff;
}
.lead-report-main .lead-status-bottom .colum h3 {
  margin: 0;
  color: #a5b3ff;
}

.ageing-alteration-popup .colum-style {
  text-align: center;
}
.ageing-alteration-popup .row .colum-style h5 {
  margin: 0;
}
.ageing-alteration-popup .left {
  padding-top: 25px;
}
.ageing-alteration-popup .el-input__inner {
  border-width: 1px !important;
  padding: 0 10px !important;
  text-align: center;
}

@media (min-width: 1024px) {
  .lead-report-top .status-col {
    position: relative;
    top: 6px;
  }
}
@media (max-width: 991px) {
  .lead-status-bottom .colum {
    font-size: 13px;
  }
  .lead-status-bottom .colum h3 {
    margin-bottom: 4px;
    font-size: 18px;
  }
}
@media (min-width: 600px) {
  .lead-status-bottom {
    display: flex;
  }
  .lead-status-bottom .colum {
    flex: 1;
  }
}
@media (max-width: 599px) {
  .lead-status-bottom .colum {
    float: left;
    width: 50%;
  }
}
@media (max-width: 991px) {
  .order-report-main .total-count {
    width: 100% !important;
    margin-left: 0;
  }
}
.converted-lead-report .search-keyword.width {
  width: 265px !important;
}

.activity-report .activity-icon {
  float: left;
  margin-right: 8px;
}
.activity-report .activity-icon.icon-visit {
  font-size: 14px;
}
.activity-report .activity-icon.icon-followup {
  margin-top: 2px;
  font-size: 12px;
}
.activity-report .icon-visit.activity-icon {
  margin-top: 2px;
}
.activity-report .activity-icon.el-icon-phone-outline,
.activity-report .el-icon-message.activity-icon {
  margin-top: 4px;
}
.activity-report .el-icon-chat-square.activity-icon {
  margin-top: 5px;
  font-size: 14px;
}
.activity-report .filter-div .input-item {
  margin-bottom: 20px;
}
.activity-report .el-radio.activity-filter {
  margin: 15px 0 5px;
}
.activity-report .activity-filter-bottom {
  border-top: 1px solid #112954;
  padding-top: 5px;
}

.targer-report .custom-top-filter-date.month {
  width: 160px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .targer-report .search-keyword {
    width: auto;
  }
  .targer-report .head-icons {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .targer-report .search-keyword,
.targer-report .custom-top-filter-date.month {
    width: 100%;
  }
  .targer-report .custom-top-filter-date {
    margin-right: 0;
  }
  .targer-report .custom-top-filter-date.year {
    width: 100%;
    margin: 15px 0;
  }
}

.expense-report .expense-list .el-table__footer .cell {
  font-weight: bold;
}

.user-report .filter-div {
  width: 340px;
  right: -340px;
}
.user-report .filter-div .el-radio {
  font-weight: 400;
  font-size: 13px;
}
.user-report .filter-div .lbl {
  margin: 18px 0;
  color: #4d87ed;
  font-weight: 500;
  display: block;
  font-size: 15px;
}
.user-report .filter-div.width {
  right: 0;
}

.user-daily-report .followup-leades .cell,
.user-daily-report .employee-leades .cell {
  color: #000;
}

.activity-report-main .activity-icon {
  float: left;
  margin-right: 8px;
}
.activity-report-main .activity-icon.icon-visit {
  font-size: 14px;
}
.activity-report-main .activity-icon.icon-followup {
  margin-top: 2px;
  font-size: 12px;
}
.activity-report-main .icon-visit.activity-icon {
  margin-top: 2px;
}
.activity-report-main .activity-icon.el-icon-phone-outline,
.activity-report-main .el-icon-message.activity-icon {
  margin-top: 4px;
}
.activity-report-main .el-icon-chat-square.activity-icon {
  margin-top: 5px;
  font-size: 14px;
}
.activity-report-main .input-item > div {
  margin-bottom: 0;
}
.activity-report-main .el-radio.activity-filter {
  margin: 15px 0 5px;
}
.activity-report-main .activity-filter-bottom {
  border-top: 1px solid #112954;
  padding-top: 5px;
}

.bpc-activity-main .mrgtp {
  margin-top: 20px;
}

.collection-report-main .total-count,
.commission-report-main .total-count,
.order-report-main .total-count,
.order-product-report-main .total-count {
  width: auto;
  margin-right: 20px;
  margin-top: 10px;
}
.collection-report-main .total-count div,
.commission-report-main .total-count div,
.order-report-main .total-count div,
.order-product-report-main .total-count div {
  font-size: 16px;
}
.collection-report-main [v-cloak],
.commission-report-main [v-cloak],
.order-report-main [v-cloak],
.order-product-report-main [v-cloak] {
  display: none;
}
.collection-report-main .inline,
.commission-report-main .inline,
.order-report-main .inline,
.order-product-report-main .inline {
  display: inline-block;
}

.product-return-report-main .total-count,
.purchase-order-report-main .total-count {
  width: auto;
  margin-right: 20px;
  margin-top: 8px;
}
.product-return-report-main .total-count div,
.purchase-order-report-main .total-count div {
  font-size: 16px;
}
.product-return-report-main [v-cloak],
.purchase-order-report-main [v-cloak] {
  display: none;
}
.product-return-report-main .inline,
.purchase-order-report-main .inline {
  display: inline-block;
}

.executive-summary-report-main .datepicker.exe-sum-report .el-input__prefix {
  display: none;
}
.executive-summary-report-main .head-main .search-keyword.datepicker .el-input__inner {
  border-radius: 0 50px 50px 0 !important;
  left: 0;
}
.executive-summary-report-main .head-main .search-keyword.datepicker.exe-sum-report {
  width: 220px !important;
  margin: 0;
  float: none !important;
}
.executive-summary-report-main .head-main .search-keyword.datepicker.exe-sum-report .el-input__inner {
  border-radius: 50px !important;
}
.executive-summary-report-main .head-main button.download-btn {
  margin-left: 10px;
}
.executive-summary-report-main .search-keyword.select {
  width: 220px !important;
  right: auto;
}
.executive-summary-report-main .mrglft {
  margin-left: 10px;
}
.executive-summary-report-main .imgpos {
  margin: auto;
  position: absolute;
}
@media (max-width: 599px) {
  .executive-summary-report-main .datepicker.exe-sum-report,
.executive-summary-report-main .search-keyword.select {
    width: 100% !important;
    margin: 0 0 15px !important;
  }
  .executive-summary-report-main .head-icons {
    text-align: right;
  }
}
.executive-summary-report-main .datepicker {
  width: 240px !important;
  background: #f5f5f5 !important;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  -ms-border-radius: 20px !important;
  border-radius: 20px !important;
  padding: 0 15px !important;
  border: 0;
}
.executive-summary-report-main .datepicker .el-range-input {
  background: #f5f5f5 !important;
}

.expense-report-main .expense-list .el-table__footer .cell {
  font-weight: bold;
}

.stock-report-main .product-table .el-table tr th:first-child .cell,
.stock-report-main .product-table .el-table tr td:first-child .cell {
  padding: 0 !important;
}

.shop-report .complaint-img {
  font-size: 16px;
  margin-top: 4px;
}

@media (max-width: 767px) {
  .executive-summary-report-main .head-main .search-keyword.datepicker.exe-sum-report {
    width: 100% !important;
    margin: 15px 0 !important;
  }
}
.custom-btn {
  color: #061838;
  height: 38px !important;
  width: 38px;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  border-radius: 50px !important;
  vertical-align: middle;
  padding: 0 !important;
  border-color: #ececec !important;
  background-color: #f5f5f5 !important;
  cursor: pointer;
}
.custom-btn.add-btn {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  background: #f36e7e !important;
  color: #fff !important;
  width: 38px;
  text-align: center;
  padding: 0 !important;
  border: 1px solid rgba(237, 39, 63, 0.25) !important;
}
.custom-btn.add-btn:hover {
  background: #ed273f;
}
.custom-btn.add-btn.activity {
  width: auto;
  padding: 0 15px !important;
  margin-right: 15px;
}
.custom-btn.text-btn {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  background: #f36e7e !important;
  color: #fff !important;
  width: auto;
  text-align: center;
  padding: 0 15px !important;
  border: 1px solid rgba(237, 39, 63, 0.25) !important;
}
.custom-btn.btn-assign {
  font-size: 14px !important;
}
.custom-btn.ico-age {
  font-size: 23px !important;
}
.custom-btn.delete-btn,
.custom-btn .el-icon-download {
  font-size: 15px !important;
}
.custom-btn.is-disabled {
  opacity: 0.7;
}
.custom-btn.delete-btn, .custom-btn.btn-assign, .custom-btn.btn-doc-download {
  padding: 0 !important;
  width: 38px;
}
.custom-btn.btn-doc-download {
  font-size: 16px !important;
}
.custom-btn.green {
  color: #ff0000 !important;
  background: #ffcdcd;
}
.custom-btn.location {
  font-size: 16px;
}
.custom-btn.image {
  font-size: 17px;
  color: #4a9e4f !important;
  background: #d1f1d2;
}
.custom-btn.import-xl {
  line-height: 2.5;
}
.custom-btn.import-xl .icon-xls {
  font-size: 16.2px;
}
.custom-btn .el-icon-refresh-right {
  font-size: 16px;
}
.custom-btn .icon-product,
.custom-btn .icon-stock1 {
  font-size: 15px;
}
.custom-btn.auto-width {
  width: auto;
  padding: 0 15px !important;
}
.custom-btn .icon-block-user {
  font-size: 16.5px;
}
.custom-btn .icon-block-shop {
  font-size: 16.5px;
  top: 2px;
  position: relative;
}
.custom-btn.refresh {
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.custom-btn .icon-deactive,
.custom-btn .icon-view-1,
.custom-btn .icon-double-tick,
.custom-btn .el-icon-upload2 {
  font-size: 16px;
}
.custom-btn .icon-close-square {
  font-size: 15px;
  position: relative;
  top: 2px;
}

.el-button.el-button--primary {
  background: #ed273f;
  border-color: #ed273f;
  color: #fff;
}
.el-button.el-button--primary:hover, .el-button.el-button--primary:focus {
  background: #ed273f;
  border-color: #ed273f;
  color: #fff;
}
.el-button.filter-btn {
  padding: 0 12px 0 30px !important;
  width: auto;
  position: relative;
}
.el-button .custom-icon {
  cursor: pointer;
}
.el-button.details-icon {
  padding: 0 !important;
  border: 0;
}
.el-button.details-icon:hover {
  background: #efd9f3;
}
.el-button.add-second-btn {
  background: #061838;
  color: #fff;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
  border-radius: 6px !important;
  height: 34px;
  padding: 0 12px !important;
  border-color: #3a62a9;
}
.el-button.add-second-btn .el-icon-plus {
  font-size: 12px;
}
.el-button.el-icon-plus {
  font-weight: 600;
}
.el-button .add-btn-icon {
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0;
  font-size: 22px;
  padding: 0 !important;
  color: #ed273f;
}

.custom-icon {
  cursor: pointer;
}
.custom-icon.icon-rupee-1 {
  font-size: 13px;
}

.filter-btn .icon-filter {
  font-size: 12px;
  top: 13px;
}

.btn-primary {
  color: #fff;
  background-color: #ed273f;
  border-color: #ed273f;
}
.btn-primary.text-btn {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  background: #f36e7e !important;
  color: #fff !important;
  width: 38px;
  text-align: center;
  padding: 0 !important;
  border: 1px solid rgba(237, 39, 63, 0.25) !important;
  width: auto;
  height: 38px;
  line-height: 36px;
  padding: 0 15px !important;
  font-size: 14px;
}
.btn-primary.text-btn.activity {
  width: auto;
  padding: 0 15px !important;
  margin-right: 15px;
}

.add-btn.btn {
  padding: 8px 12px;
}

.btn-icon {
  position: absolute;
  left: 10px;
}

a.el-icon-edit, a.el-icon-edit-outline, a.el-icon-delete, a.el-icon-close, a.el-icon-view, a.el-icon-time, a.el-icon-download {
  color: #000;
  font-size: 14px;
}
a i.el-icon-edit, a i.el-icon-delete {
  color: #000;
  font-size: 14px;
}

.add-btn-small .el-button {
  padding: 0 !important;
  border: 0;
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 18px !important;
  color: #36b206;
  float: right;
}
.add-btn-small .btn-close {
  color: #ed273f;
  margin-left: 2px;
}

.download-text-btn {
  border: 1px solid #061838;
  color: #061838;
  padding: 6px;
  border-radius: 4px;
  font-size: 13px;
}

.btn-assign .el-icon-sort {
  font-size: 14px;
  top: 12px;
  transform: rotate(40deg);
}

.text-link {
  color: rgba(237, 39, 63, 0.7);
  cursor: pointer;
}

.import-here-btn {
  background: none !important;
}
.import-here-btn:hover {
  color: #ed273f !important;
}

.table-colum-action-btn {
  padding: 0 !important;
  border: 0 !important;
  color: #000 !important;
  background: none !important;
}

.drawer-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 11;
}

.drawer-div {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  height: 100%;
  z-index: 12;
}
.drawer-div .el-date-editor--time .el-icon-time {
  display: none;
}

.drawer-footer {
  height: 50px;
}
.drawer-footer .el-button {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

.drawer-head {
  border-bottom: 1px solid #ddd;
  margin: 0 -15px 30px;
  height: 70px;
  padding: 20px 30px;
}
.drawer-head h4 {
  font-size: 20px;
  margin: 0;
  color: #061838;
}

.drawer-close-btn {
  cursor: pointer;
  font-size: 15px;
  background-color: transparent;
  width: 26px;
  height: 26px;
  float: right;
  border: 2px solid #ed273f;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  color: #ed273f;
  line-height: 22px;
  font-weight: 600;
}

.icon-input .input-icon {
  background: #e6697e;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  line-height: 28px !important;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-input .input-icon.icon-tax-1 {
  font-size: 9px;
  line-height: 30px !important;
}
.icon-input .input-icon.icon-lead {
  font-size: 16px;
  line-height: 32px !important;
}
.icon-input .input-icon.icon-visit {
  font-size: 15px;
  padding-top: 3px;
}
.icon-input .input-icon.icon-calendar-1, .icon-input .input-icon.icon-product, .icon-input .input-icon.icon-campian {
  font-size: 13px;
  padding-top: 1px;
}
.icon-input .input-icon.icon-pincode {
  font-size: 15px;
  padding-top: 2px;
}
.icon-input .input-icon.icon-rupee {
  font-size: 11px;
  padding-top: 2px;
}
.icon-input .input-icon.icon-rupee {
  font-size: 11px;
  padding-top: 2px;
}
.icon-input .input-icon.icon-squares {
  font-size: 11px;
}
.icon-input .input-icon.icon-reason {
  font-size: 10px;
}
.icon-input .input-icon.icon-gold {
  font-size: 16px;
  padding-top: 1px;
}
.icon-input .input-icon.icon-title {
  font-size: 15px;
  padding-top: 3px;
}
.icon-input .input-icon.el-icon-document {
  font-size: 15px;
}
.icon-input .input-icon.el-icon-school {
  font-size: 15px;
}
.icon-input .input-icon.el-icon-map-location {
  font-size: 15px;
}
.icon-input.add .el-input {
  width: calc(100% - 95px) !important;
  float: left;
  margin-left: 45px;
}
.icon-input.add .add-btn-small {
  position: absolute;
  top: 30px;
  right: 0;
}
.icon-input .help-block,
.icon-input .error {
  float: left;
  width: 100%;
  padding-left: 45px;
}
.icon-input .el-input,
.icon-input .el-textarea,
.icon-input .el-date-editor {
  width: calc(100% - 45px) !important;
  float: right;
}
.icon-input .el-input__icon {
  display: none;
}
.icon-input label {
  font-size: 12px !important;
  color: #7b7b7b;
  padding-left: 45px;
}
.icon-input .el-textarea {
  margin-top: 5px;
}
.icon-input .el-date-editor .el-range-input,
.icon-input .el-date-editor .el-range-separator {
  text-align: left !important;
}
.icon-input.multi-select .el-input__inner {
  height: auto !important;
  line-height: 30px !important;
  border-radius: 0px !important;
}
.icon-input .el-select__tags {
  padding-left: 38px;
}

.drawer-transition-enter-active {
  transition: all 0.4s ease;
}

.drawer-transition-leave-active {
  transition: all 0.4s ease;
}

.drawer-transition-enter,
.drawer-transition-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

.three-colum-drawer, .two-colum-drawer {
  flex-wrap: wrap;
  display: flex;
}

#right-pane {
  background: #fff;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  padding-top: 55px;
  z-index: 5;
  height: 100%;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
#right-pane .ps {
  height: 100%;
}
#right-pane .media-left {
  position: relative;
}
#right-pane .user-status {
  border: 2px solid #fff;
  top: 0px;
  right: 10px;
}

.side-minimize {
  background: #061838;
  position: fixed;
  right: 0;
  text-align: center;
  bottom: 30px;
  margin: auto;
  font-size: 14px;
  width: 30px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  -webkit-border-radius: 40px 0 0 40px;
  -moz-border-radius: 40px 0 0 40px;
  -ms-border-radius: 40px 0 0 40px;
  border-radius: 40px 0 0 40px;
  -webkit-transition: width 0.3s ease 0s;
  transition: width 0.3s ease 0s;
  z-index: 3;
}
.side-minimize:hover {
  width: 40px;
}
.side-minimize .el-icon-caret-left {
  margin-left: 5px;
}

.side-nav span.el-icon-shopping-cart-full {
  font-size: 18px;
  margin-top: 8px;
}
.side-nav span.el-icon-bank-card {
  font-size: 16px;
  margin-top: 5px;
}
.side-nav span.icon-placeholder {
  font-size: 18px;
  margin-top: 5px;
}

.right-pane-titile {
  background: #1f3866;
  color: #fff;
  font-size: 14px;
  position: relative;
  letter-spacing: 0.7px;
  padding: 22px 15px 18px;
  cursor: pointer;
}

.side-toggle-ico {
  font-size: 9px;
  margin-left: 5px;
}

.recent-activity-sidebar-li {
  padding: 8px 10px 2px;
  border-bottom: 1px solid #f2f4f8;
  margin: 0;
}
.recent-activity-sidebar-li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.recent-activity-sidebar-li .media-left img {
  width: 36px;
}

.user-not-active {
  color: #ed273f;
}

.users-status-col {
  padding: 15px;
  background: #f4f6f9;
  font-size: 11px;
}

.sidebar-users-status .media-body {
  padding-top: 3px;
}
.sidebar-users-status a {
  position: relative;
}

.users-statistics h3 {
  font-size: 20px;
  font-weight: 800;
}

#right-pane li.sidebar-users-status {
  padding: 8px 10px;
  border-bottom: 1px solid #f2f4f8;
}

#right-pane li.sidebar-users-status:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.sidebar-users-status a .user-status {
  width: 12px;
  height: 12px;
  bottom: -13px;
  right: -1px;
  border: 2px solid #fff;
  top: auto;
}

.users-status-col.online h3 {
  color: #60c04c;
}

.users-status-col.offline h3 {
  color: #ed2940;
}

.users-status-col.leave h3 {
  color: #17b5ff;
}

.users-status-col.deactive h3,
.users-status-col.deactive span {
  opacity: 0.3;
}

.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    right: -265px;
  }
  to {
    right: 0;
  }
}
@keyframes fadeIn {
  0% {
    right: -265px;
  }
  to {
    right: 0;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  0% {
    right: 0;
  }
  to {
    right: -265px;
  }
}
@keyframes fadeOut {
  0% {
    right: 0;
  }
  to {
    right: -265px;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.recent-activity {
  /* always present */
  /* .expand-enter defines the starting state for entering */
  /* .expand-leave defines the ending state for leaving */
}
.recent-activity .no-data-available {
  margin: 30px 0;
  position: static;
  height: auto;
  width: auto;
}
.recent-activity .expand-transition {
  transition: all 0.3s ease;
  height: 30px;
  padding: 10px;
  background-color: #eee;
  overflow: hidden;
}
.recent-activity .expand-enter,
.recent-activity .expand-leave {
  height: 0;
  padding: 0 10px;
  opacity: 0;
}

.users-online-refresh span {
  color: #fff;
  font-size: 11px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.online-last-time {
  font-size: 11px;
}

.sidebar-users-status p {
  margin-bottom: 0;
}

.recent-sec {
  padding-top: 3px;
}
.recent-sec .added {
  font-size: 11px;
}

.login-html {
  overflow: hidden;
}

.login-container {
  padding: 50px 70px 50px 100px;
  height: 100vh;
}
.login-container .web-url {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}
.login-container .web-url a {
  color: #ed273f;
  font-size: 12px;
  letter-spacing: 0.8px;
}

.login-field {
  position: relative;
  z-index: 1;
}

.login-html,
.login-body,
.login-left,
.login-right {
  height: 100%;
}

.login-logo-image {
  margin-left: auto;
  margin-right: auto;
}

.login-left {
  background: #fff;
  padding: 0 70px;
  height: 100%;
  position: relative;
  -webkit-border-radius: 50px 0 0 50px;
  -moz-border-radius: 50px 0 0 50px;
  -ms-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login-left:after {
  content: "";
  background: url(../images/dot-bg.svg);
  position: absolute;
  right: 50px;
  top: 24px;
  height: 140px;
  width: 135px;
}
.login-left:before {
  content: "";
  background: url(../images/dot-bg.svg);
  position: absolute;
  left: 24px;
  bottom: 30px;
  height: 160px;
  width: 145px;
}
.login-left .login-img {
  margin-top: 30px;
}
.login-left h1 {
  color: #fff;
  font-size: 34px;
  position: relative;
}
.login-left h1:after {
  content: "";
  height: 2px;
  background: #fff;
  width: 70px;
  position: absolute;
  bottom: -16px;
  left: 0;
}
.login-left h5 {
  margin-top: 14px;
  line-height: 22px;
  word-break: break-word;
  text-align: justify;
  font-weight: 400;
  font-size: 14px;
}

.login-right {
  background: #061838;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-border-radius: 50px 0 50px 0;
  -moz-border-radius: 50px 0 50px 0;
  -ms-border-radius: 50px 0 50px 0;
  border-radius: 50px 0 50px 0;
  padding: 0;
  position: relative;
  right: 34px;
}
.login-right:after {
  content: "";
  background: url(../images/login-bg-1.svg);
  position: absolute;
  right: 0;
  top: 0;
  height: 530px;
  width: 800px;
}
.login-right:before {
  content: "";
  background: url(../images/login-bg-2.svg);
  position: absolute;
  left: 0;
  bottom: 0;
  height: 288px;
  width: 504px;
}
.login-right h3 {
  color: #6c9bef;
  font-size: 34px;
  text-transform: uppercase;
  font-size: 26px;
  margin: 130px 0 26px;
}

.login-field-inner {
  width: 330px;
}
.login-field-inner input {
  height: 42px;
  border-color: #6c9bef;
  border-width: 0 0 1px;
  background: transparent !important;
  width: 100%;
  color: #6c9bef;
}
.login-field-inner input::placeholder {
  color: #6c9bef;
}
.login-field-inner input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #061838 inset !important;
  -webkit-text-fill-color: #6c9bef !important;
}
.login-field-inner input:hover:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #061838 inset !important;
  -webkit-text-fill-color: #6c9bef !important;
}
.login-field-inner .el-form-item {
  margin-bottom: 26px !important;
}

.login-btn {
  background: #ed273f;
  border: 0;
  width: 46%;
  height: 40px;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  display: block;
  margin: 36px auto 0;
  text-transform: uppercase;
}

.forgot-password {
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #6c9bef;
  margin-top: 30px;
  display: inline-block;
}
.forgot-password.active {
  background: none !important;
}

.login-social-media {
  margin-top: 30px;
  -webkit-border-radius: 50px 0 50px 0;
  -moz-border-radius: 50px 0 50px 0;
  -ms-border-radius: 50px 0 50px 0;
  border-radius: 50px 0 50px 0;
  background: #001E54;
  width: 200px;
  height: 50px;
  display: flex;
  align-items: center;
  align-self: flex-end;
  position: relative;
  z-index: 1;
}
.login-social-media a {
  color: #6c9bef;
  font-size: 15px;
  display: inline-block;
  margin-left: 15px;
}
.login-social-media a:hover {
  color: #ed273f;
  border-color: rgba(237, 39, 63, 0.6);
}

@media (max-width: 1279px) {
  .login-left h5 br {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .login-container {
    padding: 50px 20px 50px 30px;
  }
}
@media (max-width: 991px) {
  .login-container {
    padding: 0;
  }
  .login-field-inner {
    width: 100%;
    position: static;
  }
  .login-right {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
  .login-social-media {
    right: -20px;
  }
  .login-social-media {
    -webkit-border-radius: 50px 0 0 0;
    -moz-border-radius: 50px 0 0 0;
    -ms-border-radius: 50px 0 0 0;
    border-radius: 50px 0 0 0;
  }
}
/*** Sign up****/
.signup-field-inner .form-control {
  height: 42px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  border-color: rgba(6, 24, 56, 0.1);
  padding: 3px 15px;
  -webkit-box-shadow: 0 0 0 0 #f1f1f1;
  -moz-box-shadow: 0 0 0 0 #f1f1f1;
  box-shadow: 0 0 0 0 #f1f1f1;
}
.signup-field-inner .form-control:hover, .signup-field-inner .form-control:focus {
  border-color: rgba(6, 24, 56, 0.5);
  font-weight: 600;
}
.signup-field-inner .el-form-item {
  margin-bottom: 15px !important;
}
.signup-field-inner .el-input__inner {
  border: 0;
  background: transparent;
}
.signup-field-inner .el-button.login-btn {
  background: #ed273f;
  border: 0;
  width: 46%;
  height: 42px;
  color: #fff;
  font-size: 15px !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  margin: 30px auto 0;
  display: block;
  font-weight: 400;
}

.signup-btn,
.signin-brn {
  text-decoration: underline;
  font-weight: 700;
}

.signup-bottom span {
  font-size: 15px;
  margin: 20px 0 15px;
}

@media (max-width: 991px) {
  .login-container .web-url a {
    color: #6c9bef;
  }
}
.leave-popup-info-cover {
  padding-left: 60px;
}

.addleave-select-type {
  padding-left: 60px;
}
.addleave-select-type h5 {
  width: 130px;
  display: inline-block;
  font-weight: 400;
}
.addleave-select-type .el-radio {
  width: 90px;
}
.addleave-select-type .el-form-item {
  margin-bottom: 10px !important;
}

.leave-popup-info {
  background: #f3f7ff;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding-top: 18px;
}
.leave-popup-info h5 {
  margin: 5px 0 0;
  font-size: 20px;
  color: #7cacff;
}

.update-leave-info {
  display: flex;
  flex-wrap: wrap;
}
.update-leave-info .colum-style {
  padding: 0 15px;
  margin-bottom: 20px;
  flex: 0 0 33.333%;
}
.update-leave-info.reason {
  flex: 1;
}

@media (max-width: 767px) {
  .update-leave-info .colum-style {
    flex: 100%;
  }
}
.leave-main .user-name {
  color: #000;
  margin-right: 10px;
}
.leave-main .user-id {
  color: #7b7b7b;
  font-size: 12px;
}

.leave-details-popup .img-doc {
  border: 0;
  padding: 0;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.leave-details-popup .img-doc img {
  padding: 5px;
  border: 1px solid rgba(6, 24, 56, 0.15);
}
.leave-details-popup .el-icon-refresh,
.leave-details-popup .el-icon-download {
  font-size: 16px;
}

.oops_main {
  margin-top: 15%;
}
.oops_main .break {
  word-break: break-word;
}
.oops_main img {
  float: left;
  margin-left: 5%;
}
.oops_main h2 {
  float: left;
  color: #0e76bc;
  font-size: 75px;
  margin-top: 70px;
}
.oops_main h3 {
  float: left;
  color: #5b5b5b;
  font-size: 40px;
  padding-left: 25px;
  margin-top: 94px;
}
.oops_main h4 {
  line-height: 30px;
  float: left;
  color: #5b5b5b;
}
.oops_main h5 {
  float: left;
  text-align: centre;
  margin-left: 17%;
}

.order-main [v-cloak] {
  display: none;
}
.order-main .inline {
  display: inline-block;
}
.order-main .total-count {
  width: auto;
  margin-right: 20px;
  margin-top: 8px;
}
.order-main .total-count div {
  font-size: 16px;
}
.order-main .order-list-table .el-icon-printer {
  font-size: 15px;
  color: #000 !important;
  margin-right: 8px;
  margin-left: 3px;
}
.order-main .add-btn {
  line-height: 36px;
}
.order-main .add-btn span {
  font-weight: 600;
}
.order-main .add-order-drawer .add-btn {
  line-height: 14px;
}
.order-main .add-order-drawer .add-btn span {
  font-weight: normal;
}

.order-by {
  color: #fff;
  margin-left: 10px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #50a951;
  border-radius: 50%;
  font-size: 11px;
  text-align: center;
  line-height: 24px;
}

.order-details .top-info-section .colum-style-cover {
  background: #f3f7ff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding-top: 15px;
}
.order-details .add-order-section {
  background: #f3f7ff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
}
.order-details .add-order-section .colum {
  flex: 1;
}

.update-order .colum-style {
  margin-bottom: 10px;
  border-bottom: 1px solid #EDF1F5;
  padding: 0 0 10px;
}
.update-order .colum-style h5 {
  margin-top: 5px;
  word-break: break-all;
}
.update-order .select-type label.el-radio {
  display: block;
  margin-top: 8px;
}

@media (min-width: 992px) {
  .order-details .colum-style {
    flex: 0 0 25%;
  }
  .order-details .add-order-section-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .order-details .add-order-section .el-form-item {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1280px) {
  .order-details .colum-style {
    flex: 0 0 20%;
  }
}
@media (max-width: 991px) {
  .order-main .total-count.amt, .order-main .total-count.qty {
    margin-left: 0;
    margin-right: 0;
  }
  .order-details .add-order-section {
    padding-bottom: 20px;
  }
  .order-details .add-order-section .colum {
    flex: 0 0 100%;
  }
}
.order-details .colum-style-cover {
  display: flex;
  flex-wrap: wrap;
}
.order-details .colum-style {
  padding: 0 15px;
}
.order-details .colum-style h5 {
  margin-top: 5px;
}
.order-details .colum-style.remark {
  flex: 1;
}

.add-order-select-type .el-radio-group {
  display: flex;
}
.add-order-select-type .el-radio-group label:last-child {
  padding-left: 0;
}
.add-order-select-type .el-radio-group .el-radio {
  margin-right: 10px;
}
.add-order-select-type .el-radio-group .el-radio__label {
  padding-left: 6px;
}

@media (max-width: 1279px) {
  .order-details {
    width: 96% !important;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .order-details .colum-style {
    flex: 0 0 33.333%;
  }
}
@media (min-width: 768px) {
  .order-details .add-order-section-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .order-varient-popup .product-info .colum-style {
    padding-right: 30px;
  }
  .update-order .colum-style-cover .colum-style {
    width: 100%;
    float: left;
  }
}
@media (max-width: 767px) {
  .order-details .colum-style {
    flex: 0 0 100%;
  }
  .order-varient-popup .product-info .colum-style {
    width: 100%;
  }
}
.product-main .product-table .el-table tr th:first-child .cell,
.product-main .product-table .el-table tr td:first-child .cell {
  padding: 0 !important;
}

.product-action-dropdown .icon-ledger {
  font-size: 14px;
  top: 3px;
  position: relative;
}
.product-action-dropdown .el-dropdown-menu__item {
  font-size: 13px;
}

.product-price-level .footer-section .remove-btn {
  color: rgba(6, 24, 56, 0.4);
}
.product-price-level .footer-section .add-btn {
  color: #061838;
}

.product-price-level-box-cover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #f3f7ff;
  padding: 15px;
  float: left;
  width: 100%;
}
.product-price-level-box-cover h6 {
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.product-price-level-box {
  border-top: 1px solid rgba(6, 24, 56, 0.1);
  margin-top: 10px;
  padding-top: 10px;
  float: left;
  width: 100%;
}
.product-price-level-box:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.product-price-level-box .el-input__inner {
  background: #fff !important;
  padding: 0 10px !important;
  border: 1px solid #ccc !important;
  height: 34px;
  margin-top: 5px;
}
.product-price-level-box label {
  font-size: 11px;
  color: #7b7b7b;
  display: block;
}
.product-price-level-box .el-form-item {
  margin-bottom: 15px !important;
}
.product-price-level-box .cover-div {
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
.product-price-level-box .colum {
  flex: 1;
  padding: 0 6px;
}

.price-list-details-popup .colum-style {
  padding: 0 15px;
}
.price-list-details-popup .el-table td.sub_row th {
  background: #eae9e9 !important;
}

@media (max-width: 767px) {
  .price-list-details-popup .colum-style {
    flex: 0 0 100%;
  }
}
.role-management-main .role-manage-col {
  margin-top: 20px;
}
.role-management-main .role-manage-col h5 {
  font-weight: 600;
  margin: 0;
  background: #f2f2f2;
  padding: 15px 12px;
  border-radius: 4px;
}
.role-management-main .role-manage-col h5 + div {
  background: #f2f2f2;
  padding: 10px 15px 0 15px;
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
  display: none;
}
.role-management-main .role-manage-col .swich-col {
  margin: 0 15px 20px 0;
}
.role-management-main .responsive-table {
  white-space: nowrap;
  overflow-x: auto;
  border: 1px solid #ebeff5;
}
.role-management-main table tr:nth-child(odd) {
  background-color: #f8f8f8;
}
.role-management-main table tr th,
.role-management-main table tr td {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #EBEEF5;
}
.role-management-main table tr th {
  background: #f8f8f8;
  color: #000;
  text-transform: uppercase;
  font-size: 11px;
}
.role-management-main table tr th:last-child {
  border-width: 0;
}
.role-management-main table tr td .pull-left + .pull-left {
  margin-top: 6px;
}
.role-management-main table tr td:last-child {
  border-width: 0;
}

.displayAll {
  display: block !important;
}

@media (min-width: 1280px) {
  .role-manage-col:nth-child(4n+1) {
    clear: left;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .role-manage-col:nth-child(3n+1) {
    clear: left;
  }
}
@media (max-width: 991px) {
  .role-manage-col:nth-child(2n+1) {
    clear: left;
  }
}
.ledger-amount-section {
  display: flex;
  flex-wrap: wrap;
}
.ledger-amount-section div {
  padding: 0 15px;
}
.ledger-amount-section div.leader-amt span {
  color: #3468C0;
}
.ledger-amount-section div.opening-bl span {
  color: #4CB9E7;
}
.ledger-amount-section div.closing-bl span {
  color: #65B741;
}
.ledger-amount-section span {
  font-weight: 600;
  font-size: 18px;
}

@media (max-width: 991px) {
  .ledger-main .total-count {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .ledger-main .head-icons .select-round {
    width: 100%;
    margin-bottom: 15px;
  }
  .ledger-amount-section div {
    flex: 0 0 100%;
    margin-top: 15px;
  }
}
.feedback-details .colum-cover {
  display: flex;
  flex-wrap: wrap;
}
.feedback-details .colum-cover .colum-style {
  flex: 0 0 33.333%;
  padding: 0 15px;
}
.feedback-details .colum-cover .colum-style.feedback-col {
  flex: 1;
}

.td-location-icon {
  font-size: 18px;
}

.tally-main .col {
  margin: 15px 0 0;
  padding: 0 15px 0 0;
}
.tally-main .col .inner {
  border: 1px dashed #ccc;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: #f5f5ff;
  height: 100%;
}
.tally-main .col .inner h5 {
  margin: 0 0 5px;
}
.tally-main .col .inner .el-button {
  float: right;
  color: #ed273f;
  padding: 0 !important;
  font-size: 10px !important;
  background: none;
  border: 0;
  text-decoration: underline;
  background: none !important;
  margin-top: 5px;
}
.tally-main .col .inner .last-sync {
  font-size: 11px;
  color: #7b7b7b;
}
.tally-main .head-icons {
  display: flex;
  justify-content: flex-end;
}
.tally-main .head-icons .select-round {
  width: 250px;
}

.el-select-dropdown__item .approved {
  color: #31b131;
}

.tally-main-wrapper {
  display: flex;
  flex-wrap: wrap;
  /* max-height: 200px;
  overflow-y: auto;   */
}

.tally-status {
  font-weight: bold;
}
.tally-status.on {
  color: green;
}
.tally-status.off {
  color: red;
}
.tally-status.failed {
  border: 1px solid red;
  padding: 1px 3px 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
  color: red;
  font-size: 10px;
  background: #ffeeee;
}
.tally-status.connected {
  border: 1px solid green;
  padding: 1px 3px 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
  color: green;
  font-size: 10px;
  background: #ecffec;
}

.tally-select-detail {
  padding-bottom: 15px;
}
.tally-select-detail .colum {
  color: #7b7b7b;
  font-size: 11px;
}
.tally-select-detail .colum p {
  color: #000;
  font-size: 13px;
  margin: 3px 0 0;
  word-break: break-word;
}

.tally-section {
  background: #e1ecff;
  padding-bottom: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.notification-page .filter {
  background: #f5f5f5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  padding: 20px;
}
.notification-page .filter .el-form-item__content {
  background: #fff;
}
.notification-page .filter .el-form-item__label {
  padding: 0 !important;
  font-size: 12px !important;
  margin: 0 0 5px;
}
.notification-page .el-table {
  border-top: 0;
}
.notification-page .el-table thead {
  display: none;
}
.notification-page .el-table .id {
  font-weight: 600;
}
.notification-page .el-table .by {
  color: #7b7b7b;
  margin-left: 5px;
  font-size: 12px;
}
.notification-page .el-table .status {
  float: right;
}
.notification-page .info .el-icon-success {
  float: left;
  width: 30px;
  font-size: 20px;
  margin-top: 2px;
  color: #83d000;
}
.notification-page .info.unread .el-icon-success {
  color: rgba(123, 123, 123, 0.2);
}

.notification-row {
  background: #fff;
  padding: 15px;
  -webkit-box-shadow: 0 0 8px 0 rgba(6, 24, 56, 0.05);
  -moz-box-shadow: 0 0 8px 0 rgba(6, 24, 56, 0.05);
  box-shadow: 0 0 8px 0 rgba(6, 24, 56, 0.05);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.notification-row .avatar {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid;
}
.notification-row .content {
  width: calc(100% - 40px);
  padding-left: 15px;
  color: rgba(123, 123, 123, 0.7);
  padding-top: 5px;
}
.notification-row .content p {
  color: #061838;
  font-size: 12px;
  margin: 6px 0 0;
  display: flex;
}
.notification-row .content p i {
  font-size: 20px;
  margin-right: 10px;
  color: rgba(123, 123, 123, 0.3);
}
.notification-row.read p i {
  color: #83d000;
}

.ready-sync-top {
  display: flex !important;
  flex-wrap: wrap;
}
.ready-sync-top h3, .ready-sync-top h4 {
  font-size: 15px;
}
.ready-sync-top .col {
  padding: 0 25px;
  margin-top: 10px;
  float: left;
  border-left: 1px solid rgba(6, 24, 56, 0.16);
}
.ready-sync-top .col .content {
  display: inline-block;
  padding-top: 8px;
}
.ready-sync-top .col.last-sync {
  padding-top: 8px;
}
.ready-sync-top .col:first-child {
  border-left: 0;
  padding-left: 0;
}
.ready-sync-top span {
  font-size: 11px;
  color: #7b7b7b;
  margin-top: 2px;
  display: inline-block;
}
.ready-sync-top span.stat span {
  padding: 1px 6px 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-size: 10px;
}
.ready-sync-top span.stat span.connected {
  border: 1px solid green;
  color: green;
  background: #e2ffe2;
}
.ready-sync-top span.stat span.not-connected {
  border: 1px solid red;
  color: red;
  background: #ffeeee;
}
.ready-sync-top i.icon-large {
  display: inline-block;
  background: #fdedef;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 15px;
  color: #ed273f;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f68f9b;
}
.ready-sync-top h5 {
  margin: 0;
}
.ready-sync-top .custom-btn-1 {
  height: 30px;
  width: 30px;
  margin-top: 20px;
  font-size: 14px;
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  font-weight: 600;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
}

.ready-sync-box {
  margin: 10px 0;
  text-align: center;
}
.ready-sync-box .inner {
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #f5f5f5;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  border: 1px solid #e8e8e8;
}
.ready-sync-box .inner .el-form-item {
  margin: 15px 0 0 !important;
}
.ready-sync-box h5 {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 500;
}
.ready-sync-box p {
  font-size: 11px;
  color: #7b7b7b;
}
.ready-sync-box .el-button {
  padding: 0 !important;
  background: transparent !important;
  border: 0;
  color: #ed273f;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  margin-top: 10px;
}
.ready-sync-box .el-button span {
  color: #ed273f !important;
}
.ready-sync-box .el-button:hover {
  text-decoration: none;
}
.ready-sync-box .el-range-editor.el-input__inner,
.ready-sync-box .el-input__inner {
  background: #fff !important;
  padding: 0 15px !important;
}
.ready-sync-box .el-range-separator {
  width: 15% !important;
}

.company-date {
  font-size: 10px;
}
.company-date i {
  float: left;
  margin-right: 5px;
  font-size: 11px;
  margin-top: 1px;
}

.ready-to-sync-filter .add-btn {
  line-height: 36px;
  font-size: 14px;
}

@media (max-width: 1279px) {
  .notification-page .el-table .id {
    display: block;
  }
  .notification-page .el-table .by {
    padding-left: 26px;
  }
}
@media (min-width: 768px) {
  .notification-page .right {
    padding-left: 50px;
  }
  .notification-page .wrapper {
    display: flex;
    min-height: calc(100vh - 130px);
  }
  .ready-to-sync-filter .el-select {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .ready-to-sync-filter .el-select {
    width: 250px;
  }
}
body,
html {
  font-family: "Ubuntu", sans-serif;
  background: #ebeff5 !important;
  font-weight: 400;
  color: #000;
  font-size: 13px;
  letter-spacing: 0.4px;
  overflow-y: auto;
}

body.el-popup-parent--hidden {
  height: auto;
}

*,
input[type=button] {
  outline: none;
}

/* Scrollbar Styling */
body::-webkit-scrollbar {
  width: 5px;
  transition: all 200ms ease;
}

body::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #BDC3C7;
}

.d-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

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

.border-none {
  border: none !important;
}

a {
  color: #061838;
  text-decoration: none;
  cursor: pointer;
}

b,
strong {
  font-weight: 700;
}

ul {
  padding-left: 0;
  list-style: none;
}

a:hover {
  text-decoration: none;
}

.pointer {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #000;
}

.offline-status {
  background: #f13b3b;
}

.online-status {
  background: green;
}

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

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

.h-100 {
  height: 100% !important;
}

.w-37 {
  width: 37%;
}

.mb-15 {
  margin-bottom: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.ml-0 {
  margin-left: 0 !important;
}

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

.ml-5 {
  margin-left: 5px !important;
}

.mt-5 {
  margin-top: 5px;
}

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

.mb-5 {
  margin-bottom: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-15 {
  margin-right: 15px !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-30 {
  margin-top: 30px;
}

.pr-15 {
  padding-right: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px;
}

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

.float-none {
  float: none;
}

.m-auto {
  margin: auto;
}

.d-inline-block {
  display: inline-block;
}

.mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

.pr-0 {
  padding-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.p-15 {
  padding: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

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

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

.d-block {
  display: block;
}

.position-relative {
  position: relative;
}

.red,
.red-color {
  color: #e53935;
}

.style-unset {
  list-style: unset;
}

.word-break {
  word-break: break-word;
}

.popup-color-box {
  padding: 15px;
  background: #f3f3f3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.popup-color-box .el-input__inner,
.popup-color-box .el-textarea__inner {
  background: transparent;
}

.el-form-item__label {
  text-align: left !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #000 !important;
}

.el-form-item__label {
  line-height: 24px !important;
}

.el-checkbox__inner {
  border: 1px solid #dedede !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #ed273f !important;
  border-color: #ed273f !important;
}

.el-checkbox__inner::after {
  left: 6px !important;
  top: 3px !important;
}

.app-main,
.main-wrapper {
  height: 100%;
}

.data-bg {
  margin-bottom: 20px;
  padding: 20px 15px 30px !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 22px 0 rgba(136, 190, 243, 0.1);
  -moz-box-shadow: 0 0 22px 0 rgba(136, 190, 243, 0.1);
  box-shadow: 0 0 22px 0 rgba(136, 190, 243, 0.1);
}

.user-status {
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: -3px;
  right: 4px;
  border: 3px solid #fff;
}

.search-keyword.sales .el-input__inner {
  width: 268px;
}

.popup-top-info {
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}
.popup-top-info span {
  display: block;
  font-size: 13px;
  color: #828181;
}

.popup-top-info.sm {
  font-size: 15px;
}

.expense-list .el-table__footer .cell {
  font-weight: bold;
}

.colum-style {
  margin-bottom: 15px;
  color: #7b7b7b;
  font-size: 12px;
}
.colum-style h5 {
  margin: 3px 0 0;
  word-break: break-word;
}

.back-btn {
  font-size: 22px;
  margin: 5px 0 0 12px;
  color: #212121;
}

.total-count {
  color: #061838;
  margin: 8px 0 0 20px;
}
.total-count span {
  color: #ed273f;
  font-weight: 600;
  font-size: 15px;
}

.icon-reference.small {
  font-size: 12px;
  margin-right: 8px;
}

.search-keyword {
  right: -5px;
}
.search-keyword.datepicker .el-range-editor .el-range-input {
  background: transparent;
  width: 75px !important;
}
.search-keyword .el-input__inner {
  background: #f5f5f5 !important;
  border: 0;
  -webkit-border-radius: 50px 0 0 50px !important;
  -moz-border-radius: 50px 0 0 50px !important;
  -ms-border-radius: 50px 0 0 50px !important;
  border-radius: 50px 0 0 50px !important;
  height: 38px !important;
  padding: 0 30px 0 15px !important;
}

.page-head {
  margin: 5px 0 0;
  font-weight: 700;
  font-size: 20px;
}

.common-search {
  display: inline-block;
  position: relative;
  margin-right: 5px;
}
.common-search .el-button {
  background: #e9e9e9;
  height: 38px;
  width: 40px;
  padding: 0 4px 0 0 !important;
  -webkit-border-radius: 0 50px 50px 0 !important;
  -moz-border-radius: 0 50px 50px 0 !important;
  -ms-border-radius: 0 50px 50px 0 !important;
  border-radius: 0 50px 50px 0 !important;
  border: 0;
  font-size: 12px !important;
}

@media (max-width: 991px) {
  .popup-sm {
    width: 90% !important;
  }
}
@media (max-width: 767px) {
  .popup-xs {
    width: 90% !important;
  }
  .max767-mb-15 {
    margin-bottom: 15px !important;
  }
  .data-bg {
    padding: 10px 0 !important;
  }
  .datepicker.max767-w-100 {
    width: 100% !important;
  }
}
.required-star,
.required {
  color: #cc1313;
}

.no-data-available {
  margin: 100px 0;
}

.show-date {
  margin-bottom: 15px;
}
.show-date span {
  color: #000;
  font-weight: var(--font-bold-primary);
  padding: 2px 5px;
  background: #f2f2f2;
  display: inline-block;
  margin: 0 5px;
}

.custom-top-filter-date {
  margin-right: 10px;
}
.custom-top-filter-date.year {
  width: 100px;
}
.custom-top-filter-date .el-input__inner {
  background: #f5f5f5;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  border-radius: 50px !important;
  border: 0;
  padding: 0 12px !important;
  height: 38px !important;
}

/**** CSS LICENSE EXPIRING POPUP ***/
.popup-bg {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
}

.expiry-reminder {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  height: 520px;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 0 0;
}
.expiry-reminder h3 {
  color: #061838;
}
.expiry-reminder .el-icon-close {
  color: #ed273f;
  position: absolute;
  right: 25px;
  top: 30px;
  font-size: 22px;
}
.expiry-reminder .day {
  color: #ed273f;
  font-weight: 600;
  font-size: 92px;
  margin-top: 50px;
}
.expiry-reminder .remaining-day {
  color: #061838;
  font-size: 20px;
}
.expiry-reminder .expity-date {
  background: #eaf2ff;
  padding: 25px 0;
  margin: 20px auto 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  font-size: 22px;
}
.expiry-reminder .renew-license p {
  color: #a1a1a1;
  font-size: 16px;
}
.expiry-reminder .renew-license h4 {
  margin: 4px 0 0;
  color: #061838;
}
.expiry-reminder .renew-license .text {
  padding-left: 15px;
}
.expiry-reminder .renew-license .mail span {
  color: #ea9e0c;
}
.expiry-reminder .renew-license .phone span {
  color: #13e88a;
}
.expiry-reminder .renew-license .col {
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .expiry-reminder {
    width: 800px;
  }
  .expiry-reminder .renew-license-row {
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .expiry-reminder {
    width: 670px;
  }
  .expiry-reminder .renew-license-row {
    width: 85%;
  }
}
@media (min-width: 768px) {
  .expiry-reminder .renew-license-row {
    display: flex;
    margin: auto;
  }
  .expiry-reminder .remaining-day {
    margin-top: -10px;
  }
  .expiry-reminder .expity-date {
    width: 560px;
  }
  .expiry-reminder .renew-license .mail {
    padding-left: 50px;
  }
  .expiry-reminder .renew-license .mail .icon {
    margin-top: -5px;
  }
}
@media (max-width: 767px) {
  .expiry-reminder {
    width: 85%;
  }
  .expiry-reminder h3 {
    font-size: 16px;
    margin-top: 50px;
  }
  .expiry-reminder .day {
    font-size: 40px;
    margin: 0;
  }
  .expiry-reminder .remaining-day {
    font-size: 16px;
  }
  .expiry-reminder .expity-date {
    width: 88%;
    font-size: 15px;
    padding: 25px 15px;
    margin-bottom: 30px;
  }
  .expiry-reminder .expity-date b {
    display: block;
    margin-top: 5px;
  }
  .expiry-reminder .renew-license .col {
    float: left;
    width: 100%;
    padding: 0 20px;
  }
  .expiry-reminder .renew-license .col img {
    width: 32px;
  }
  .expiry-reminder .renew-license h4 {
    font-size: 16px;
  }
}
/**** END CSS LICENSE EXPIRING POPUP ***/
.popup-scroll {
  height: calc(100% - 180px);
  overflow-y: auto;
  overflow-x: hidden;
}

.avtar-user img {
  width: 34px;
  height: 34px;
  position: relative;
}

.avtar-user-name {
  margin: 8px 0 0 5px;
}

.dragndrop {
  border: dashed 1px #df7082;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 15px;
  position: relative;
  padding: 25px 0;
  line-height: 22px;
  float: left;
  width: 100%;
  margin-top: 10px;
  color: var(--label-color);
}
.dragndrop .file-uploder {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  opacity: 0;
  cursor: pointer;
}

/** ADD OR DROP IMAGE **/
.image-preview .icon-warning {
  position: relative;
  top: 3px;
  margin-right: 4px;
  font-size: 16px;
  color: #4ccef5;
}
.image-preview .alert-info {
  padding: 6px 10px 8px;
  width: calc(100% - 45px) !important;
  line-height: 18px;
}
.image-preview .dragndrop {
  width: calc(100% - 45px) !important;
  float: right;
}
.image-preview .dragndrop span {
  padding: 0 15px;
}
.image-preview .dragndrop span i {
  color: #df7082;
  font-style: normal;
}

/** END ADD OR DROP IMAGE **/
.datepicker-custom {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  padding: 0 6px 0 15px;
  background: #f5f5f5;
  height: 36px;
}
.datepicker-custom .el-date-editor .el-range__icon {
  margin-left: 0;
  left: -2px;
  position: relative;
  top: 1px;
}
.datepicker-custom .el-date-editor .el-range-input {
  background: #f5f5f5;
}
.datepicker-custom .el-date-editor {
  background: transparent;
  border: 0;
}

.custom-datepicker {
  width: 292px;
}

.select-round .el-input__inner,
.select-round .el-range-input {
  background: #f5f5f5 !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  border-radius: 50px !important;
  border: 0;
  height: 38px !important;
  padding: 0 15px !important;
}

.page-title {
  float: left;
}

.head-icons {
  float: right;
}

/* clear left n colum */
.two-colum-clear > div:nth-child(2n+1),
.two-colum-clear > el-form-item:nth-child(2n+1) {
  clear: left;
}

.table-wrapper {
  overflow-x: auto;
  white-space: nowrap;
}

.total-show .el-table__footer {
  font-weight: 500;
  font-size: 15px;
}

.bg-tarnsparent {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.pdd-60 > .el-input input {
  padding-right: 60px !important;
}

.import-text {
  color: crimson;
}

.img-doc {
  display: inline-block;
}
.img-doc img {
  border: 1px solid #dedbdb;
  padding: 5px;
}

.timeline-label {
  margin-bottom: 15px;
}

.user-action {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.no-data-available.custom {
  position: static;
  margin-top: 100px;
  width: 100%;
}

.el-table td.username-id .user-name {
  color: #000;
  margin-right: 6px;
}
.el-table td.username-id .user-id {
  color: #7b7b7b;
  font-size: 12px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
  background-color: #fff !important;
  color: #555 !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #555555 !important;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.el-loading-mask {
  z-index: 20001 !important;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .main-wrapper {
    padding-left: 20px;
  }
}
@media (max-width: 1279px) {
  .max1279-mt-15 {
    margin-top: 15px;
  }
}
@media (max-width: 991px) {
  .max991-pr-0 {
    padding-right: 0 !important;
  }
  .max991-pl-0 {
    padding-left: 0 !important;
  }
  .max991-mt-15 {
    margin-top: 15px;
  }
  .search-keyword {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .datepicker-custom {
    width: 200px !important;
    display: inline-block;
    margin-right: 5px;
  }
  .datepicker-custom .el-date-editor {
    background: transparent;
    border: 0;
  }
}
@media (min-width: 768px) {
  .min768-pr-0 {
    padding-right: 0 !important;
  }
  .min768-text-right {
    text-align: right;
  }
  .min768-mr-10 {
    margin-right: 10px !important;
  }
}
@media (max-width: 767px) {
  .datepicker-custom {
    margin: 15px 0;
  }
  .page-head {
    font-size: 20px;
  }
  .common-search {
    width: 100%;
    margin-top: 15px;
  }
  .common-search .el-input {
    width: calc(100% - 40px);
    float: left;
  }
  .max767-w-100 {
    width: 100% !important;
  }
}
@media (min-width: 600px) {
  .min600-text-right {
    text-align: right;
  }
}
@media (max-width: 599px) {
  .max599-pl-0 {
    padding-left: 0 !important;
  }
  .max599-w-100 {
    width: 100% !important;
  }
  .max599-mt-15 {
    margin-top: 15px !important;
  }
  .max599-mb-15 {
    margin-bottom: 15px !important;
  }
  .max599-p-0 {
    padding: 0;
  }
  .max599-text-right {
    text-align: right;
  }
}
@media (max-width: 480px) {
  .xs-lg-fullwidth,
.max480-fullwidth {
    width: 100%;
  }
  .max480-mt-15 {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .main {
    padding: 100px 30px 20px;
  }
  .search-keyword.report .el-input__inner {
    width: 272px;
  }
}
@media (max-width: 991px) {
  .page-head {
    font-size: 18px;
  }
  .popup-md {
    width: 90% !important;
  }
}
@media (max-width: 767px) {
  .xs-mt-15 {
    margin-top: 15px !important;
  }
  .xs-p-0 {
    padding: 0 !important;
  }
  .xs-mt-20 {
    margin-top: 20px;
  }
  .xs-mt-15 {
    margin-top: 15px;
  }
  .max767-mt-15 {
    margin-top: 15px !important;
  }
  .max767-mt-10 {
    margin-top: 10px;
  }
  .main {
    padding-top: 75px;
  }
  .navbar-fixed-top {
    padding-left: 0;
    padding-right: 0;
  }
  .bottom-pagination .el-pagination {
    white-space: normal;
    display: flex;
  }
  .bottom-pagination .el-pagination li {
    margin: 0 8px 15px !important;
  }
}
@media (min-width: 992px) {
  .main {
    margin: 90px 0 0 6%;
    padding: 0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
  }
  .search-keyword {
    width: auto !important;
  }
  .head-main .colum {
    width: auto !important;
  }
}
@media (min-width: 1280px) {
  .main {
    margin: 80px 0 0 6%;
    padding: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .main.width {
    width: 92%;
  }
  .top-welcome-text {
    padding-left: 5%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .data-bg {
    min-height: 530px;
  }
  .top-welcome-text.welcome-menu-pinned {
    padding-left: 19%;
  }
}
.common-search .el-input {
  width: calc(100% - 40px) !important;
  float: left;
  left: 0px;
}

.el-select.dash-year .el-input {
  width: 80px !important;
}

.el-select.dash-month .el-input {
  width: 120px;
}

.el-select.dash-week .el-input {
  width: 100px;
}

.el-select.dash-all .el-input {
  width: 60px;
}

.popup-map .google-map {
  width: 100%;
  height: 360px;
  margin: 0 auto;
  background: gray;
}

.popup-rotate-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
}
.popup-rotate-img img {
  max-width: 200px;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.multi-select-break .el-select__tags {
  max-width: 100% !important;
}
.multi-select-break .el-tag--small {
  white-space: normal;
  height: auto;
}

.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    right: -265px;
  }
  to {
    right: 0;
  }
}
@keyframes fadeIn {
  0% {
    right: -265px;
  }
  to {
    right: 0;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  0% {
    right: 0;
  }
  to {
    right: -265px;
  }
}
@keyframes fadeOut {
  0% {
    right: 0;
  }
  to {
    right: -265px;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.alert-text.danger {
  color: #a94442;
}

.import-dropdown {
  border: 1px solid #ececec;
  background-color: #f5f5f5;
  padding: 12px 15px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  font-weight: 500;
}

.import-dropdown-options .el-button {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.outstanding-amount-section span {
  color: #3468c0;
  font-weight: 600;
  font-size: 18px;
}

.date-picker-custom .el-date-editor .el-input__prefix {
  left: 0;
}
.date-picker-custom .el-date-editor .el-input__icon {
  width: 14px;
}
.date-picker-custom .el-input__inner {
  padding-left: 20px !important;
}

.border-less-datepicker .el-input__inner {
  padding-left: 25px !important;
}
.border-less-datepicker .el-icon-date {
  width: 0;
}

/*# sourceMappingURL=main.css.map */