* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: 'linefont-awesome';
  src: url('../fonts/line-font/linefont-awesome.eot?8m55uy');
  src: url('../fonts/line-font/linefont-awesome.eot?8m55uy#iefix') format('embedded-opentype'),
    url('../fonts/line-font/linefont-awesome.ttf?8m55uy') format('truetype'),
    url('../fonts/line-font/linefont-awesome.woff?8m55uy') format('woff'),
    url('../fonts/line-font/linefont-awesome.svg?8m55uy#linefont-awesome') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="il-"],
[class*=" il-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'linefont-awesome' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.buttonNewClass { margin-right: 35px;}
.il-client-information .path1:before {
  content: "\e901";
  color: rgb(129, 129, 165);
}

.il-client-information .path2:before {
  content: "\e902";
  margin-left: -1.37109375em;
  color: rgb(129, 129, 165);
}
.container__head a.nav__link.nav__link_user {display: none;}
.il-client-information .path3:before {
  content: "\e903";
  margin-left: -1.37109375em;
  color: rgb(129, 129, 165);
}

.il-client-information .path4:before {
  content: "\e904";
  margin-left: -1.37109375em;
  color: rgb(251, 251, 253);
}

.il-client-information .path5:before {
  content: "\e905";
  margin-left: -1.37109375em;
  color: rgb(129, 129, 165);
}

.il-forms:before {
  content: "\e906";
  color: #8181a5;
}

.il-uploaded-files:before {
  content: "\e907";
}

.il-Group-244:before {
  content: "\e900";
  color: #8181a5;
}


.il-email-template:before {
  content: "\e900";
  color: #8181a5;
}

.nav__link {
  display: block;
  padding: 15px 8px;
}

.nav__link.active .nav__preview,
.nav__preview {
  height: 36px;
}

.nav__list {
  display: flex;
  flex-flow: column wrap;
}

.nav__title {
  padding: 0 0 5px;
  font-weight: 700;
  align-items: center;
  font-size: 11px;
  text-align: center;
  display: none;
  justify-content: center;
  min-height: auto;
}

a.nav__link.nav__link_user {
  margin-top: 15px;
  margin-bottom: 40px;
}

a.nav__link:hover .nav__title,
a.nav__link:hover .nav__preview {
  color: #5E81F4;
  background-color: #EFF2FE;
}

a.nav__link:hover .nav__title,
.nav__link.active .nav__title {
  display: block;
}

.nav__link:hover::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 8px;
  width: 2px;
  background: #5E81F4;
  border-radius: 2px;
}

.nav__link.active .nav__title {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -4px;
}

a.nav__link:hover,
.nav__link.active .nav__preview .la {
  transform: scale(1);
}

.active .il-email-template:before,
.nav__link.active .nav__title {
  color: #5E81F4;
}

a.nav__link.ques i.la.la-cube,
a.nav__link.ques:hover i.la.la-question {
  display: none;
}

a.nav__link.ques:hover i.la.la-cube {
  display: block;
}


.text-left {
  text-align: left;
}

.desktop-none {
  display: none;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.text-gray {
  color: #BDBDE2;
}

.text-blue {
  color: #5E81F4;
}

.text-dark-gray {
  color: #8181A5;
}

.text-red {
  color: #FF808B;
}

.fs-10 {
  font-size: 10px;
}

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

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fw-500 {
  font-weight: 500;
}

.fw-700 {
  font-weight: 700;
}

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

.d-inline-flex {
  display: inline-flex !important;
}

.w-25 {
  width: 27%;
}

.w-75 {
  width: 71%;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-center {
  align-items: center;
}

.nav.extended {
  width: 84px
}

.container.extended {
  padding-left: 84px;
}

.sidebar__section:last-child {
  margin-top: 0;
}

.sidebar__head {
  background: #FBFBFD;
  border-bottom: 0;
}

.log-ic {
  position: absolute;
  z-index: 1;
  right: 10px;
}

.group {
  margin: 20px 0px 20px 0px;
  position: relative;
}

.signin {
  min-height: 300px;
  align-items: center;
  text-align: center;
  padding: 30px 30px 0px 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.group input {
  width: 100%;
  height: 35px;
  border: 0px;
  outline: none;
  font-size: 13px;
  border-bottom: 1px solid #aaa;
  font-family: "Poppins", sans-serif;
  transition: 0.5s;
}

.group input:hover {
  border-bottom: 1px solid #000;
}

.group button {
  width: 300px;
  height: 45px;
  outline: none;
  border: none;
  background-color: #000000;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
}

.login-page {
  display: flex;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.sign-in {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1.5;
  background: #fff;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow-y: auto;
}

.sign-in .log-sec {
  width: 18vw;
}

.sign-in .log-sec .main-head {
  margin-bottom: 67px;
}

.sign-in .log-sec h1 {
  font-size: 32px;
  font-weight: 700;
  color: #1C1D21;
}

.sign-in .log-sec .main-head p {
  margin-top: 14px;
}

.login-page .img {
  background: transparent radial-gradient(closest-side at 57% 48%, #5E81F4 0%, #1B51E5 100%) 0% 0%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: lighten;
  flex: 1;
  position: relative;
  margin-left: -10px;
  z-index: -1;
}

.login-page .img:after {
  content: "";
  position: absolute;
  right: -50px;
  top: 105px;
  background: url('../img/svgicon/Logo.png');
  width: 524px;
  height: 524px;
  display: block;
}

.myradio {
  display: inline-block;
  border-radius: 999px;
  margin: 5px;
  margin-left: -10px;
}

.myradio__input {
  opacity: 0;
  position: absolute;
}

.myradio__label {
  border-radius: 9999px;
  padding: 3px 15px 3px 40px;
  cursor: pointer;
  position: relative;
  transition: all 0.5s;
  display: flex;
  align-items: center;
}

.myradio__label::before,
.myradio__label::after {
  content: "";
  border-radius: 9999px;
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 1;
}

.myradio__label::before {
  background-color: #1B51E5;
  border: 2px solid #1B51E5;
  top: 4px;
  left: 10px;
  transition: all 0.5s;
  width: 20px;
  height: 20px;
}

.myradio__label::after {
  background-color: #ffffff;
  top: 6px;
  left: 12px;
  transition: all 0.15s;
  transition-timing-function: ease-out;
}

.myradio__label:hover::before {
  border: 2px solid #1B51E5;
}

.myradio__input:checked~.myradio__label::before {
  background-color: #1B51E5;
  border: 2px solid #1B51E5;
}

.myradio__input:checked~.myradio__label::after {
  width: 8px;
  height: 8px;
  top: 10px;
  left: 16px;
}

.lg-btn {
  margin-top: 44px;
}

.lg-btn .sign-up-btn,
.lg-btn .sign-in-btn {
  width: 168px;
  min-height: 46px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lg-btn .sign-up-btn {
  background-color: #5E81F4;
  color: #fff;
  margin-right: 10px;
}

.lg-btn .sign-in-btn {
  background-color: #5E81F419;
  color: #5E81F4;
}

.lg-btn .sign-up-btn:hover {
  background-color: #5E81F419;
  color: #5E81F4;
}

.lg-btn .sign-in-btn:hover {
  background-color: #5E81F4;
  color: #fff;
}

.main-name .sidebar__text {
  font-size: 15px;
}

.main-name .sidebar__title {
  font-size: 19px;
}

.main-name .sidebar__inner {
  padding: 0;
}

.main-name .btn_icon .la {
  margin-right: 0;
}

.main-name .btn-group .btn.btn_light {
  color: #8181A5 !important;
}

.main-name .btn-group .btn.active {
  color: white !important;
}

.main-name .btn-group .btn {
  height: 26px;
  margin: 0 6px 6px 0;
}

.main-name .btn_icon {
  padding: 0 5px;
}

.tasks__item.part-heading {
  border: 0;
  min-height: inherit;
  padding: 0;
  margin: 0;
}

.switch {
  font-size: 16px;
  line-height: normal;
}

.part-heading p {
  margin: 0 0 20px;
  opacity: 0.32;
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

.tasks__item {
  position: relative;
}

.tasks__item .tasks__cell.tabbing-set {
  position: absolute;
  bottom: 9px;
  font-size: 10px;
  left: 52px;
  background: #8181a5;
  border-radius: 5px;
}
.meta{ line-height: normal; display: flex;     padding: 2px;}
.tasks__item .tasks__cell.tabbing-set .meta {
  color: #fff;
}

.tasks__cell.tasks__cell_lg {
  margin-bottom: 15px;
}

.div#chart-income-details {
  min-height: 140px;
}

.view-btn {
  height: 36px;
}

a.change-btn {
  width: 90px;
  height: 30px;
  color: #fff;
  background: #5E81F4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}

.chart-height-set svg#SvgjsSvg1052,
.chart-height-set div#apexcharts79l5n563,
.chart-height-set .panel__chart_md {
  height: 140px;
}

.title-border {
  position: relative;
}

.title-border::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: calc(100% - 200px);
  height: 0.5px;
  background: #C4C4C4;
}

.border-btm {
  padding-bottom: 5px;
  border-bottom: 0.5px solid #C4C4C4;
}

.border-btm-0 {
  border: 0;
}

.data.data_list.client-list .data__item {
  border: 0;
  border-bottom: 1px solid #F0F0F3;
  border-radius: 0;
}

.client-list .series__circle:after {
  width: 6px;
  height: 6px;
  left: 3px;
  top: 3px;
}

.client-list .series__circle.bg-green-raw {
  top: -12px;
  left: -5px;
}

.client-list .email {
  color: #5E81F4;
}

.client-list .data__main {
  padding-left: 12px;
}

.client-list .data__cell:last-child {
  padding-right: 0;
}

.client-list .data__cell_action {
  flex: 0;
}

.container__head.height-set {
  height: 100px;
}

.time-box {
  min-width: 480px;
  min-height: 72px;
  border-radius: 12px;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 6px #0000004E;
  border: 1px solid #E3E3E3;
  border-radius: 12px;
  padding: 8px 13px 8px 20px;
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 9;
}

.time-box .time-chk {
  font-size: 22px;
  font-weight: 700;
  margin-left: 10px;
  color: #8181A5;
}

.time-box .time-details-client .time-details {
  padding: 5px 25px;
  background: #F4F4F8;
  margin: 0 30px 0 20px;
}

.time-box .time-details-client .time-details .time-set {
  color: #76DE95;
  font-weight: 900;
}

.time-box .time-details-client .time-details .time-set p {
  font-size: 15px;
  line-height: 1;
}

.time-box .time-details-client .time-details .time-set h2 {
  font-size: 26px;
  line-height: 1;
}

.time-box .time-details-client .time-details .name-set {
  margin-left: 10px;
}

.time-box .time-details-client .time-details .name-set p:nth-child(1) {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}

.time-box .time-details-client .time-details .name-set p:nth-child(2) {
  font-size: 11px;
  font-weight: 400;
}

input.add-note {
  background: transparent;
  margin-top: 10px;
}

.time-box .circle {
  width: 30px;
  height: 30px;
  box-shadow: 0px 3px 6px #00000029;
  border: 0.5px solid #D6D6EA;
  background-color: #EFEFF7;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}

.take-break-btn {
  background-color: #B6B6D3;
  width: 76px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  margin-bottom: 5px;
}

.clock-out-btn {
  background-color: #FF808B;
  width: 76px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
}

.orange-box,
.blue-box {
  width: 90px;
  height: 47px;
  text-align: center;
  border-radius: 8px;
  padding: 5px;
}

.orange-box {
  color: #F4BE5E;
  background: #FEF9EE;
  margin-bottom: 5px;
}

.orange-box p:nth-child(1) {
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

.orange-box p:nth-child(2) {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.blue-box {
  color: #5E81F4;
  background: rgba(94, 129, 244, 0.11);
}

.blue-box p:nth-child(1) {
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

.blue-box p:nth-child(2) {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.btn-up-down {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.time-box.main-show .btn-up-down {
  top: 22px;
}

.main-show>.d-flex {
  display: block;
}

.main-show .time-details-client .time-details {
  margin: 10px 0 10px;
  min-width: 340px;
  padding: 5px 25px 15px;
}

.main-show .btn-break {
  display: flex;
  border-top: 0.5px solid #CECECE;
  padding-top: 15px;
  justify-content: end;
}

.time-box.container__search .circle {
  cursor: pointer;
}

.time-box.container__search.main-show .circle i {
  transform: rotate(180deg);
}

.client-speech>.d-flex {
  width: 340 px;
  justify-content: space-between;
}

.main-show .btn-break a:nth-child(1) {
  order: 2;
}

.main-show .btn-break a:nth-child(2) {
  order: 1;
  /*margin-right: 10px;*/
}

.client-speech {
  margin-bottom: 15px;
}

.client-speech p {
  color: #8181A5;
}

.main-show .d-none {
  display: block;
}

.prospect-table .panel__group {
  margin-left: auto;
}

table.invoice__table.table {
  width: 40%;
  margin-left: auto;
}

.prospect-table a.prospect-details-page {
  display: flex;
}

.panel.js-panel.prospect-table .data__cell.tag-btn .tag.gray:nth-child(1) {
  margin-bottom: 10px;
}

.panel.js-panel.prospect-table .data__cell.tag-btn .tag.gray {
  width: 87%;
}

.prospect-table a.prospect-details-page .data__online_online {
  top: 36px;
  left: -26px;
  background: #7CE7AC;
  position: relative;
  width: 12px;
  height: 12px;
  margin: -6px 10px 0 0;
  border-radius: 50%;
  flex: 0 0 12px;
}

.recent-contact-table .data__online_online {
  top: 20px;
  left: -25px;
  background: #7CE7AC;
  position: relative;
  width: 12px;
  height: 12px;
  margin: -6px 10px 0 0;
  border-radius: 50%;
  flex: 0 0 12px;
}

.prospect-table .data__online_online::after,
.recent-contact-table .data__online_online::after {
  content: '';
  position: absolute;
  background: white;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  left: 3px;
  top: 3px;
}

.data__preview {
  width: 41px;
  height: 41px;
  flex: 0 0 41px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}

.title-main-workspace .tasks__list {
  height: 960px;
  overflow: auto;
}

.title-main-workspace .task-btn-view {
  margin-top: 20px;
  display: flex;
  justify-content: end;
}

.recent-contact-table button.action.action_stroke {
  border: 0;
}

.recent-contact-table .data__preview {
  margin-right: 0;
}

.recent-contact-table .client-list .data__main {
  padding-left: 0;
}

.recent-contact-table .data__cell.tag-btn .tag.gray {
  width: 85%;
  font-size: 12px;
  padding: 6px;
}

.recent-contact-table .data__cell.tag-btn .tag.gray:nth-child(1) {
  margin-bottom: 10px;
}

.popup-btn {
  margin: 0 40px 0 48px;
}

.type-search {
  position: relative;
}

.type-search input.search {
  height: 36px;
  border-radius: 6px;
  padding: 8px 15px;
  color: #8181A5;
  background: rgba(129, 129, 165, 0.10);
}

.type-search span.sr-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  height: 16px;
  transform: translateY(-50%);
}

.type-search span.sr-icon i,
.create_popup i,
.upload_popup i {
  color: #5E81F4;
}

::-webkit-input-placeholder {
  /* Edge */
  color: #8181A5;
  opacity: 0.7;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8181A5;
  opacity: 0.7;
}

::placeholder {
  color: #8181A5;
  opacity: 0.7;
}


.c-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 25px 15px;
  outline: 0;
  text-align: center;
  white-space: nowrap;
  display: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: visibility 0.4s ease 0.4s;
}

.c-modal.is-visible {
  display: block;
  transition: none;
}

.c-modal:after {
  content: "";
  position: relative;
  height: 100%;
  z-index: -1;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  margin-right: -0.25em;
}

/* Dropdown Button */
.dropbtn {
  cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  right: 0px;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: rgb(239, 239, 239);}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
.ml-auto { margin-left: auto;}
.customtable  {     border-collapse: inherit; 
  border-spacing: 0px 0.5em;
}
.customtable tr th, .customtable tr td {padding: 15px;}
.customtable tr th { color: #8181A5;   font-family: 'Lato', sans-serif !important; font-size: 12px; font-weight: normal; }
.data__filter-custom  {    display: flex;
  align-items: center;
  justify-content: start;
  transition: color .2s;
  cursor: pointer;}
.data__filter-custom .la { margin-left: 15px;}
.customtable tr td {color: #1C1D21; font-size: 16px;  font-family: 'Lato', sans-serif !important; position: relative; z-index: 1; }
.customtable tr.body { position: relative; }
.customtable tr.body::after{ content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;border: rgb(229, 229, 229) solid 1px; border-radius: 10px;}
.margin{margin: 0px 5px;}
.table-responsive { overflow: auto;}
.table-responsive-custom { overflow-x: auto; overflow-y: hidden;}
.border-rounded-1 .c-modal__content{ border-radius: 5px;}
.custome-modal--version2 .panel__group h3  { color: #1f1f1f; font-size: 24px;  }
.custome-modal--version2 p.main-head { margin-bottom: 0px !important;}
.custome-modal--version2 label { font-size: 12px; color: #9595ad;  font-family: 'Lato', sans-serif !important; }
.border-bottom-0 { border-bottom: none !important;}
.custome-modal--version2 .discipt { font-size: 12px; color: #9595ad;  font-family: 'Lato', sans-serif !important;}
.border-none .select2-container .select2-selection--single{ border-bottom:none !important}
.border-none .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:32px}
.border-none .select2-container .select2-selection--single { height:32px;}
.border-none .field__icon {
  top: 0 !important;
}

.top-sec-block { display: flex; justify-content: end; padding: 15px 15px 5px;}
.edit-sec-block { display: flex; align-items: center; color: #5e81f4; font-size: 12px;}
.edit-sec-block i {width: 10px; margin-right: 3px;}
.edit-sec-block i svg{width: 100%;}
.edit-sec-block i svg path{ fill: #5e81f4;}
.log-sec-block { display: flex; margin-left: 10px; align-items: center; color: #5e81f4; font-size: 12px; color: #8181a5;}
.log-sec-block i {width: 10px; margin-right: 3px;}
.log-sec-block i img{width: 100%;}
.top-0 { padding-top: 0px !important;}
.custom-btn-block { padding: 5px 8px; display: flex; align-items: center; height: 38px; font-size: 12px;}
.mr-2 { margin-right: 5px;}
.prospect-details-card {}
.prospect-details-card-header { background-color: #9494B7; color: #fff; border-radius: 10px 10px 0px 0px ; font-family: 'Lato', sans-serif !important; font-size: 14px; font-weight: bold; padding: 10px 15px 10px 15px;}
.prospect-detailss-card-body { background-color: #F5F5FA; padding: 15px;  border-radius: 0px 0px 10px 10px ; }
.fr{ float: right;}
.prospect-detailss-card-body .contacts__item:not(:last-child) {
  margin-bottom: 10px;
}
.custom-icon-div {width: 35px; text-align: center; display: flex; align-items: center; justify-content: center;}
.custom-icon-div img { display: inline-block;}
.mb-5:not(:last-child) { margin-bottom: 5px !important;}
.mt-15 { margin-top: 15px;}
.mt-25 { margin-top: 25px;}
.prospect-note p {color: #8181A5; font-size: 14px;  font-family: 'Lato', sans-serif !important;}
.contactbgclass { font-size: 9px; font-family: 'Lato', sans-serif !important; font-weight: bold;}
.fs-16{ font-size: 16px;}
.fs-14{ font-size: 14px;}
.border-bottom { border-bottom: #C4C4C4 solid 1px;}
.client-dashbard-block { padding-top: 25px;}
.tasks__list_custom .tasks__item { margin-bottom: 0px; border: 0px; border-radius: 0px;}
.tasks__list_custom .tasks__item:nth-child(odd) {background: #F5F5FA}
.client-dashbard-block span a { color: #8181A5; font-family: 'Lato', sans-serif !important; font-weight: bold; font-size: 16px;}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.w-100 {width: 100%;}
.my-0 { margin-left: 0px; margin-right: 0px;}
.step-img {
  display: flex;
  float: right;
  align-items: center;
  background-color: #e9e9f2; border-radius: 5px; display: flex; padding: 5px;
}
.step-img span { margin: 0px 5px; font-weight: bold; color: #8181a5; font-size: 11px;}
.mb-10{margin-bottom: 10px;}
.mt-4 { margin-top: 25px;}
.no-m-0 { margin: 0px;}
.gx-0 > *{ padding: 0px ;}
.step-img img{width: 100%;}
.sort__box { font-weight: bold; font-family: 'Lato', sans-serif !important; }
.sort__box span {color: #8181A5;}
.campaigns_table .data__item .data__content.blacktext { color: #1C1D21;}
.dropdown .dropdown-menu {
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  margin-top: 1px;
  box-shadow: 0 1px 2px rgb(204, 204, 204);
  border-radius: 0 1px 2px 2px;
  overflow: hidden;
  display: none;
  max-height: 144px;
  overflow-y: auto;
  z-index: 9
}
.dropdown .dropdown-menu li {
  padding: 10px;
  transition: all .2s ease-in-out;
  cursor: pointer
} 
.dropdown .dropdown-menu {
  padding: 0;
  list-style: none
}
.dropdown .dropdown-menu li:hover {
  background-color: #f2f2f2
}
.dropdown .dropdown-menu li:active {
  background-color: #e2e2e2
}

.dropdown-right{
  min-width: 125px !important;
  right: 0 !important;
  left: auto !important;
}


/* new css */
.table-custom-block {border-radius: 0px;}
.table-custom-block th, .table-custom-block td{text-align: left; font-family: 'Lato', sans-serif;}
.table-custom-block td { font-size: 13px;}
.table-custom-block th { background-color: #E4E4EE; color: #8181A5; font-size: 12px;  font-family: 'Lato', sans-serif;
  font-weight: bold;}
  .table-custom-block th:first-child{border-radius: 0px;}
  .table-custom-block th:last-child{border-radius: 0px;}
  .tagname { background-color: #D9D9EB; border-radius: 3px; color: #4D4D62; text-transform: uppercase;  font-family: 'Lato', sans-serif; margin: 0px 3px; font-weight: bold; font-size: 9px; padding: 3px 12px; text-align: center;}
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05);
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: #F5F5FA;
}
.customboxdiv {display: flex; margin-left: -5px; margin-right: -5px;}
.customboxdiv-2 { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px;}
.customboxdiv-2 .box-card { min-width: 102px; width: auto;}
.box-card { border-radius: 10px; margin: 5px; padding: 10px; width: 33%;}
.box-card-blue { background-color: #5E81F419; color: #5E81F4;}
.box-card-gray { background-color: #F1F1F1; color: #808080;}
.box-card-yellow { background-color: #F4BE5E17; color: #F5A018;}
.box-card-green { background-color: #F2FDF7; color: #36D981;}
.box-card-red { background-color: #ffe7e7; color: #FD6565;}
.box-card-white {color: #8181A5; background-color: #fff;}
.custom-mr-5{margin-right: 5px;}
.box-body { color: #1C1D21; font-family: 'Lato', sans-serif; font-weight: bold; text-align: center; padding-top: 5px;}
.box-card-blue .la { color: #5E81F4;}
.box-head { display: flex; align-items: center;}
.box-card .box-head { font-weight: bold; display: block; font-size: 12px; text-align: center;}
.custom-margin-top-10{ margin-top: 10px;}


.tab-menu ul { margin:0; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.tab-menu ul li { -ms-flex-preferred-size: 0; margin-right: 10px; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align:center; }
.tab-menu ul li a { color: #8181A5; text-transform: uppercase; letter-spacing: 0.44px; font-family: 'Lato', sans-serif; font-weight: bold; display:inline-block; font-size: 13px; padding:3px 20px; display:block; text-decoration:none; transition:0.5s all; background: #F4F4F4; border-bottom: 0; }
.tab-menu ul li a:hover { background:#9494B7; color:#fff; text-decoration:none; }
.tab-menu ul li a.active { background:#9494B7; color:#fff; text-decoration:none; }
.tab-box { display:none; }
.gx-0{margin: 0px;}
.tab-teaser { max-width:800px; width:100%; margin:0 auto; }
.tab-main-box { padding: 10px 0px; margin-top:-2px }
.custompx{
  padding-right: 15px;
  padding-left: 15px;
}
.mt-4 { margin-top: 25px;}
.no-m-0 { margin: 0px;}
.gx-0 > *{ padding: 0px;}
.type-search span.sr-icon { height: 16px;}
.switch__content_link { font-size: 13px;  font-family: 'Lato', sans-serif; color: #5E81F4;}
.switch__input:checked + .switch__content.switch__content_link {
  font-weight: 700;
  color: #5E81F4;
  padding-top: 2px;
}
.table-col-spacing tr td  {padding: 14px 14px;}
.table-col-spacing  .tag.gray { background-color: transparent;}
.custom-form-control {border: #D9D9EB solid 1px; height: 35px; border-radius: 5px; width: 100%; padding: 15px;}
.flowtext { color: #000000; font-size: 32px; font-family: 'Lato', sans-serif; text-align: center; padding: 125px 15px; width: 100%;}
.loggedtext {color: #8181A5; font-family: 'Lato', sans-serif; font-size: 12px;}
.sidebar-footer { 
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -15px;

}


.toggle-box input[type="checkbox"] {
  position: relative;
  width: 40px;
  height: 20px;
  -webkit-appearance: none;
  appearance: none;background-color: #F5F5FA;
  border: #8181A5 solid 1px;
  outline: none;
  border-radius: 2rem;
  cursor: pointer;

}
.toggle-box { height: 20px; }

.toggle-box input[type="checkbox"]::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #33C5A0;
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  left: 4px;
  transition: 0.5s;
}

.toggle-box input[type="checkbox"]:checked::before {
  transform: translateX(100%);
  background: #FD6565;
}

.toggle-box input[type="checkbox"]:checked {
  background-color: #F5F5FA;
}
.v-middle {vertical-align: middle;}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.form-check-inline label {font-family: 'Lato', sans-serif; color: #3C3836; font-size: 14px;}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.justycontent-none{justify-content: space-between;
  margin-bottom: 15px;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .mt-lg-0 {margin-top: 0px !important ;}
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1600px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}



@media (min-width: 576px) {

 .justycontent-none {
    justify-content: start;
    margin-bottom: 0px;
}

  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .mobilewidth100 {width: 100%;}
}
@media only screen and (max-width: 786px) {
  .c-modal:after {
    vertical-align: top;
  }


  
}

.c-modal__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.2s;
}

.c-modal.is-visible .c-modal__backdrop {
  opacity: 1;
}

.c-modal__dialog {
  display: inline-block;
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  opacity: 0;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  transform: translateY(10%);
  transition: all 0.4s;
}

.c-modal--large .c-modal__dialog {
  max-width: 700px;
}

.c-modal.is-visible .c-modal__dialog {
  opacity: 1;
  transform: translateY(0);
}

.c-modal__content {
  position: relative;
  padding: 36px 27px 15px;
  background: #fff;
}

.c-modal__headline {
  margin-bottom: 21px;
  text-align: center;
  font-size: 1.4375em;
}

.c-modal__headline:after {
  content: "";
  display: block;
  width: 100%;
  max-width: 330px;
  height: 1px;
  margin: 26px auto 0;
  background: #d8d8d8;
}

.c-modal p.main-head {
  font-weight: 700;
  color: #8181A5;
  font-size: 14px;
}

.convert-modal.c-modal p.main-head {
  font-weight: 700;
  color: #5E81F4;
  font-size: 20px;
}

.pic-holder {
  width: 94px;
  height: 94px;
  background: #5E81F419;
  border-radius: 8px;
  border: 1px solid #5E81F419;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1B51E5;
  font-size: 27px;
  margin-bottom: 33px;
}

.pic-holder input#newProfilePhoto {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.form-cont .panel__head {
  margin-bottom: 22px;
}

.form-cont .panel__group {
  width: 48%;
  position: relative;
}

.c-modal .data__cell:last-child {
  padding-right: 0;
}

.form-cont .panel__group label.lbl {
  color: #8181A5;
  font-size: 14px;
  font-weight: 400;
}

.form-cont .panel__group input {
  width: 100%;
  height: 38px;
  border-bottom: 1px solid #F0F0F3;
  color: #8181A5;
  font-size: 14px;
  font-weight: 700;
}

.form-cont .panel__group span {
  position: absolute;
  right: 10px;
  bottom: 3px;
  color: #8181A5;
  font-size: 18px;
}

.form-cont .address .panel__group.add-1 {
  width: 38%;
}

.form-cont .address .panel__group.add-2 {
  width: 28%;
}

.form-cont .address .panel__group.add-3 {
  width: 8%;
}

.form-cont .address .panel__group.add-4 {
  width: 18%;
}

.position-relative {
  position: relative;
}

.form-cont .email-set {
  margin-bottom: 22px;
}

.form-cont .email-set .panel__head {
  margin-bottom: 0;
  margin-top: 15px;
}

.form-cont .email-set .panel__head:nth-child(1) {
  margin-top: 0;
}

.form-cont .email-set .panel__group {
  width: 100%;
}

.form-cont .email-set .email-dropdown {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.form-cont .email-set .email-dropdown select,
.form-cont .phone-set .phone-dropdown select {
  border: 1px solid 1px solid rgba(129, 129, 165, 0.2);
  border-radius: 5px;
  color: #8181A5;
}

.form-cont .input-phone {
  position: relative;
}

.form-cont .phone-dropdown {
  margin-right: 7px;
}

.form-cont .call-details.panel__head {
  margin-bottom: 0;
}

.form-cont .call-details.panel__head p {
  color: #8181A5;
  font-size: 14px;
  font-weight: 700;
}

.form-cont .input-phone .phone-dropdown {
  position: absolute;
  right: 0px;
  bottom: 6px;
}

.form-cont a.add-more {
  color: #8181A5;
  font-size: 12px;
}

.form-cont .panel__head.phone-set .panel-dropset {
  width: 48%;
}

.form-cont .panel__head.phone-set .panel-dropset .field {
  margin-bottom: 27px;
}

.form-cont .panel__head.phone-set .panel-dropset .field:nth-last-child(1) {
  margin-bottom: 0;
}

.form-cont .panel__head.phone-set .panel-dropset .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 0;
}

.form-cont .panel__head.phone-set .select2-container .select2-selection--multiple {
  min-height: 40px;
}

.select2-container {
  width: auto !important;
}

.cancel-btn {
  min-width: 135px;
  min-height: 46px;
  background: #F6F6F6;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #8181A5;
}

.add-contact-btn {
  min-width: 135px;
  min-height: 46px;
  background: #5E81F4;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.c-modal--version2 p.main-head {
  margin-bottom: 38px;
}

.uploadOuter {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 558px;
  height: 164px;
  line-height: 1;
  color: #999;
  background: #5E81F419;
  border: 2px dashed #ccc;
  border-radius: 6px;
  transition: transform 0.3s;
}

.uploadOuter strong {
  padding: 0 10px;
}

.dragBox {

  margin: 0 auto;
  position: relative;
  text-align: center;
  font-weight: bold;
}

.dragBox input[type="file"] {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}

.draging {
  transform: scale(1.1);
}

#preview {
  text-align: center;
}

#preview img {
  max-width: 100%;
}

.uploadOuter .cont-upload {
  margin: 15px 0;
}

.select-list {
  min-width: 117px;
  height: 30px;
  background: #BDBDE2;
  color: #fff;
  border-radius: 8px;
}

.uploadOuter i {
  color: #5E81F4;
  font-size: 30px;
}

.uploadOuter .cont-upload p {
  font-size: 15px;
  font-weight: 700;
  color: #5E81F4;
}

.uploadOuter .cont-upload span {
  font-size: 12px;
  font-weight: 400;
  color: #5E81F4;
}

.import-cont .panel__group {
  width: 48%;
}

.import-cont {
  margin-top: 20px;
}

.drop-details {
  display: none;
}

.drop,
.drop-set {
  position: relative;
  margin-bottom: 65px;
}

.drop.active-drop .drop-details,
.drop-set.active-drop .drop-details {
  display: block;
  position: absolute;
  top: 29px;
  background: #fff;
  width: 100%;
  border: 1px solid #F0F0F3;
}

.drop.active-drop .drop-details a,
.drop-set.active-drop .drop-details a {
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
  color: #8181A5;
  margin-bottom: 5px;
}

.main-drop,
.main-drop-2 {
  border-bottom: 1px solid #F0F0F3;
  height: 30px;
}

.main-drop-3 {
  border-bottom: 1px solid #F0F0F3;
  padding-bottom: 10px;
}

.main-drop-3 .ic-arrow-down {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.main-drop div p,
.main-drop-2 div p {
  color: #8181A5;
  font-size: 14px;
  font-weight: 700;
}

.select-drop ul {
  margin-top: 15px;
}

.select-drop ul li {
  display: inline-flex;
  margin-right: 5px;
  background: #F5F5FA;
  padding: 5px;
  border-radius: 8px;
  color: #8181A5;
  font-size: 14px;
  font-weight: 700;
}

.select-drop ul li a {
  margin-left: 5px;
  color: #8181A5;
  font-size: 14px;
  font-weight: 700;
}

.task-set-date .tabbing-set {
  background: transparent !important;
  position: relative !important;
  left: inherit !important;
  bottom: inherit !important;
}

.task-set-date .tabbing-set .meta {
  background: #8181a5;
  border-radius: 5px;
  padding: 0 5px;
}

.task-set-date .sort.js-sort {
  margin-right: 15px;
}

.calender-set .panel__title.title.title_md {
  margin-right: 80px;
}

.panel__group.d-flex .btn-group.btn-group_tabs button.btn.btn_light.btn_icon i {
  margin-right: 0;
}

.p-0 {
  padding: 0;
}

.create-contact {
  border-radius: 0;
  margin-top: 0;
}

.campaigns_table .data__item {
  border: 0;
  padding: 10px 0;
}

.campaigns_table .data__item .data__main {
  padding-left: 0;
}

.campaigns_table .data__item .data__main .data__content {
  font-size: 14px;
  font-weight: 700;
  color: #8181A5;
}

.campaigns_table .data__item .data__content {
  font-size: 14px;
  font-weight: 400;
  color: #8181A5;
}

.campaigns_table .data_list .data__container {
  margin: 20px;
}

.campaigns_table .data_list .data__cell:last-child {
  padding-right: 0;
}

.campaigns_table .data__head,
.campaigns_table .data__body {
  padding-right: 0;
}

.campaigns_table .data__head div {
  font-size: 12px;
  font-weight: 700;
  color: #8181A5;
}

.prospect-left-part,
.prospect-left-part .panel.js-panel {
  background: #FBFBFD;
}

.prospect-left-part .sidebar__head {
  border-bottom: 1px solid #F0F0F3;
}

.prospect-left-part .sidebar__text {
  padding-top: 36px;
  font-size: 20px;
  color: #1C1D21;
  font-weight: 700;
  margin-bottom: 20px;
}

.prospect-left-part .prospect-details-box {
  min-height: 90px;
  display: flex;
  padding: 10px 14px;
  align-items: center;
  background: #E9E9F2;
  border-radius: 8px;
  display: flex;
}

.prospect-left-part .prospect-details-box .prospect-name p {
  font-size: 16px;
  font-weight: 700;
  color: #1C1D21;
  line-height: 1;
}

.prospect-left-part .prospect-details-box .prospect-name span {
  font-size: 14px;
  font-weight: 400;
  color: #8181A5;
  line-height: 1;
}

.prospect-left-part .prospect-note h4 {
  font-size: 14px;
  font-weight: 700;
  color: #1C1D21;
  margin-bottom: 11px;
}

.prospect-left-part .prospect-note {
  margin-bottom: 35px;
}

.prospect-left-part .sidebar__inner {
  display: inline-grid;
}

.prospect-left-part .new-campaign-btn {
  margin: 0 auto;
}

.prospect-details .info__title {
  margin-bottom: 22px;
}

.prospect-details .contacts__detail span {
  border-radius: 4px;
  background: #EFEFFF;
  padding: 6px;
  margin-left: 8px;
  font-size: 7px;
  font-weight: 700;
  color: #8181A5;
}

.prospect-details .contacts__detail span i {
  font-size: 10px;
  margin-right: 5px;
}

.type-search.campaigns-search input#search-ic {
  border: 1px solid #979797;
  border-radius: 6px;
  background: transparent;
  min-width: 285px;
}

.type-search.campaigns-search span.sr-icon i {
  color: #8181A5;
  font-size: 16px;
}

.new-campaign-btn {
  margin-left: 15px;
  min-width: 125px;
  height: 36px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5E81F4;
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
}
.new-success-btn  i {
  margin-right: 5px;
  font-size: 16px;
}

.new-success-btn {

  min-width: 125px;
  height: 36px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #9cdc98;
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
}
.new-campaign-outline-btn {

  color:#5E81F4 ;
  min-width: 125px;
  height: 36px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
border: #5E81F4 solid 1px;
border-radius: 6px;

  border-radius: 6px;
  font-size: 12px;
}
.save-template {
  margin-left: 15px;
  min-width: 125px;
  height: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #5E81F4;
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
  margin-left: 3%;
  margin-top: 20px;
}

.new-campaign-btn i {
  margin-right: 5px;
  font-size: 16px;
}

.campaigns-list .det-name p,
.campaigns-list .det-name a {
  font-size: 16px;
  font-weight: 700;
  color: #1C1D21;
  margin-bottom: 11px;
}

.campaigns-list p {
  font-size: 12px;
  font-weight: 400;
  color: #8181A5;
}

.new-campaign-modal {
  z-index: 99;
}

.new-campaign-modal .c-modal__content {
  padding: 2px;
  border-radius: 4px;
}

.new-campaign-modal .modal__head {
  border-radius: 4px;
  background: #ECECF2;
  align-items: center;
  min-height: 38px;
  margin-bottom: 44px;
}

.new-campaign-modal .modal__head .title {
  color: #8181A5;
  margin-bottom: 0;
  padding-left: 40px;
  font-size: 20px;
  font-weight: 700;
}

.new-campaign-modal .modal__body {
  padding: 0 40px;
}

.new-campaign-modal .modal__body .content__head {
  margin-bottom: 18px;
}

.new-campaign-modal .modal__body hr {
  border: 1px solid #EEEEEE;
}

.new-campaign-modal .select2-container .select2-selection--single {
  height: 40px;
  border-width: 1px;
  border-color: #ECECF2;
  margin-top: 25px;
  min-width: 240px;
  max-width: 285px;
  margin-bottom: 85px;
}

.new-campaign-modal .content__row {
  margin-left: 0;
}

.new-campaign-modal .content__col {
  padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.timelog-drop .select2-container .select2-selection--single {
  color: #8181A5;
}

.new-campaign-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal;
  padding: 10px 15px;
}

.new-campaign-modal .field__icon {
  right: 10px;
}

.new-campaign-modal .content__section {
  margin-bottom: 0;
}

.create-campagine-btn {
  min-width: 135px;
  min-height: 46px;
  background: #5E81F4;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.create-campaign {
  background: rgba(123, 123, 123, 13%);
  min-height: 890px;
  border-radius: 12px;
  padding: 40px;
  position: relative;
}

.create-campaign.create-campaign-task {
  background: #fff;
}

.create-campaign .title-edit {
  font-size: 24px;
  color: #8181A5;
  font-weight: 700;
}

.create-campaign .title-edit span i {
  font-size: 14px;
  margin-left: 13px;
}

.create-campaign span.selection {
  padding: 12px 17px 27px 17px;
  background-color: #fff;
  width: 100%;
  display: block;
}

.campaign-drop.camp-drop span.selection {
  padding-bottom: 0;
}

.campaign-drop.camp-drop .field__icon {
  top: 5px;
}

.create-campaign-details {
  background: #fff;
}

.create-campaign .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ECECF2;
  width: 280px;
  border-radius: 6px;
}

.timelog-drop .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #ECECF2;
  min-width: 150px;
  border-radius: 6px;
}

.create-campaign .panel__head {
  align-items: flex-start;
  margin-bottom: 0;
}

.create-campaign-details .panel__head {
  margin-bottom: inherit;
}

.timelog-drop .select2-container--default .select2-selection--single .select2-selection__rendered,
.create-campaign .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal;
  padding: 10px 20px;
}

.timelog-drop .field__icon {
  right: 20px;
  top: 0px;
}

.create-campaign .field__icon {
  right: 25px;
  top: -8px;
}

.create-campaign .add-task-box {
  background: #fff;
  width: 550px;
  height: 74px;
  /* display: block; */
  padding: 8px 17px 8px 4px;
}

.create-campaign .add-task-box a.add-task {
  border: 1px dashed #ECECF2;
  border-radius: 8px;
  padding: 14px;
  display: flex;
  color: #5E81F4;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  position: relative;
}

.create-campaign .add-task-box a.add-task::after,
.create-campaign .add-task-box a.add-task::before {
  content: "";
  position: absolute;
}

.create-campaign .add-task-box a.add-task::before {
  /* width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #5E81F4;*/
  top: 48px;
  left: 80px; 
  background-image: url('../../build/img/Big-arrow.png');
  width: 232px;
  height: 342px;
  background-position: center;
  background-repeat: no-repeat;
}

.create-campaign .add-task-box a.add-task::after {
  /* height: 345px;
  border-left: 2px dashed #5E81F4;
  top: 56px;
  left: 85px;
  width: 2px; */
}

.campaign-drop {
  position: relative;
}

.campaign-drop::after,
.campaign-drop::before {
  content: "";
  position: absolute;
}

.campaign-drop::before {
  /* width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #5E81F4; */
  top: 45px;
  left: -60px;
  z-index: 1;
  background-image: url('../../build/img/Small-arrow.png');
  width: 90px;
  height: 434px;
  background-position: center;
  background-repeat: no-repeat;
}

.campaign-drop::after {
  /* height: 435px;
  border-left: 2px dashed #5E81F4;
  top: 55px;
  left: 25px;
  width: 2px; */
}

.campaign-drop.camp-drop::before,
a.add-task.create-task::before,
.campaign-drop.camp-drop::after,
a.add-task.create-task::after{
  display: none;
}

.create-campaign .add-task-box a.add-task i {
  font-size: 26px;
  margin-right: 10px;
}

.cong-message {
  width: 517px;
  height: 244px;
  position: absolute;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding-top: 70px;
}

.cong-message::after,
.cong-message::before {
  content: "";
  position: absolute;
  /* border-bottom: 2px dashed #5E81F4; */
}

.cong-message::before {
  /* top: 169px;
  left: -297px;
  width: 300px; */
}
.tag { padding: 3px 8px 3px;}

.cong-message::after {
  /* top: 169px;
  right: -100px;
  width: 105px; */
}

.cong-message .cong-message-details {
  position: relative;
}

.cong-message .cong-message-details::after {
  content: "";
  width: 517px;
  height: 244px;
  position: absolute;
  background: #FFFFFF;
  opacity: 1;
  filter: blur(36px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 36%;
}

.cong-message h2 {
  color: #5E81F4;
  font-size: 24px;
  font-weight: 700;
}

.cong-message p {
  color: #8181A5;
  font-size: 19px;
  font-weight: 400;
}

.cong-message .chk-input {
  margin-top: 23px;
  margin-bottom: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cong-message .chk-input input {
  margin-right: 5px;
}

.cong-message .chk-input label {
  color: #8181A5;
  font-size: 11px;
}

.cong-message a.dismiss-btn {
  border-bottom: 1px solid;
  font-size: 16px;
}

.campaigns-list-desktop .date-table {
  color: #8181A5;
}

.create-campaign-details .tasks .tasks__item a.add-task {
  font-size: 16px;
  font-weight: bold;
  display: flex;
}

.create-campaign-details .tasks .tasks__item a.add-task i {
  margin-right: 8px;
  font-size: 26px;
}

.tasks .switch__input:checked+.switch__content {
  color: #8181A5; font-size: 13px;
}

.tasks .switch__content {
  color: #1C1D21; font-size: 13px;
}

.create-campaign-details .tasks__cell.data__cell.set-width.mobile-hide {
  width: 15%;
  flex: inherit;
}

.campaigns-list-desktop .data__content a {
  font-size: 16px;
  color: #1C1D21;
  font-weight: 700;
}

.create-campaign-details .tag {
  min-width: 140px;
}

.account-setting .account-height-set {
  height: 705px;
  overflow-y: auto;
  margin-bottom: 20px;
}

.account-setting .account-height-set .data__cell:last-child {
  padding-right: 0px !important;
  padding-left: 15px;
}

.account-setting .account-height-set .switch__input:checked+.switch__content:before {
  background: #ECECF2;
}

.account-setting .account-height-set .switch_toggle .switch__input[type=checkbox]:checked+.switch__content:after {
  background: #1ACE7C;
}

.account-setting .account-height-set .data__content strong {
  font-size: 13px;
  font-weight: 600;
}

.account-setting .account-height-set .data__cell.data__cell_lg.mobile-hide .data__content {
  color: #8181A5;
  font-size: 12px;
  font-weight: 600;
}

.account-setting .account-height-set .account-search {
  border: 1px solid #ECECF2;
  max-width: 410px;
  width: 100%;
  height: 29px;
}

.invoice-leftpart .contacts {
  margin-left: 30px;
}

.invoice-leftpart a {
  color: #8181A5;
  font-size: 14px;
  font-weight: 700;
}

.invoice-leftpart .contacts a.active,
.invoice-leftpart .contacts a.active i {
  color: #5E81F4;
}

.invoice-leftpart .contacts a svg g path {
  stroke: #8181A5;
}

.invoice-leftpart .contacts a.active svg g path {
  stroke: #5E81F4;
}
.invoice-leftpart .contacts a.active svg g rect {
  fill: #5E81F4;
}

.invoice-leftpart .contacts a.strokee svg g path {
  stroke: inherit;
}


.new-invoice-modal .invoice__head {
  align-items: flex-start;
}

.new-invoice-modal .invoice__details {
  margin: 0;
}

.c-modal.new-invoice-modal .c-modal__dialog {
  max-width: 782px;
  margin: 0 auto;
}

.c-modal.new-invoice-modal .c-modal__content {
  padding: 54px 70px 33px 30px;
}

.invoice-table .data__main a {
  color: #1C1D21;
}

.invoice-table a .data__preview {
  border-radius: 8px;
}

.invoice.border-btm {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.new-invoice-modal .invoice__about {
  margin-right: 40px;
}

.new-invoice-modal .modal__wrap.panel__head {
  margin-bottom: 50px;
}

.new-invoice-modal .footer.panel__head p {
  color: #BDBDE2;
  font-size: 14px;
}

button.btn-close-invoice {
  min-width: 125px;
  height: 36px;
  background: #8181A5;
  color: #fff;
  border-radius: 8px;
}

.close-btn {
  width: 125px;
  height: 36px;
  background: #F6F6F6;
  color: #8181A5;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.settings__container .settings__inner {
  height: 656px;
  overflow: scroll;
  overflow-x: hidden;
  padding-right: 15px;
}

.mt-auto {
  margin-top: auto;
}

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

.mt-2 {
  margin-top: 14px;
}

.mb-2 {
  margin-bottom: 14px;
}

.settings__inner::-webkit-scrollbar-track ,.nav__list .nav__primary::-webkit-scrollbar-track, .side-height-auto::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  width: 5px;
  padding: 5px;
  border-radius: 5px;
}

.settings__inner::-webkit-scrollbar, .nav__list .nav__primary::-webkit-scrollbar ,.side-height-auto::-webkit-scrollbar {
  width: 10px;
  padding: 5px;
  border-radius: 5px;
  background-color: #F5F5F5;
}

.settings__inner::-webkit-scrollbar-thumb, .nav__list .nav__primary::-webkit-scrollbar-thumb , .side-height-auto::-webkit-scrollbar-thumb  {
  background-color: #B9B9B9;
  width: 5px;
  margin: 5px;
  border-radius: 5px;
}

.user-list.data_grid .data__preview {
  width: 64px;
  height: 64px;
  margin: 0 22px 12px 0;
  flex: 0 0 64px;
}

.user-list.data_grid .data__main {
  flex-direction: row;
}

.user-list.data_grid .series__circle {
  margin: -72px 22px 0 -30px;
}

.user-list.data_grid .data__preview {
  border-radius: 0;
}

.user-list.data_grid i.la.la-history {
  margin-right: 0;
}

.user-list.data_grid .data__tags.tag-group {
  justify-content: space-between;
}

.user-list.data_grid .tag.action.gray {
  min-width: auto;
  width: 36px;
  height: 36px;
}

.user-list.data_grid .data__item .data__content {
  color: #1C1D21 !important;
  font-size: 16px;
  font-weight: 400;
}

.user-list.data_grid .data__tags.tag-group .drop-icon {
  color: #8181A5;
  font-size: 14px;
  font-weight: bold;
  width: 150px;
}

.edit-user-details .data__cell_name {
  margin-bottom: 30px;
}

.time-logs-table .data__item {
  border: 0;
  border-bottom: 1px solid #D9D9EB;
  border-radius: 0;
  padding-left: 10px;
}

.time-logs-table .data__main {
  padding-left: 0;
}

.time-logs-table .data__head .data__cell {
  margin-left: 24px;
}

.time-logs-table .data__item.blue-set {
  background-color: #5E81F419;
  padding: 10px;
  border-bottom: 0;
  margin-top: 25px;
}

.time-logs-table .data__item.blue-set:nth-child(1) {
  margin-top: 0;
}

.time-logs-table .data__item.blue-set .data__content {
  color: #5E81F4;
  font-weight: 900;
}

.time-logs-table .data__item {
  margin-left: 24px;
  padding: 10px 0 10px 10px;
}

.time-logs-table .data__preview,
.time-logs-table .data__preview img {
  flex: 0 0 14px;
  width: 14px !important;
  height: 14px !important;
  border-radius: 0;
}

.time-logs-table .prospect-details-page .data__content .text-truncate {
  font-size: 12px;
}

.time-logs-table .data__cell .data__content {
  font-size: 12px;
  font-weight: 500;
}

.time-logs-table .input input.timelog-input {
  height: 40px;
  line-height: 40px;
  border: 1px solid #ECECF2;
  border-radius: 8px;
  padding: 5px 5px 5px 15px;
  width: 250px;
}

.time-logs-table .data__body {
  height: 665px;
  overflow: auto;
}

.time-logs-table .timelog-drop {
  margin: 0 20px;
}

.c-modal--newtask button.tag.blue {
  padding: 6px 8px 7px;
}

.c-modal--edittask .content__reply {
  margin: 0 -27px -27px;
}

.edit-user-details .c-modal__content {
  padding: 36px 27px 30px;
}

.edit-user-details .content__actions button.content__caption.caption {
  color: #5E81F4;
}

.edit-user-details .content__actions button.content__caption.caption:nth-last-child(1) {
  color: #FF808B;
}

.c-modal--convertclient .btn-grp-set {
  margin-top: 40px;
}

.c-modal--convertclient p.main-head {
  color: #5E81F4;
  font-size: 20px;
}

.c-modal--convertclient .import-cont .panel__group {
  width: 62%;
}

.c-modal--convertclient button.add-contact-btn {
  min-width: 160px;
}

.client-details-set .type-search {
  margin-left: 60px;
}

.client-details-set .type-search .blue {
  background: transparent;
}

.client-details-set .data__item {
  border: 0;
}

.text-green {
  color: #36D981;
}

.text-orange {
  color: #F4BE5E;
}

.bg-green {
  background: #36D981;
}

.bg-orange {
  background: #F4BE5E;
}

.bg-gray {
  background: #BDBDE2;
}

.bg-blue {
  background: #5E81F4;
}

.client-details-set .data__item .data__content span {
  margin-left: 10px;
  line-height: 1;
}

.prospect-csv .maping-cont {
  width: 260px;
  margin-right: 18px;
  overflow: hidden;
}

.prospect-csv .maping-column {
  overflow: hidden;
  border: 1px solid #ECECF2;
  border-radius: 12px;
}

.prospect-csv .maping-column h4 {
  display: block;
  padding: 10px 15px;
  background: #5E81F4;
  color: #fff;
}

.prospect-csv .maping-column .maping-details {
  padding: 0 15px;
}

.prospect-csv .maping-column .maping-details p.border-btm {
  padding: 10px 0;
  color: #8181A5;
  border-bottom: 1px solid #ECECF2;
}

.prospect-csv .maping-column .maping-details p.border-btm:nth-last-child(1) {
  border-bottom: 0;
}

.prospect-csv .mapping-data {
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 40px 0;
}

.prospect-csv .prospect__inner::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 5px;
  width: 5px;
}

.prospect-csv .prospect__inner::-webkit-scrollbar {
  width: 5px;
  border-radius: 5px;
  background-color: #F5F5F5;
}

.prospect-csv .prospect__inner::-webkit-scrollbar-thumb {
  background-color: #B9B9B9;
  border-radius: 5px;
  width: 5px;
}

.prospect-csv h3 {
  color: #1C1D21;
  font-size: 16px;
  font-weight: 500;
}

.prospect-csv .field {
  width: 75%;
}

.prospect-csv .select2-container--default .select2-selection--single {
  border: 0;
}

.prospect-csv .maping-cont .select2-container--default .select2-selection--single .select2-selection__rendered,
.prospect-csv .select2-container .select2-selection--single {
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}

.c-modal--campaigntask .or-set {
  padding: 0 15px;
}

.c-modal--campaigntask .or-set p {
  color: #8181A5;
}

.c-modal--campaigntask .timelog-drop {
  width: 200px;
}

.c-modal--campaigntask .content__box {
  margin-bottom: 30px;
}

.c-modal--campaigntask .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-weight: 400;
}

.c-modal--campaigntask .content__section:nth-child(1) {
  border-bottom: 0;
  margin-bottom: 0;
}

.c-modal--campaigntask .content__section:not(:last-child) {
  padding-bottom: 0;
}

.c-modal--campaigntask .inpt input.int-day {
  width: 40px;
  text-align: center;
  margin: 0 15px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ECECF2;
  color: #8181A5;
}

.c-modal.c-modal--campaigntask .c-modal__content {
  padding: 0;
}

.c-modal.c-modal--campaigntask .c-modal__content .modal__body {
  padding: 36px 27px 15px;
}

.c-modal.c-modal--campaigntask .c-modal__content .modal__footer,
.c-modal.c-modal--newmytask .c-modal__content .modal__footer,
.c-modal.mb-camp .c-modal__content .modal__footer {
  padding: 30px 27px;
  background: rgba(129, 129, 165, 10%);
}

.c-modal.c-modal--newmytask .c-modal__content .modal__footer div.content__box,
.c-modal.mb-camp .c-modal__content .modal__footer div.content__box,
.c-modal.c-modal--emailtemp.email-temp .c-modal__content .modal__footer div.content__box {
  margin-bottom: 15px;
  background: transparent;
  padding: 0;
}

.c-modal.c-modal--newmytask .c-modal__content .content__box a.content__label,
.c-modal.mb-camp .c-modal__content .content__box a.content__label,
.c-modal--campaigntask .content__section .content__box a.content__label.fs-14 {
  color: #5E81F4;
}

.colors {
  display: none;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.c-modal.c-modal--campaigntask #task_completion .drp-days .timelog-drop,
.c-modal.c-modal--campaigntask #set_time_period .drp-days .timelog-drop {
  width: 100px;
  /* margin-left: 15px; */
}

.c-modal.c-modal--campaigntask #task_completion .timelog-drop .select2-container .select2-selection--single,
.c-modal.c-modal--campaigntask #set_time_period .timelog-drop .select2-container .select2-selection--single {
  min-width: 100px;
}

.c-modal.c-modal--campaigntask .modal__footer .content__box {
  margin-bottom: 0;
}

.panel__head.btn-prospect .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 46px !important;
}

.imp_cont_btn {
  min-width: 170px;
  min-height: 46px;
  margin-left: 30px;
}

.cncl-btn {
  min-width: 135px;
  min-height: 46px;
  background: #F6F6F6;
  color: #8181A5;
  border-radius: 8px;
}


/* .email-temp .panel__head .panel__group:nth-child(1) {
  padding-right: 12px;
}

.email-temp .panel__head .panel__group:nth-child(2) {
  padding-left: 12px;
} */

.email-temp .data__item {
  padding: 15px;
  border-radius: 12px;
}

.email-temp .data__item .data__cell {
  padding: 0;
}

.email-temp .data__cell_action {
  flex: 0 0 36px;
}

.email-temp .data__item .data__cell.tag-btn .tag.green {
  margin-bottom: 5px;
}

.email-temp .panel__head .panel__group:nth-child(2) a {
  color: #1C1D21;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.email-temp .data__item.active-focus {
  background-color: #F5F5FA66;
}

.email-temp .data__item.active-unread {
  background-color: #5E81F419;
}

.email-temp div#toolbar-container,
.email-temp div#ckeditor5 {
  width: 97%;
  margin-left: auto;
}

.select2-container--default .select2-results>.select2-results__options li {
  display: flex;
  align-items: center;
}

.select2-search--dropdown {
  display: none;
}

.select2-container--default .select2-results>.select2-results__options li img {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  border-radius: 10px;
}

.email-temp div#ckeditor5 {
  border: 1px solid #ECECF2;
  padding: 15px;
  height: 650px;
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.email-temp .email-list {
  max-height: 720px;
  overflow-y: scroll;
}

.email-temp div#toolbar-container .ck.ck-toolbar.ck-reset_all.ck-rounded-corners {
  background: rgba(129, 129, 165, 0.1);
  padding: 16px 0 12px 42px;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  font-family: 'Lato', sans-serif !important;
}

.email-temp .ck.ck-dropdown.ck-heading-dropdown span {
  font-family: 'Lato', sans-serif !important;
  color: #8181A5;
  font-weight: 700;
}

.email-temp span.ck.ck-toolbar__separator {
  margin: 0 15px;
}

.email-temp svg.ck.ck-icon.ck-button__icon {
  color: #8181A5;
}

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

.user-client-details .first-box {
  width: 387px;
  padding: 16px 22px 32px 16px;
  background: #F4F4F7;
  border-radius: 8px;
  margin-bottom: 37px;
}

.user-client-details .first-box .contacts__detail p:nth-child(1) {
  margin-right: 10px;
}

.user-client-details .cont-det .prospect-details .info__title {
  margin-bottom: 10px;
}

.user-client-details .cont-det .prospect-details .contacts__detail span {
  background-color: #fff;
}

.user-client-details>.d-flex>div:nth-child(1),
.client-info .d-flex>div:nth-child(1) {
  margin-right: 30px;
}

.user-client-details .first-box .select-drop ul li {
  background: #ECECF2;
}

.user-client-details .first-box .select-drop ul {
  margin-top: 0;
}

.user-client-details .first-box .addtags {
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-client-details .first-box .addtags span {
  width: 16px;
  height: 17px;
  background: rgba(94, 129, 244, 0.22);
  color: #8181A5;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  border-radius: 3px;
}

.user-client-details .first-box .addtags span i {
  font-size: 10px;
}

.panel__head.panel__head_line.border-btm {
  padding-bottom: 15px;
}

.nav__link .nav__preview svg path,
.nav__link .nav__preview svg text {
  fill: #8181A5;
  color: #8181A5;
}

.nav__link.active .nav__preview svg path,
.nav__link.active .nav__preview svg text,
.nav__link:hover .nav__preview svg path,
.nav__link:hover .nav__preview svg text {
  fill: #5E81F4;
  color: #5E81F4;
}

.nav__link .nav__preview .active-img {
  display: none;
}

.nav__link.active .nav__preview .active-img,
.nav__link:hover .nav__preview .active-img {
  display: block;
}

.nav__link.active .nav__preview img.nav__pic.noraml,
.nav__link:hover .nav__preview img.nav__pic.noraml {
  display: none !important;
}

.submit-template h2 {
  color: #707070;
  margin: 11px 0 44px;
  font-size: 20px;
}

.mobile-task-canlender .panel.js-panel {
  background: #fff;
}
.create-campaign.create-campaign-task .cong-message::before,
.create-campaign.create-campaign-task .cong-message::after{
  display: none;
}

.c-modal.c-modal--campaigntask .drp-days,
.c-modal.c-modal--newmytask .drp-days{
  margin-left: 10px;
}

.sidebar-modal {position: fixed;  margin-right: -620px; z-index: 101; bottom: 0px; overflow: hidden; background-color: #fff;  top: 0px; right: 0px; width: 610px; padding: 36px 0px 0px; box-shadow: 0px 0px 10px 1px #aaa5a5; transition: all 0.5s;}
.sidebar-modal-edit {position: fixed;  margin-right: -620px; z-index: 101; bottom: 0px; overflow: hidden; background-color: #fff;  top: 0px; right: 0px; width: 610px; padding: 36px 0px 0px; box-shadow: 0px 0px 10px 1px #aaa5a5; transition: all 0.5s;}
.padding-25 { padding-left: 27px; padding-right: 27px;}
.commentbox-container { padding: 0px 27px;}
.mr-0 { margin-right: 0px;}
.overlaybg {display: none;}
.mr-85px { padding-right: 85px;}

.field__select-custom { height: 35px;}
.border-feild { border: #F0F0F3 solid 1px; border-radius: 5px; padding: 0px 5px 0px 7px;}
.border-feild .field__icon { margin-right: 6px;}
.border-feild .field__select-custom { border-bottom: none !important;}
.mb-12 { margin-bottom: 12px !important;}
.ordiv { padding-top: 36px; font-weight: bold; color: #8181A5; font-size: 12px; font-family: 'Lato', sans-serif;}
.m-0 { margin: 0px !important;}
.scrollbarblock { height: calc(100% - 65px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0px;}
.padding-8 {padding: 8px;}
.custom-mt-3 { margin-top: 25px;}
.attachmentlink{color: #5e81f4; font-size: 16px; margin: 3px 0px; font-family: 'Lato', sans-serif; display: inline-flex; align-items: center;}
.attachmentlink i { margin-right: 10px;}
.mb-0{ margin-bottom: 0px !important;}
.pb-0{padding-bottom: 0px !important;}
.content-title-block {     font-size: 14px;
  font-weight: 400;
  color: #8181A5;}
  .comment-box { background-color: #f5f5fa;  padding: 25px;}
  ul.comment-list { margin: 0px; padding: 0px;}
  ul.comment-list li { margin-bottom: 25px; display: flex;}
  ul.comment-list li .userlistblock { width: 35px; margin-right: 10px; height: 35px; border-radius: 5px; }
.userlistblock-content  { display: top; align-items: center; width: calc(100% - 35px);}
.userlistblock-content b { color: #8181a5; margin-right: 25px; font-size: 16px; line-height: normal; font-family: 'Lato', sans-serif;  font-weight: bold;}
.userlistblock-content .dateblock{color: #929294; margin-top: 4px; line-height: normal;  font-family: 'Lato', sans-serif; }
.custom-d-flex { display: flex; align-items: center;     flex-wrap: wrap;}
.userlistblock-content p{color: #000; font-size: 16px; margin-top: 2px; line-height: normal;  font-family: 'Lato', sans-serif; }
.overlaybg {position: fixed; z-index: 100; background: rgba(0, 0, 0, 0.3); left: 0px; right: 0px; top: 0px; bottom: 0px;}
.close-img {    width: 12px;
  position: absolute;
  right: 0px;
  top: 50%; margin-top: -6px;}
.commentbox-container .reply { background-color: #fff; box-shadow: 0px 2px 5px;}
.paddingright-32{ padding-right: 32px;}
.documents { position: relative;}
.sidebarblock { z-index: 101; box-shadow: 0px 3px 6px rgb(219 219 219); margin-right: -565px; transition: 0.5s; padding: 25px; position: fixed; right: 0px; top: 0px; bottom: 0px; width: 565px; background-color: #fff;}
.sidebarblock .sidebar-block-header h2{color: #8181A5; font-size: 14px;  font-family: 'Lato', sans-serif; margin: 0px;}
.sidebarblock .sidebar-block-header h3{color: #000000; font-size: 22px;  font-family: 'Lato', sans-serif; margin: 0px;}
.sidebarblock .sidebar-block-body{ height: calc(100vh - 175px); padding-bottom: 15px; overflow-x: auto; padding-right: 15px;}
.hr-border {
  border-bottom: #e8e8e8 solid 1px;
  border-top: 0px;
}
.sidebarblock.sidebar-open { margin-right: 0px;}
.overflowbg { background: rgba(0, 0, 0, 0.5); display: none; z-index: 100; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px;}
.custom-select-option-2 {color: #8181A5; border-bottom: #e8e8e8 solid 1px; height: 38px; font-weight: 400; font-size: 14px; font-family: 'Lato', sans-serif;}
.overflowbg-block { display: block;}
.custom-select-option {color: #8181A5; font-weight: bold; font-size: 14px; font-family: 'Lato', sans-serif;}
.custom-select-option .smalltext{ font-size: 11px; font-weight: 400;}
.ml-10 { margin-left: 10px;}
.fs-10{ font-size: 10px; font-weight: bold;}
.gray-tag {color: #8181A5;margin: 2px; background-color: #D9D9EB; padding-top: 1px; padding-bottom: 1px; font-size: 12px; font-family: 'Lato', sans-serif;}
.light-blue-tag {margin: 2px; background-color: #C8D4FD; padding-top: 1px; padding-bottom: 1px; color: #8181A5; font-size: 12px; font-family: 'Lato', sans-serif;}
.mt-10{ margin-top: 10px;}
.sidebar-block-body h4{font-size: 16px;  font-weight: bold; font-family: 'Lato', sans-serif; color: #000000;}
.customcardlblock { background-color: #F8F8FD; box-shadow: 0px 3px 6px rgb(207, 207, 207); border-radius: 15px; padding: 15px; border-left: #9494B7 solid 15px;}
.checkboxcustom { color: #8181A5; font-weight: bold; font-size: 11px; font-family: 'Lato', sans-serif;}
.boldtextinput {color: #8181A5; font-weight: bold; font-size: 16px; font-family: 'Lato', sans-serif; background-color: transparent; width: 100%; border-bottom:#e8e8e8 solid 1px; padding-bottom: 10px; padding-top: 10px;}
.normaltextinput {color: #8181A5; padding-left: 3px; padding-right: 3px; font-weight: 400; font-size: 14px; font-family: 'Lato', sans-serif; background-color: transparent; width: 100%; border-bottom:#e8e8e8 solid 1px; padding-bottom: 10px; padding-top: 10px;}
.normaltextinput:focus { background-color: #fff;}
.gx-1{ margin-left: -3px !important; margin-right: -3px !important;}
.gx-2{ margin-left: -5px !important; margin-right: -5px !important;}
.gx-2 .padd-5{ padding-left: 5px !important; padding-right: 5px !important; }
.select-custom-block { border: #C6C6CC solid 1px; font-weight: 400; border-radius: 5px; color: #8181A5; font-size: 12px; font-family: 'Lato', sans-serif; padding: 3px;}
.border-b-none { border-bottom: none;}
.fs-12 { font-size: 12px;}
.sidebar-block-footer { border-top: #00000029 solid 1px; padding: 25px; margin-top: 15px; margin-right: -24px; margin-left: -24px;}
.custom-btn-gray { background-color: #F6F6F6; border: #F6F6F6 solid 1px; color: #8181A5;}
.custom-btn-gray:hover { background-color: #F6F6F6; border: #F6F6F6 solid 1px; color: #8181A5;}
.prospect-name { font-size: 22px; font-weight: bold; color: #000000;}
.font-weight-normal { font-weight: normal;}
.graybgbox { background-color: #F4F5FB; border-radius: 10px; margin-top: 25px; padding: 15px 20px; }
.graybgbox h3 {color: #61636E; font-size: 16px; line-height: normal; font-weight: 800;  font-family: 'Lato', sans-serif; }
.includeall {color: #8181A5; font-size: 12px; font-family: 'Lato', sans-serif;}
.custom-checkbox-all {color: #8181A5; font-size: 15px; font-family: 'Lato', sans-serif;}
.ml-5{ margin-left: 5px;}
.mt-50{margin-top: 60px;}
.flex-wrap {
  flex-wrap: wrap;
}
.mr-10 { margin-right: 10px;}
.client-img {width: 80px; height: 80px; background-color: #eef3fe; border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.tag { border-radius: 4px;}
.custom-mt-5{ margin-top: 5px;}
.custom-mt-0{ margin-top: 0px !important;}
.newcontactblock { display: none;}


/* 26-04-2023 */
.sidebar-block-header-lightblue { background-color: #F5F5FA; color: #000000;  font-family: 'Lato', sans-serif; font-weight: bold; font-size: 20px; padding: 15px 25px;}
.padding-0 { padding: 0px ;}
.pading-left-25 { padding-left: 25px;}  
.pt-25 { padding-top: 25px;}
.custom-form-sidebar label { color: #000000; display: block;  font-family: 'Lato', sans-serif; font-weight: bold; font-size: 14px;}
.custom-form-sidebar label span { font-size: 11px;}
.custom-form-sidebar input { width: 100%; border: #D9D9EB solid 1px; border-radius: 5px; font-family: 'Lato', sans-serif; font-weight: normal; padding: 8px;}
.custom-margin-top-35 { margin-top: 35px;}
.margin-x-0 { margin-left: 0px; margin-right: 0px;}
.mt-20 { margin-top: 20px;}
.customcardlblock-new { border-left: 0px;}
.customcardlblock-new input {border-radius: 5px; font-family: 'Lato', sans-serif; font-weight: normal; color: #8181A5; padding:10px ; border-bottom: 0px; font-size: 14px; background-color: #fff;}
.custom-select-option-border { border: #D9D9EB solid 1px; border-radius: 10px; padding: 5px 10px;}
.custom-select-option-border .la {
  font-size: 15px;
}
.custom-select-option-2 { border: #ded6d6 solid 1px;}
.angle-down i {transition: 0.2s;}
.main-show .angle-down i{transform: rotate(180deg);}
.dataTables_wrapper .dataTables_length label{font-family: 'Lato', sans-serif; font-weight: normal; color: #8181A5; font-size: 14px;}
.dataTables_wrapper .dataTables_length label select {border: #ded6d6  solid 1px;margin: 0px 5px;}
.custom-table-responsive > .dataTables_wrapper > .row:nth-child(2) .col-sm-12{overflow: auto;}
.select_mate { border: none !important;}
.table-custom-block .select_mate {float: none;}
.scrollbarblock .border-feild{padding: 0px;}
.scrollbarblock .border-feild .field__select-custom {padding: 0px 15px;}
.scrollbarblock .timelog-drop .field__icon {
  right: 10px;
  top: 0px;
}
.nav__list .nav__primary {
  height: calc(100vh - 158px);
    overflow: auto;
}
.side-height-auto{height: calc(100vh - 171px);
  overflow: auto;}
  .campaigns-search .btn-primary { margin-top: 12px; vertical-align: top;}

/* side pannel css */
.sidebar-modal-new {box-shadow: none; padding-top: 0px;}
.sidebar-modal-new-graycard{background-color: #F5F5FA; padding-top: 15px; padding-bottom: 15px;}
.sidebar-modal-new-graycard h2 {color: #000000; font-size: 20px; font-weight: bold;  font-family: 'Lato', sans-serif; margin: 0px;}
.sidebar-modal-new-graycard p{color: #8181A5; font-size: 12px; font-family: 'Lato', sans-serif; }
.sidebar-modal-new-whitecard { background-color: #fff; padding-top: 15px; padding-bottom: 15px;}
.form-block label {color: #000000; font-family: 'Lato', sans-serif; font-size: 14px; width: 100%; margin-bottom: 5px; display: flex;  align-items: center;}
.form-block input.form-control { border: #ECECF2 solid 1px; border-radius: 5px; padding: 9px 10px; width: 100%;  font-family: 'Lato', sans-serif; font-size: 14px; font-weight: normal;}
.form-block .border-feild .field__select-custom{color: #B3B3B3; font-size: 12px; font-family: 'Lato', sans-serif; padding-left: 5px; padding-right: 5px; font-weight: 400;}
.form-block .border-feild {border: #ECECF2 solid 1px; border-radius: 5px;} 
.form-block .border-feild .border-feild.phone-icon{ position: relative;}
.form-block .border-feild.phone-icon::after {position: absolute;left: 7px;top: 50%; content: ""; background: url(../img/phone.png) no-repeat;width: 16px;height: 15px;transform: translateY(-50%); }
.form-block .border-feild.phone-icon .field__select-custom{padding-left: 20px;}
.padding-0 { padding: 0px !important;}
.mt-8 {margin-top: 8px;}
.ortext{font-size: 12px;}
.form-block label span{ margin-left: 5px;}
.form-block .form__field{ margin-bottom: 0px;}
.form-block .mb-2 { margin-bottom: 10px;}
.gx-1 > * { padding-left: 3px; padding-right: 3px; }
.gx-2 > * { padding-left: 5px; padding-right: 5px; }
.gx-3 > * { padding-left: 10px; padding-right: 10px; }
.text5{ color: #8181A5; font-size: 14px;  font-family: 'Lato', sans-serif;  }
.small-heading {display: flex; align-items: center;}
.small-heading i{ margin-right: 10px;}
.small-heading i img { display: block;}
.small-heading .customhead{color: #000000; font-size: 14px;  font-family: 'Lato', sans-serif;  }
.small-heading .info-icon { margin-left: 10px;}
.sidebar-scroll-bar  { overflow-y: auto; height: calc(100vh - 150px);}
.sidebar-modal-new-graycard .mt-3 { margin-top: 10px;}
.form-block .border-feild{background-color: #fff;}
.sidebar-modal-new-graycard label {color: #8181A5; font-size: 14px;  font-family: 'Lato', sans-serif;}
.sidebar-modal-new-whitecard textarea {border: #ECECF2 solid 1px; border-radius: 5px; padding: 10px; 
  width: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: normal;
  height: 98px;
}
.closebtn{ position: absolute; right: 25px; margin-top: 7px;}
.position-relative {position: relative;} 
.custom-mt-3 { margin-top: 15px;}
.sidebar-modal-new-graycard label .switch__content {color: #B3B3B3; font-size: 12px;  font-family: 'Lato', sans-serif; font-weight: normal; padding-top: 2px;}
.sidebar-modal-new-graycard .switch__content { padding-left: 25px;}
.sidebar-modal-new-graycard .switch__input:checked + .switch__content {
  color: #6c6c6c; font-size: 12px;  font-family: 'Lato', sans-serif; font-weight: normal; padding-top: 2px;
}
ul.link-navigation { margin: 0px; padding: 0px;}
ul.link-navigation li { list-style: none; margin-bottom: 10px;}
ul.link-navigation li a{ display: flex; align-items: center; font-size: 14px;}
ul.link-navigation li i { margin-right: 10px;}
.addlink{ font-size: 12px;}
.sidebarfooter { border-top: #979797 solid 1px; padding-top: 15px; padding-bottom: 15px;}
.sidebarfooter a.graybtn{ background-color: #E1E1E1; border: #E1E1E1 solid 1px; display: inline-block; color: #8181A5;  font-size: 14px; padding: 10px 20px; border-radius: 5px; font-family: 'Lato', sans-serif; font-weight: bold; }
.sidebarfooter a.greenbtn{ background-color: #33C5A0; border: #33C5A0 solid 1px; display: inline-block; color: #fff;  font-size: 14px; padding: 10px 20px; border-radius: 5px; font-family: 'Lato', sans-serif; font-weight: bold; }
.sidebarfooter a.bluebtn{ background-color: #5E81F4; border: #5E81F4 solid 1px; display: inline-block; color: #fff;  font-size: 14px; padding: 10px 20px; border-radius: 5px; font-family: 'Lato', sans-serif; font-weight: bold; }


.cl{clear: both;}
.uploader {
  display: block;
  clear: both;
  margin: 15px auto 35px;
  width: 100%;
  max-width: 600px;
}
.uploader label {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  padding: 2rem 1.5rem;
  text-align: center;
  background: #fff;
  border-radius: 0px;
  border: 2px dashed #8181A5;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}


.uploader label.hover #start i.fa {
  transform: scale(0.8);
  opacity: 0.3;
}
.uploader #start {
  float: left;
  clear: both;
  width: 100%;
}
.uploader #start.hidden {
  display: none;
}
.uploader #start i.fa {
  font-size: 50px;
  margin-bottom: 1rem;
  transition: all 0.2s ease-in-out;
}
.uploader #response {
  float: left;
  clear: both;
  width: 100%;
}
.uploader #response.hidden {
  display: none;
}
.uploader #response #messages {
  margin-bottom: 0.5rem;
}
.uploader #file-image {
  display: inline;
  margin: 0 auto 0.5rem auto;
  width: auto;
  height: auto;
  max-width: 180px;
}
.uploader #file-image.hidden {
  display: none;
}
.uploader #notimage {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}
.uploader #notimage.hidden {
  display: none;
}
.uploader progress,
.uploader .progress {
  display: inline;
  clear: both;
  margin: 0 auto;
  width: 100%;
  max-width: 180px;
  height: 8px;
  border: 0;
  border-radius: 4px;
  background-color: #eee;
  overflow: hidden;
}
.uploader .progress[value]::-webkit-progress-bar {
  border-radius: 4px;
  background-color: #eee;
}
.uploader .progress[value]::-webkit-progress-value {
  background: linear-gradient(to right, #393f90 0%, #454cad 50%);
  border-radius: 4px;
}
.uploader .progress[value]::-moz-progress-bar {
  background: linear-gradient(to right, #393f90 0%, #454cad 50%);
  border-radius: 4px;
}
.uploader input[type=file] {
  display: none;
}
.uploader div {

  color: #5f6982;
}
.uploader div.uloadattachment {color: #8181A5; font-size: 14px; font-family: 'Lato', sans-serif;}
.uploader .btn {
  display: inline-block;
  margin: 0.5rem 0.5rem 1rem 0.5rem;
  clear: both;
  font-family: inherit;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  text-transform: initial;
  border: none;
  border-radius: 0.2rem;
  outline: none;
  padding: 0 1rem;
  height: 36px;
  line-height: 36px;
  color: #fff;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  background: #454cad;
  border-color: #454cad;
  cursor: pointer;
}

/* new css added */
.nav{    border-right: 1px solid #CDCDCD;}
.nav__primary {width: 100%;}
.nav__preview.user-nav__preview .nav__pic { height: 40px; width: 40px; border-radius: 50px;}
a.nav__link:hover .nav__preview.user-nav__preview {background-color: transparent;}

a.nav__link.nav__link_user.custom-nav__link_head.nav__link:hover::after{ display: none;}
.custom-nav__list .nav__link.active{ background-color: #EFF2FE;}
.custom-nav__list .nav__link:hover{ background-color: #EFF2FE;}
.custom-nav__list .nav__link.active:after, .custom-nav__list .nav__link:hover:after { top: 0px; bottom: 0px;}
.custom-sidebar__container {width: 336px; transition: 0.5s;}
.custom-container {padding-left: 409px;}
.custom-container__action { background-color: transparent;}
.custom-search-bar {}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #8181A5;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #D3D3E5;
  border-radius: 7px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}


@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.custom-search-bar {max-width: 500px; width: 100%; float: right; margin-left: auto;}
.custom-search-bar .form-select { border-radius: 10px;}
.custom-search-bar { position: relative;}
.custom-search-bar::after { width: 26px; height: 26px; top: 50%; margin-top: -13px; position: absolute; left: 15px; content: ""; background: url(../img/clock-img.png); }
.form-select-lg {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 3.3rem;
  color: #8181A5;
  font-size: 14px;
}
.form-radius { border-radius: 50px;}
.custom-sidebar__wrap .sidebar__title {color: #3C3836; font-size: 24px; font-weight: 500; font-family: 'Lato', sans-serif;}
.custom-sidebar__wrap .sidebar__title_normaltext {color: #000000; font-size: 16px; font-weight: 400; line-height: normal; font-family: 'Lato', sans-serif;}
.custom-sidebar__wrap .sidebar__text { font-style: italic; color: #979797; font-size: 16px; font-family: 'Lato', sans-serif;}
.primary-budge { background-color: #5E81F4; font-size: 14px; font-family: 'Lato', sans-serif; border-radius: 3px; padding: 3px 10px; margin-left: 5px; color: #fff;}
.customprimary-block {display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.custom-sidebar__nav {width: 72px;}
.custom-sidebar__container .sidebar__head  {padding: 24px 15px;}
.custom-sidebar__container .sidebar__inner { padding-left: 15px; padding-right: 15px;}
.user-seting-block { margin-top: 35px; padding-left: 5px; padding-right: 5px;  border-bottom: #D3D3E5 solid 1px; padding-bottom: 15px; display: flex; align-items: center;}
.ucustomprimary-blocksersettingtext {color: #3C3836; font-family: 'Lato', sans-serif; font-size: 16px;}
.userdetails-block {background-color: #F5F5FA; border-radius: 14px; padding: 15px 14px; margin-top: 15px;}
.userdetails-block2 {padding: 10px 10px;}
.userdetails-block h3 {color: #8181A5; font-weight: bold; font-size: 16px; font-family: 'Lato', sans-serif; margin: 0px;}
.userdetails-block .green-primary-text {color: #33C5A0; font-weight: bold; font-size: 12px; font-family: 'Lato', sans-serif; margin: 0px;}
.custom-mb-5 { margin-bottom: 15px;}
.me-auto{margin-right: auto;}
.gray-btn-bg { border: #8181A5 solid 1px; border-radius: 4px; padding: 4px 12px; color: #8181A5; font-size: 12px; font-family: 'Lato', sans-serif;}
.userdetails-block .address-disciption {color: #8181A5; font-size: 12px; font-weight: 500; font-family: 'Lato', sans-serif; }
.userdetails-block a.linkemail{ font-size: 12px;}
.custom-mt-20 { margin-top: 20px !important;}
.badge-block { display: flex; flex-wrap: wrap; align-items: center; padding-top: 15px; padding-bottom: 15px;}
.w-100 {width: 100%;}
.badge-block .badge-bg {background-color: #F5F5FA; font-family: 'Lato', sans-serif; color: #8181A5; font-size: 16px; padding: 4px 30px 4px 10px; margin-right: 10px; margin-bottom: 10px; position: relative; border-radius: 5px; }
.badge-block .badge-bg .closecustom{ position: absolute; right: 8px; top: 50%; transform: translateY(-50%);} 
.usersettingtext span {color: #8181A5}
.pb-0{padding-bottom: 0px !important;}
.pt-0 { padding-top: 0px !important;}
.custom-sidebar__nav .nav.extended {
  width: auto;
}
.budgebg-primary {
  padding: 8px 16px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5E81F4;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;}

  .budgebg-secondary {
    padding: 8px 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: flex;;
    justify-content: center;
    align-items: center;
    background-color: #33C4A0;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;}


    .pl-0 { padding-left: 0px;}
    .custom-container__action {margin-right: 10px;}
  .customselectbox { margin-top: 15px;}
  .customselectbox .field__inner { position: relative;}
  .customselectbox .field__inner i { position: absolute;
    left: 10px;
    top: 50%;
    z-index: 3;
    margin-top: -8px;}  
    .timelog-drop.customselectbox .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 28px;  font-size: 12px;   font-family: 'Lato', sans-serif;
      font-weight: 400; color: #3C3836;}
  
  .quicklink-discription { padding: 15px 5px;}
  .quicklink-discription .quicklink-dis{display: flex; align-items: center; margin-bottom: 10px;}
  .quicklink-discription .quicklink-dis i.quick-icon {margin-right: 10px;}
  .quicklink-discription .quicklink-dis i.quick-icon img {display: block;}
  .quicklink-discription .quicklink-dis .quickliktextblock {color: #3C3836; font-size: 14px; width: calc(100% - 27px);   font-family: 'Lato', sans-serif;}
  .quicklink-discription .quicklink-dis .quickliktextblock span {color: #8181A5;}
  .user-seting-block-top-10 { margin-top: 10px;}
  .dateblocks {color: #8181A5;display: flex; flex-wrap: wrap; align-items: center;  font-family: 'Lato', sans-serif; font-size: 12px;}
  .dateblocks span {color: #5E81F4;}
  .dateblocks i { margin-right: 7px;}
  .recent-note-discriotion {color: #000000; margin: 5px 0px;  font-family: 'Lato', sans-serif; font-size: 14px;}
  .recent-note-discriotion i {color: #8181A5; font-family: 'Lato', sans-serif;}
  .recent-note-discriotion.recent-note-discriotion2 {color: #3C3836; line-height: 18px; margin: 0px;}
  .recent-note-discriotion span {color: #5E81F4;}
  .sidebar-scroll { height: calc(100vh - 5px);
    overflow-y: auto; overflow-x: hidden;}
  .dateblocks span.newtext {color: #33C5A0; font-size: 12px; font-family: 'Lato', sans-serif; font-weight: bold; font-style: italic; margin-right: 5px;}
  .table-header-custom { border-bottom: #D3D3E5 solid 1px; padding-bottom: 15px;}
  .table-header-custom-sub {display: flex; align-items: center;}
  .table-header-custom-sub i {margin-right: 10px;}
  .table-header-custom-sub i img {display: block;}
  .table-header-custom-sub .table-header-custom-sub-head {color: #000000; font-size: 16px; font-family: 'Lato', sans-serif; }
  .table-header-custom .green-btn {background-color: #33C5A0; color: #fff; font-size: 14px; font-family: 'Lato', sans-serif; border-radius: 5px; display: block; padding: 3px 15px;}
  .table-header-custom .red-btn {background-color: #FD6565; color: #fff; font-size: 14px; font-family: 'Lato', sans-serif; border-radius: 5px; display: block; padding: 3px 15px;}
  .mb-3{ margin-bottom: 15px;}
  .table-new thead th { background-color: #fff; color: #8181A5; font-size: 14px; font-weight: normal;  font-family: 'Lato', sans-serif; }
  .table-new tbody td { color: #3C3836; font-size: 14px; padding: 4px 14px !important;  font-family: 'Lato', sans-serif;}
  .table-new tbody td a.active {color: #F5A05B;}
  .table-striped.table-new tbody tr:nth-of-type(even) {
    background-color: #fff;
  }
  .table-striped.table-new tbody tr:nth-of-type(odd) {
    background-color: #ECECF2;
  }
  
  .sidebar-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    width: 5px;
    padding: 5px;
    border-radius: 5px;
  }
  
  .sidebar-scroll::-webkit-scrollbar {
    width: 5px;
    padding: 5px;
    border-radius: 5px;
    background-color: #F5F5F5;
  }
  
  .sidebar-scroll::-webkit-scrollbar-thumb  {
    background-color: #B9B9B9;
    width: 5px;
    margin: 5px;
    border-radius: 5px;
  }
  .custom-pagination {text-align: center; color: #8181A5; font-family: 'Lato', sans-serif; font-size: 14px; margin-top: 50px; margin-bottom: 50px;}
  .mr-5 { margin-right: 5px;}
  .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #8181A5;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #D3D3E5;
    -webkit-appearance: none;
    font-family: 'Lato', sans-serif;
    -moz-appearance: none;
    appearance: none;
    border-radius: 7px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .mt-15 { margin-top: 15px;}
  .form-custom label{color: #3C3836; font-family: 'Lato', sans-serif; font-size: 14px; margin-bottom: 5px; display: block;}
  .header-btn {display: block; padding: 0px 28px 25px;}

  .cust-blue-btn {background-color: #5E81F4; padding: 7px 20px; color: #fff; font-family: 'Lato', sans-serif; font-size: 14px;  border-radius: 7px; }
  .cust-green-btn {background-color: #33C5A0; padding: 7px 20px; color: #fff; font-family: 'Lato', sans-serif; font-size: 14px;  border-radius: 7px; }
  textarea {
    resize: none;
  }
.orrangetext {color: #F5A05B;}
.redtext2 { color: #F94343;}
.graytext {color: #979797;}
.greentext {color: #33C5A0;}
.active{
  display: block;
}
.hide{
  display: none;
}
.ms-auto{margin-left: auto;}

@media only screen and (max-width: 1600px) {
  .sign-in .log-sec {
    width: 24vw;
  }
}

@media only screen and (max-width: 1415px) {
  .sign-in .log-sec {
    width: 28vw;
  }
}

@media only screen and (max-width: 1339px) {
  .custom-container {
  padding-left: 72px;
}
.custom_sidebar__action_toggle {display: block;
right: -23px;
position: absolute; box-shadow: 0px 0px 2px #898989;}
}


@media only screen and (max-width: 1214px) {
  .sign-in .log-sec {
    width: 30vw;
  }
}

@media only screen and (max-width: 1036px) {
  .custom-search-bar {
  max-width: 290px;
  width: 100%;
  float: right;
  margin-left: auto;
  }
  }

@media only screen and (max-width: 1024px) {
  .w-25 {
    width: 35%;
  }

  .w-75 {
    width: 62%;
  }

  .email-temp div#toolbar-container .ck.ck-toolbar.ck-reset_all.ck-rounded-corners {
    padding: 16px 0 12px 20px;
  }

  .layout__row {
    display: block;
  }

  .new-campaign-modal.c-modal.is-visible .c-modal__dialog {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
  }

  .create-campaign .add-task-box {
    background: transparent;
    width: auto;
    padding: 0;
  }

  .create-campaign .add-task-box a.add-task::before,
  .campaign-drop::before,
  .cong-message .cong-message-details::after,
  .cong-message::after,
  .cong-message::after,
  .cong-message::before,
  .create-campaign .add-task-box a.add-task::after,
  .campaign-drop::after {
    display: none;
  }

  .create-campaign span.selection {
    background: transparent;
    padding-left: 0;
  }

  .sign-in {
    flex: 1
  }

  .sign-in .log-sec {
    width: 50vw;
  }

  .login-page .img {
    flex: inherit;
  }

  .client-details-set .type-search {
    margin-left: 11px;
  }
}

@media only screen and (max-width: 991px) {
  .w-25 {
    width: 100%;
  }

  .w-75 {
    width: 100%;
  }

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

  .email-temp div#toolbar-container,
  .email-temp div#ckeditor5 {
    width: 100%;
  }

  .email-temp div#toolbar-container {
    margin-top: 25px;
  }

  .panel.email-temp .panel__group.w-75 {
    margin-top: 25px;
  }

  .user-client-details .first-box {
    width: 100%;
  }

  .user-client-details>.d-flex {
    display: block;
  }

  .user-client-details>.d-flex>div:nth-child(1) {
    margin-right: 0;
  }

  .panel__tab.js-panel-tab.client-info .d-flex {
    display: block;
  }
}


@media only screen and (max-width: 767px) {
  .client-details-set.customcont-paad { padding-top: 80px;}
  .client-details-set.customcont-paad .cnt-details { padding-top: 0px;}
  .sidebar-footer {display: none;}
  .sidebar-modal_template {width: 70%;}
  .custom_container__head { flex-wrap: wrap; height: auto !important;}
  .custom_container__head .container__title { }
  .custom_container__title {order: 0;}
  .custom_container__head .custom-search-bar {  margin-left: auto;}
  .nav__list .nav__primary {
    height: auto;
      overflow: auto;
  }
  .invoice-item { padding-left: 15px; padding-right: 15px;}
  .custom-pannel-block  { margin-top: 0px; }
.automated_emailDiv.content__section { padding-bottom: 15px;}
.convert-modal .c-modal__content { padding:15px}
.convert-modal .form-cont .panel__group {width: 100%;}
  .sidebar-modal { padding-top: 15px;}
  .sidebar-modal-edit { padding-top: 15px;}
  .sidebarblock {
    width: 90% !important;
  }
  .sidebarblock {     margin-right: -90%;}
  .mobile-padding{ padding-left:0px; padding-right: 0px;}
.calenderbg-mobile { width: 100%; justify-content: start;}
.mobile-padding .content__label {font-weight: 400;}
.mobile-mt-10{ margin-top: 10px;}
.commentbox-container {
  padding: 0px 0px;
}
.mobileborder { border: #F0F0F3 solid 1px;}
  .ordiv { display: none;}
  .mr-85px { padding-right: 0px;}
  .desktop-none {
    display: block;
  }
  .form_create{
    margin: 0;
  }

  .custome-modal--version2 .c-modal__content { padding-left:15px; padding-right:15px;}
  .ml-auto {margin-left: 0px; margin-top: 10px;}
  .ml-auto .new-campaign-btn { margin-left: 0px;}
  .type-search.campaigns-search input#search-ic{
    background-color: #fff;
    min-width: 310px;
  }
  .type-search.type-search1 {width: 100%;}
  .type-search.type-search1.campaigns-search input#search-ic{
    background-color: #fff;
    min-width: 100% !important;
  }
  .user-list.data_grid .data__tags.tag-group {
    display: inherit;
  }

  .user-list.data_grid .data__tags.tag-group .drop-icon {
    width: 100px;
    margin-bottom: 10px;
  }

  .user-data-bg .panel {
    background: transparent !important;
  }

  .form.form_settings .client-list .data__main {
    padding-left: 0;
  }

  .c-modal.edit-user-details .c-modal__content {
    padding: 0;
  }

  .content__actions {
    display: block;
    margin: 15px 0 0;
    border: 0;
  }

  .edit-user-details .content__actions button.content__caption.caption {
    width: 100%;
    justify-content: flex-start;
    border: 0;
  }

  .settings .form.form_settings .data__cell strong.fs-12 {
    color: black;
    margin: 0 10px;
  }

  .data.data_list.client-list .data__item:nth-last-child(1) {
    border-bottom: 0;
    margin-bottom: 15px;
  }

  .settings__container .settings__inner {
    padding-right: 0;
  }

  .settings__btns {
    flex-direction: row;
    justify-content: space-between;
  }

  .settings__btns i.la.la-paper-plane {
    transform: rotate(-45deg);
  }

  .settings .menu__container .menu__section {
    border: 1px solid #F0F0F3;
    border-radius: 8px;
  }

  table.invoice__table.table {
    width: 100%;
    background: rgba(94, 129, 244, 0.1);
    margin: 15px 0;
  }

  .account-setting .account-height-set {
    overflow-y: clip;
    height: auto;
  }

  .invoice-table .data__main a.invoice-link {
    color: #5E81F4;
  }

  .menu__container {
    z-index: 9;
  }

  .invoice-table .data__cell.mobile-text-right {
    margin: 0 10px;
  }

  .panel.js-panel.invoice-table,
  .mb-email-temp .panel.email-temp {
    padding: 0;
    background: transparent !important;
  }

  .mb-email-temp .email-temp div#toolbar-container .ck.ck-toolbar.ck-reset_all.ck-rounded-corners {
    background: rgba(129, 129, 165, 0.24);
    border-color: transparent;
  }

  .email-temp span.ck.ck-toolbar__separator {
    display: none;
  }

  .c-modal--emailtemp.email-temp div#toolbar-container .ck.ck-toolbar.ck-reset_all.ck-rounded-corners {
    border-radius: 0 !important;
    border: 0 !important;
  }

  .c-modal--emailtemp.email-temp div#ckeditor5,
  .email-temp div#ckeditor5 {
    height: 400px;
  }

  .c-modal.c-modal--newmytask .c-modal__content .modal__footer div.content__box,
  .c-modal.mb-camp .c-modal__content .modal__footer div.content__box,
  .c-modal.c-modal--emailtemp.email-temp .c-modal__content .modal__footer div.content__box {
    margin-bottom: 0;
    padding: 0;
  }

  .c-modal--emailtemp.email-temp .control {
    display: block;
    text-align: center;
  }

  .c-modal--emailtemp.email-temp .reply__btn {
    padding: 0 15px;
  }

  .c-modal.c-modal--emailtemp.email-temp .c-modal__content .modal__footer {
    padding: 15px;
  }

  .c-modal--emailtemp.email-temp .modal__footer {
    background-color: rgba(129, 129, 165, 10%);
  }

  .c-modal__content,
  .c-modal.c-modal--campaigntask .c-modal__content .modal__body {
    padding: 25px 0 15px;
  }

  .c-modal.c-modal--emailtemp.email-temp .c-modal__content {
    padding-bottom: 0;
  }

  .c-modal.c-modal--campaigntask.mb-camp {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container__body.mb-create-camp {
    padding: 0 0 92px;
  }

  .c-modal--campaigntask .timelog-drop {
    width: inherit;
  }

  .container__body.mb-create-camp .create-campaign {
    border-radius: 0;
    background-color: #F5F5FA !important;
  }

  .container__body.mb-create-camp .create-campaign a.add-task {
    border: 0;
  }

  .create-campaign span.selection {
    padding: 0;
  }

  .create-campaign .field__icon {
    right: 15px;
    top: 0;
  }

  .create-campaign .add-task-box a.add-task {
    padding-left: 0;
  }

  .create-campaign.create-campaign-task a.add-task.create-task {
    border: 0;
  }

  .c-modal.c-modal--newmytask .c-modal__content .modal__footer,
  .c-modal.mb-camp .c-modal__content .modal__footer {
    padding: 15px;
  }

  .c-modal.c-modal--newmytask .c-modal__content,
  .c-modal.mb-camp .c-modal__content,
  .c-modal.c-modal--newmytask .c-modal__content .content__col,
  .c-modal.mb-camp .c-modal__content .content__col {
    padding: 0;
  }

  .c-modal.c-modal--newmytask .or-set,
  .c-modal.mb-camp .or-set {
    margin: 0 10px;
  }

  .c-modal.c-modal--newmytask .timelog-drop .select2-container .select2-selection--single,
  .c-modal.mb-camp .timelog-drop .select2-container .select2-selection--single {
    min-width: 130px;
  }

  .c-modal.c-modal--campaigntask #task_completion .timelog-drop .select2-container .select2-selection--single,
  .c-modal.c-modal--campaigntask #set_time_period .timelog-drop .select2-container .select2-selection--single {
    min-width: 130px;
  }

  .c-modal.c-modal--newmytask .content__box .content__wrap .timelog-drop.camp-task span.select2-selection.select2-selection--single,
  .c-modal.mb-camp .content__box .content__wrap .timelog-drop.camp-task span.select2-selection.select2-selection--single {
    min-width: 170px;
  }

  .c-modal.c-modal--newmytask .drp-days .timelog-drop span.select2-selection.select2-selection--single,
  .c-modal.mb-camp .drp-days .timelog-drop span.select2-selection.select2-selection--single {
    min-width: 90px !important;
  }

  .c-modal.c-modal--newmytask div#task_completion .select2-container .select2-selection--single,
  .c-modal.mb-camp div#task_completion .select2-container .select2-selection--single {
    width: 100px;
  }

  .c-modal.c-modal--newmytask div#task_completion .drp-days,
  .c-modal.mb-camp div#task_completion .drp-days {
    margin-top: 0;
  }

  .c-modal.c-modal--newmytask .timelog-drop .field__icon,
  .c-modal.mb-camp .timelog-drop .field__icon {
    right: 10px;
  }

  .c-modal.c-modal--newmytask .inpt input,
  .c-modal.mb-camp .inpt input {
    width: 40px;
    padding: 10px;
  }

  .c-modal.mb-camp .inpt input {
    margin-left: 0;
  }

  .c-modal.c-modal--newmytask .inpt input,
  .c-modal.mb-camp .inpt input,
  .c-modal.c-modal--newmytask .drp-days,
  .c-modal.mb-camp .drp-days {
    margin-top: 10px;
  }

  .c-modal.c-modal--newmytask .after-comp,
  .c-modal.mb-camp .after-comp {
    display: block;
  }

  .c-modal.c-modal--newmytask div#task_completion,
  .c-modal.mb-camp div#task_completion {
    margin-top: 10px;
  }

  .c-modal.c-modal--newmytask .timelog-drop .select2-container--default .select2-selection--single .select2-selection__rendered,
  .c-modal.mb-camp .timelog-drop .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 10px;
  }

  .mobile-task-canlender .panel__group.btn-group button {
    min-width: auto !important;
    margin-bottom: 20px;
  }

  .mobile-task-canlender {
    padding-left: 0;
    padding-right: 0;
    background: #fff;
  }

  .mobile-task-canlender .tasks__cell.data__cell.tabbing-set {
    text-align: right;
  }

  .mobile-task-canlender .btn-group_tabs .la {
    display: block;
  }

  .mobile-task-canlender .btn_light {
    background: #EFF2FE;
    border-color: #EFF2FE;
    color: #5E81F4;
  }

  .mobile-task-canlender .btn-group .btn.active {
    background: #5E81F4;
    border-color: #5E81F4;
    color: white;
  }

  .mobile-task-canlender .tasks .switch__input:checked+.switch__content {
    margin-bottom: 0 !important;
  }

  .mobile-task-canlender .btn-group.btn-group_tabs.tab-mb {
    position: fixed;
    top: 15px;
    right: 9px;
    z-index: 10;
  }

  .calen-tab .tasks {
    height: 150px;
    overflow: scroll;
    padding-top: 20px;
  }

  .calen-tab .tasks__cell.data__cell.data__cell.tasks__cell_md .tag.gray.btn-prosp {
    margin-left: 24px;
  }

  .mobile-task-canlender .tasks .switch__content {
    font-size: 14px;
  }

  .mobile-task-canlender .tag.gray.btn-prosp {
    padding: 0 5px;
    line-height: normal;
    font-size: 12px;
  }

  .mobile-task-canlender .tasks__item {
    border: 0;
  }

  .mobile-task-canlender .tasks__item_add {
    border: 1px dashed #F0F0F3;
  }

  .mobile-task-canlender .tasks__item:not(:last-child) {
    margin-bottom: 0;
  }

  .mobile-task-canlender .tasks__item.tasks__item_add {
    display: flex;
  }

  .mobile-task-canlender .text-green {
    color: #36D981 !important;
  }

  .mobile-task-canlender .tag .la {
    margin-right: 0;
  }

  .management-mb .contacts__item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F5F5FA;
  }

  .user-list .data__item {
    border: 1px solid #F0F0F3;
    margin-bottom: 15px !important;
  }

  .management-tab.invoice-leftpart {
    min-height: 400px;
  }

  .management-tab.invoice-leftpart .contacts {
    margin-left: 0;
  }

  .time-logs-table .data.data_list .data__item {
    margin-left: 0 !important;
  }

  .time-logs-table .desktop-none.data.data_list .data__item.blue-set .data__cell.data__cell_sm:last-child {
    padding-right: 0;
  }

  .time-logs-table .desktop-none.data.data_list .data__item .tag {
    padding: 1px 4px;
    border-radius: 2px;
  }

  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group {
    margin-bottom: 10px;
  }

  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group .type-search.campaigns-search input#search-ic {
    min-width: 100%;
  }

  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(2) {
    width: 100%;
  }

  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(3) .timelog-drop span.select2-selection__rendered {
    padding: 10px;
    font-size: 12px;
  }

  .select2-container--default .select2-results>.select2-results__options li {
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 10px;
  }

  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(3) .timelog-drop {
    margin-left: 0;
    margin-right: 10px;
  }

  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(3) .timelog-drop .field__icon {
    right: 10px;
  }

  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(3) .timelog-drop:nth-child(1),
  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(3) .timelog-drop:nth-child(1) .select2-container .select2-selection--single {
    width: 100px;
    min-width: 100px;
    height: 35px;
  }

  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(3) .timelog-drop:nth-child(2),
  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(3) .timelog-drop:nth-child(3),
  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(3) .timelog-drop:nth-child(2) .select2-container .select2-selection--single,
  .time-logs-table .panel__head.panel__head_line.desktop-none .panel__group:nth-child(3) .timelog-drop:nth-child(3) .select2-container .select2-selection--single {
    min-width: 95px;
    height: 35px;
  }

  .file-info .tag.gray.fs-12,
  .forms-info .tag.gray.fs-12 {
    margin-right: 10px;
    padding: 5px 10px !important;
  }

  .file-info .data__content,
  .forms-info .data__content {
    margin-top: 10px;
  }

  .file-info .data__item,
  .forms-info .data__item {
    background: transparent !important;
  }

  .file-info .data__main,
  .forms-info .data__main {
    padding-left: 0 !important;
  }

  .mobile-hide {
    display: none !important;
  }

  .submit-template h2 {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .create-campaign-details .tag {
    min-width: 110px;
    font-size: 12px;
  }

  .tasks .switch__input:checked+.switch__content {
    margin-bottom: 10px;
  }

  .create-campaign .title-edit {
    margin-bottom: 10px;
  }

  .tasks__cell.tasks__cell_lg {
    margin-bottom: 0;
  }

  .client-info .d-flex>div:nth-child(1) {
    margin-right: 0;
  }

  .cnt-details .btn-group_tabs .la {
    display: block;
    margin-right: 0;
  }

  .cnt-details .btn-group_tabs .btn .contacts__icon {
    display: flex;
    align-items: center;
    margin: 0 0 5px;
    justify-content: center;
    min-height: 19px;
  }

  .cnt-details .btn-group_tabs {
    margin-top: 20px;
  }

  .cnt-details .btn-group_tabs .btn.active,
  .cnt-details .btn-group_tabs .btn.active i {
    color: #5E81F4;
  }

  .cnt-details .btn-group_tabs .btn.active svg path {
    fill: #5E81F4;
  }

  .cnt-details .btn-group_tabs .btn.active.file-stroke svg path {
    stroke: #5E81F4;
    fill: white;
  }

  .cnt-details .btn-group_tabs .btn {
    display: inline-block;
    min-width: 23% !important;
    padding: 0;
    text-align: center;
  }

  .cnt-details .task-info hr {
    display: none;
  }

  .task-info .panel.js-panel {
    background: transparent !important;
  }

  .task-info .panel.js-panel button {
    display: flex;
  }

  .task-info .panel.js-panel button.active,
  .task-info .panel.js-panel button.active i {
    background: #5E81F4;
    border-color: #5E81F4;
    color: white;
    display: flex;
  }

  .task-info .panel.js-panel button i {
    margin-right: 5px;
  }

  .cnt-details .task-info .panel .panel__body {
    padding: 0;
  }

  .cnt-details {
    padding: 16px 0 62px 0;
    /* padding-top: 16px; */
  }

  .cnt-details .panel {
    padding: 0;
    border-radius: 0;
  }

  .cnt-details .panel .panel__head {
    border: 0;
  }

  .cnt-details .panel .panel__head {
    display: block;
  }

  .cnt-details .panel .panel__head,
  .cnt-details .panel .panel__body {
    padding: 20px;
  }

  .cnt-details .panel__group .contacts .contacts__item {
    display: inline-flex;
    margin-bottom: 0;
    margin-top: 15px;
    width: 24%;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .cnt-details .panel__group .contacts .contacts__item a {
    display: block;
    text-align: center;
    color: #8181A5;
  }

  .cnt-details .panel__group .contacts .contacts__item a.active,
  .cnt-details .panel__group .contacts .contacts__item a.active i {
    color: #5E81F4;
  }

  .cnt-details .panel__group .contacts .contacts__item .contacts__icon {
    margin-right: 0;
  }

  .cnt-details .panel__group .contacts .contacts__item::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    width: 1px;
    background: #D9D9EB;
  }

  .cnt-details .panel__group .contacts .contacts__item:nth-last-child(1)::before {
    display: none;
  }

  .cnt-details .first-box .cont-det .prospect-details .panel__head,
  .cnt-details .first-box .cont-det .prospect-details .panel__body {
    padding: 0;
  }

  .cnt-details .panel .panel__body {
    background: #ECECF2;
  }

  .nav__link_head {
    display: none;
  }

  .recent-contact-table .data__online_online {
    margin-right: -4px !important;
  }

  .mb-center {
    justify-content: center;
  }

  a.nav__link:hover .nav__title,
  .nav__link.active .nav__title,
  .nav__link:hover::after {
    display: none;
  }

  .container__head.height-set {
    height: inherit;
  }

  .account-setting .account-height-set .data__content strong {
    font-size: 14px;
    font-weight: 700;
  }

  .account-setting .account-height-set .data__cell.data__cell_lg.mobile-hide .data__content {
    color: #707070;
    font-size: 11px;
    font-weight: 400;
  }

  .time-box {
    position: relative;
    top: inherit;
    right: inherit;
  }



  .panel.account-setting .data__main {
    padding-left: 0;
  }

  .account-setting .account-height-set .data__cell:last-child {
    padding-right: 15px !important;
  }

  .account-setting .account-height-set .data__cell.data__cell_sm {
    padding: 0 10px 0 0;
  }

  .time-box .time-details-client .time-details .name-set p:nth-child(1) {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    width: 85px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .time-box .time-chk {
    font-size: 18px;
  }

  .time-box .time-details-client .time-details .time-set p {
    font-size: 10px;
    line-height: 1;
  }

  .time-box .time-details-client .time-details .time-set span {
    font-size: 20px;
    line-height: 1;
  }

  .time-box .time-details-client .time-details {
    padding: 5px;
    margin: 0 10px 0 10px;
  }

  /* .time-box.container__search.main-show .btn-up-down {
    top: inherit;
    bottom: 0;
    right: 10px;
  } */

  .btn-up-down {
    right: 4px;
  }

  .time-box .time-details-client .time-details .name-set p:nth-child(2) {
    font-size: 8px;
    font-weight: 400;
    color: #8181A5;
  }

  .time-box,
  .main-show .time-details-client .time-details {
    min-width: 100%;
  }

  .time-box .circle {
    width: 25px;
    height: 25px;
  }

  .time-box {
    padding: 5px 10px 5px 2px;
    margin-bottom: 20px;
  }

  .panel {
    background: #fff !important;
    padding: 10px;
  }
  .account-setting.panel {

    padding: 0px;
  }

  .panel__head {
    display: flex;
  }

  .title-border::before {
    width: calc(100% - 100px);
  }

  .client-speech {
    margin-bottom: 15px;
  }

  .main-show .btn-break {
    justify-content: start;
  }

  input.add-note {
    margin-bottom: 10px;
  }

  .client-speech>.d-flex {
    width: 100%;
    margin-top: 10px;
  }

  .prospect-table .data__cell {
    flex: none;
    width: 70%;
  }

  .prospect-table .data__cell_md {
    flex: none;
    width: 70%;
  }

  .prospect-table .data__cell_sm {
    flex: none;
    width: 70%;
  }

  .data__cell.data__cell_action {
    width: auto;
  }

  .prospect-table .sort__label,
  .sort__selected,
  .sort__arrow {
    display: block;
  }

  .mb-timebox {
    position: absolute;
    right: -320px;
  }


  .mb-timebox {
    position: fixed;
    right: -310px;
    min-height: 60px;
    z-index: 2;
    height: 60px;
  }

  .container__head {
    position: fixed;
    z-index: 10;
  }

  .time-box.mb-timebox.container__search.mb-main-show {
    position: sticky;
    right: inherit;
    height: inherit;
    top: 80px;
    padding-left: 8px;
  }

  .recent-contact-table .data__online_online {
    top: 20px;
    left: -14px;
  }

  .data__cell {
    padding: 0 7px 0 0;
  }

  .search.create_popup {
    position: fixed;
    bottom: 90px;
    right: 15px;
  }

  .search.create_popup a,
  .search.create_popup button {
    background: #5E81F4;
    border: 1px solid #5E81F4;
    color: #fff;
  }

  .create_popup span {
    margin-left: 5px;
  }

  button.create_popup:hover {
    color: #fff;
  }

  .prospact-recent-contact-table {
    background: transparent !important;
    padding: 0;
    margin-bottom: 0;
  }

  .prospact-recent-contact-table .data__item {
    padding: 9px;
    border-radius: 12px !important;
    border: 1px solid #ECECF2 !important;
  }

  .popup-btn {
    margin: 0;
  }

  .create_popup i {
    color: #fff;
  }

  .pros-search input {
    display: block;
    width: 100%;
    height: 36px;
    font-size: 16px;
    background: transparent;
  }

  .create-contact-head .height-set {
    justify-content: center;
  }

  .create-contact {
    padding: 0;
    padding-bottom: 92px;
  }

  .create-contact .panel__head {
    margin-bottom: 25px;
  }

  .create-contact .panel.js-panel {
    padding: 30px 28px;
  }

  .create-contact p.main-head {
    font-weight: 700;
    color: #8181A5;
    font-size: 14px;
  }

  .create-contact .panel__head {
    display: block;
  }

  .create-contact .call-details.panel__head {
    display: flex;
  }

  .create-contact .form-cont .panel__group {
    width: 90%;
    margin-top: 30px;
  }

  .create-contact .create-btn-contact .panel__group {
    margin-top: 0;
    width: 48%;
  }

  .create-contact .create-btn-contact {
    margin-bottom: 60px;
  }

  .create-contact .drop {
    margin-bottom: 40px;
  }

  .create-contact .import-cont .panel__group {
    width: 75%;
  }


  .create-contact .email-set .panel__group {
    width: 100%;
  }

  .create-contact .pic-holder {
    margin-bottom: 0;
  }

  .create-contact .input-phone input {
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #F0F0F3;
    color: #8181A5;
    font-size: 14px;
    font-weight: 700;
  }

  .create-contact .input-phone span {
    position: absolute;
    right: 85px;
    bottom: 5px;
  }

  .c-modal.c-modal--version2 .panel__group {
    width: 100%;
  }

  .uploadOuter {
    width: 100%;
  }

  .prospect-left-part .container__head.height-set {
    justify-content: center;
    align-items: end;
  }

  .container__head.height-set {
    height: 70px;
    align-items: end;
  }

  .container {
    padding: 70px 0 0;
  }

  .prospect-left-part .border-btm {
    border-radius: 0;
  }

  .prospect-left-part .create-contact .panel.js-panel {
    padding: 30px 15px;
  }

  .prospect-left-part .prospect-details .info__title {
    color: #1C1D21;
    font-size: 13px;
    font-weight: 700;
  }

  .prospect-left-part .prospect-note {
    margin-bottom: 0;
  }

  .prospact-recent-contact-table .client-list .data__online_online {
    top: 38px;
    left: -15px;
  }

  .campaigns-list .data__cell:last-child {
    text-align: right;
    padding-right: 0;
  }

  .mb-campaign-btn {
    position: fixed;
    bottom: 80px;
    right: 15px;
    z-index: 10;
  }

  .menu.js-menu .menu__head.js-menu-head {
    margin: 0;
  }

  .settings__container .settings__inner {
    height: auto;
    overflow: inherit;
  }

  .settings {
    flex-direction: column;
  }

  .settings .menu__container {
    display: block;
    position: relative;
  }

  .new-campaign-modal .content__container,
  .new-campaign-modal .modal__body .content__head {
    padding: 0;
  }

  .c-modal.c-modal--campaigntask.mb-camp .content__head {
    padding: 0 16px;
  }

  .c-modal.c-modal--campaigntask.mb-camp .content__head .meta {
    display: none;
  }

  .new-campaign-modal .modal__body {
    padding: 0 20px;
  }

  .new-campaign-modal .content__section {
    margin-bottom: 25px;
  }

  .new-campaign-modal hr {
    margin-bottom: 100px;
  }

  .new-campaign-modal.c-modal.is-visible .c-modal__dialog {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 85%;
  }

  .c-modal.new-invoice-modal .c-modal__content {
    padding: 20px;
  }

  .c-modal.new-invoice-modal .invoice__inner {
    padding: 0;
  }

  .create-campaign {
    padding: 20px;
    height: calc(100vh - 170px);
    min-height: calc(100vh - 170px);
  }

  .cong-message {
    width: 100%;
    height: auto;
  }

  .create-campaign .title-edit i {
    display: none;
  }

  .cong-message h2 {
    font-size: 18px;
  }

  .cong-message p {
    font-size: 14px;
  }

  .cong-message .chk-input {
    margin-top: 18px;
  }

  .btn-prospect .panel__group:nth-child(2) .d-flex .imp_cont_btn {
    min-width: 150px;
    padding: 0 15px;
  }

  .panel__head.btn-prospect {
    display: flex !important;
    align-items: end;
  }

  .btn-prospect .panel__group:nth-child(2) .d-flex {
    margin-left: 0;
  }

  .imp_cont_btn {
    min-width: 130px;
    padding: 0 10px;
  }

  /* .c-modal.c-modal--campaigntask .content__wrap .d-flex.align-items-center {
    display: block;
  } */

  .c-modal--campaigntask .or-set {
    padding: 15px 0;
  }

  .c-modal--campaigntask .content__box {
    margin-bottom: 15px;
  }

  .c-modal--campaigntask.mb-camp .content__section>.content__box,
  .c-modal--newmytask .content__section>.content__box {
    padding: 0;
  }

  .c-modal--campaigntask.mb-camp .content__box {
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-modal.c-modal--campaigntask .content__wrap .d-flex.align-items-center>div {
    margin-bottom: 15px;
  }

  .btn-prospect .panel__group:nth-child(2) .d-flex {
    display: block;
  }

  .prospect-csv .field {
    width: 100%;
  }

  .user-client-details .first-box {
    width: 100%;
  }

  .user-client-details>.d-flex {
    display: block;
  }

  .user-client-details>.d-flex>div:nth-child(1) {
    margin-right: 0;
  }

  .email-temp .panel__body_bg {
    padding: 0px;
  }

  .email-temp div#toolbar-container .ck.ck-toolbar.ck-reset_all.ck-rounded-corners {
    padding: 10px 0 8px 10px;
  }

  .email-temp span.ck.ck-toolbar__separator {
    margin: 0 8px;
  }

  .email-temp .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
    width: 6em;
  }

  .sign-in .log-sec {
    width: 80vw;
  }

  .sign-in .log-sec h1 {
    font-size: 22px;
  }
  .ml-auto .new-campaign-btn.mobile-left-10{margin-left: 10px;}
  .time-box .time-details-client .time-details{width: 100px;}
  .time-box .time-details-client .time-details .time-set h2{width: 50px;}
  .mb-timebox {right: -444px;}
  .btn-up-down {
    right: 15px;   top: 33px !important;
}

.main-show .time-details-client {    width: calc(100% - 150px);}
.main-show.time-box .time-details-client .time-details { margin: 0px !important;}
.client-speech>.d-flex { margin-top: 0px;}
.main-show.time-box .time-details-client .client-speech { margin: 0px -15px ;}
.main-show.time-box .time-details-client .time-details {
  padding: 15px 35px !important;
}
.hide-mobile {display: none;}
.container__head {align-items: center !important;}
a.nav__link.nav__link_user { margin-top: 0px; margin-bottom: 0px;}
.container__head a.nav__link.nav__link_user {display: block;}
.scrollbarblock .content__container { padding: 0px;}
.scrollbarblock .content__box { padding: 0px; margin: 0px;}
.custom-form-sidebar .content__box { padding: 0px;}
.scrollbarblock .content__box.upload_file{padding: 10px;}
.header-btn {
  display: block;
  padding: 25px 28px 25px;
}
.gx-md-0 {margin-left: 0px; margin-right: 0px;}
.gx-md-0 * { padding-left: 0px; padding-right: 0px;}
.custom-padding-mobile { padding-left: 15px; padding-right: 15px;}
}


@media only screen and (max-width: 650px) {
  .custom_container__head .container__title,.custom-search-bar {width: 100%;}
  .custom-search-bar {max-width: 100%; margin-top: 5px;}
  .custom_container__head .container__title {text-align: center;}
  .sidebar-modal {width: 90%;}
  .sidebar-modal-edit {width: 90%;}
  .cust-green-btn,.cust-blue-btn { font-size: 11px;}

  /* .padding-25 { padding-left: 0px; padding-right: 0px;} */
  .commentbox-container .content__reply { display: block;}
  .commentbox-container .reply__textarea{    padding: 13px 16px;
    height: 44px;
}
.scrollbarblock  {     height: calc(100% - 71px);}
.commentbox-container .reply__actions {padding-top: 5px;}
.pe-mobile-0 { padding-right: 0px !important;}
.client-details-set.customcont-paad { padding-top: 115px;}


}

/*Calender css*/

div#eventcalendar {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  background: #FBFBFD;
  padding: 15px;
}

.header {
  height: 50px;
  width: 100%;
  /* background: rgba(66, 66, 66, 1); */
  /* text-align: center; */
  text-align: left;
  position: relative;
  z-index: 100;

}

.header h1 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1px;
  border-bottom: 1px solid rgba(129, 129, 165, 15%);
  padding-bottom: 10px;
}

.left,
.right {
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: 50%;
  margin-top: -7.5px;
  cursor: pointer;
}

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
/* .left {
  border-width: 7.5px 10px 7.5px 0;
  border-color: transparent rgba(160, 159, 160, 1) transparent transparent;
  left: 20px;
}

.right {
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent rgba(160, 159, 160, 1);
  right: 20px;
} */

.month {
  /*overflow: hidden;*/
  opacity: 0;
}

.month.new {
  -webkit-animation: fadeIn 1s ease-out;
  opacity: 1;
  margin-top: 10px;
}

.month.in.next {
  -webkit-animation: moveFromTopFadeMonth .4s ease-out;
  -moz-animation: moveFromTopFadeMonth .4s ease-out;
  animation: moveFromTopFadeMonth .4s ease-out;
  opacity: 1;
}

.month.out.next {
  -webkit-animation: moveToTopFadeMonth .4s ease-in;
  -moz-animation: moveToTopFadeMonth .4s ease-in;
  animation: moveToTopFadeMonth .4s ease-in;
  opacity: 1;
}

.month.in.prev {
  -webkit-animation: moveFromBottomFadeMonth .4s ease-out;
  -moz-animation: moveFromBottomFadeMonth .4s ease-out;
  animation: moveFromBottomFadeMonth .4s ease-out;
  opacity: 1;
}

.month.out.prev {
  -webkit-animation: moveToBottomFadeMonth .4s ease-in;
  -moz-animation: moveToBottomFadeMonth .4s ease-in;
  animation: moveToBottomFadeMonth .4s ease-in;
  opacity: 1;
}

.week {
  /* background: #4A4A4A; */
}

.day {
  display: inline-block;
  padding: 5px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  /* background: #4A4A4A; */
  position: relative;
  z-index: 100;
  width: 41px;
  height: 41px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.day.other {
  color: rgba(255, 255, 255, .3);
}

.day-events {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.day.today {
  color: #fff;
  background: #5E81F4;
  border-radius: 6px;
}

.day-name {
  font-size: 9px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, .5);
  letter-spacing: .7px;
  display: none;
}

.day-number {
  font-size: 12px;
  font-weight: bold;
  /* letter-spacing: 1.5px; */
}


.day .day-events {
  list-style: none;
  margin-top: 3px;
  text-align: center;
  height: 8px;
  line-height: 6px;
  overflow: hidden;
}

.day .day-events span {
  vertical-align: top;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 6px;
  height: 6px;
  line-height: 6px;
  border-radius: 50%;
  margin: 0 1px;
}

/* .blue { background: rgba(156, 202, 235, 1); }
.orange { background: rgba(247, 167, 0, 1); }
.green { background: rgba(153, 198, 109, 1); }
.yellow { background: rgba(249, 233, 0, 1); } */
.tasks .tasks__list .meta {    padding: 2px;
  font-size: 10px;}
  .tasks .tasks__list .meta .la {
    font-size: 14px;
}
.client-list .data__content{ font-size: 13px; }
.data__content_text {color: #8181A5;}
.w-50 {width: 50%;}
.flex-50 { flex: 0 0 50%;}
.tasks__list_custom .green { border: #36D981 solid 1px; min-width: 76px; border-radius: 5px; font-size: 12px; font-weight: bold;}
.details {
  position: relative;
  width: 420px;
  height: 75px;
  background: rgba(164, 164, 164, 1);
  margin-top: 5px;
  border-radius: 4px;
}

.details.in {
  display: none;
  -webkit-animation: moveFromTopFade .5s ease both;
  -moz-animation: moveFromTopFade .5s ease both;
  animation: moveFromTopFade .5s ease both;
}

.details.out {
  display: none;
  -webkit-animation: moveToTopFade .5s ease both;
  -moz-animation: moveToTopFade .5s ease both;
  animation: moveToTopFade .5s ease both;
}

.arrow {
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -2px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent rgba(164, 164, 164, 1) transparent;
  transition: all 0.7s ease;
}

.events {
  min-height: 75px;
  padding: 7px 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.events.in {
  -webkit-animation: fadeIn .3s ease both;
  -moz-animation: fadeIn .3s ease both;
  animation: fadeIn .3s ease both;
}

.events.in {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s;
}

.details.out .events {
  -webkit-animation: fadeOutShrink .4s ease both;
  -moz-animation: fadeOutShink .4s ease both;
  animation: fadeOutShink .4s ease both;
}

.events.out {
  -webkit-animation: fadeOut .3s ease both;
  -moz-animation: fadeOut .3s ease both;
  animation: fadeOut .3s ease both;
}

.event {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .5px;
  padding: 2px 16px;
  vertical-align: top;
}

.event.empty {
  color: #eee;
}

.event-category {
  height: 10px;
  width: 10px;
  display: inline-block;
  margin: 6px 0 0;
  vertical-align: top;
}

.event span {
  display: inline-block;
  padding: 0 0 0 7px;
}

.legend {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  background: rgba(60, 60, 60, 1);
  line-height: 30px;

}

.entry {
  position: relative;
  padding: 0 0 0 25px;
  font-size: 13px;
  display: inline-block;
  line-height: 30px;
  background: transparent;
}

.entry:after {
  position: absolute;
  content: '';
  height: 5px;
  width: 5px;
  top: 12px;
  left: 14px;
}

.entry.blue:after {
  background: rgba(156, 202, 235, 1);
}

.entry.orange:after {
  background: rgba(247, 167, 0, 1);
}

.entry.green:after {
  background: rgba(153, 198, 109, 1);
}

.entry.yellow:after {
  background: rgba(249, 233, 0, 1);
}


.linktext { font-size: 12px; color: #5E81F4; font-weight: bold; font-family: 'Lato', sans-serif !important; }
.border-feildbg { background-color:#ECECF2;}
.selectoption {
  margin-top: -17px;
    line-height: normal;
}

.sidebargraybg { background-color: #f7f7f9; padding-bottom: 100px !important;    overflow-y: auto;
    overflow-x: hidden; transition: all 0.5s; position: fixed; bottom: 0px; top: 0px; padding: 35px; width: 500px; z-index: 138; right: 0px; transform: translateX(500px);}
.sidebargraybg h3 {color: #8181A5; font-weight: 700; font-size: 20px;}
.mr-500 { margin-right: 500px !important;}
.mr-right-500 {transform: translateX(0px);}
.custom-side-mr {     transform: translateX(500px);}
.mr-650{ margin-right: -650px !important;} 
.commentbox-container { z-index: 888; transition: all 0.5s;}
.overlaybg { z-index: 98 !important;}
.commentbox-container.updatetask{    width: 1109px; z-index: 139; margin-left: 1px;
  position: fixed;}
.note-editor.note-frame .note-editing-area .note-editable {min-height: 300px;}

  
.note-editor.note-frame { margin-bottom: 25px; margin-top: 20px; border: none !important;}
.uploadtext {color: #8181A5; margin-bottom: 15px; font-size: 14px; font-weight: bold; font-family: 'Lato', sans-serif !important;}
.note-editor.note-frame .note-editing-area .note-editable { border: #d3d3d3 solid 1px; border-top:0px ; background-color: transparent !important;}
.savetext { border: #5E81F4 solid 1px; border-radius: 8px; padding: 5px 12px; color: #5E81F4; font-size: 14px;  font-weight: bold; font-family: 'Lato', sans-serif !important;}
.data_list_strip .data__body .account-height-set .data__item:nth-child(even) { background-color: #F5F5FA;}
.data_list_strip .data__body .account-height-set .data__item {margin-bottom: 0px; border: none; min-width: 550px;}
.sendboxtext {color: #707070;   font-weight: 400; font-family: 'Lato', sans-serif ; font-size: 12px;}
.selectformbox { padding: 0px 10px; display: inline-block;}
.selectformbox label {color: #8181A5; font-weight: 600; font-family: 'Lato', sans-serif ; font-size: 12px;}
.selectformbox select { border: #D9D9EB solid 1px; border-radius: 5px; padding: 6px; width: 100%; color: #707070;  font-family: 'Lato', sans-serif !important; font-size: 12px;}
.customformblock  { padding-left: 10px;}
.customformblock label {  color: #1C1D21; font-size: 14px; font-family: 'Lato', sans-serif ; margin: 0px 0px 5px; display: block;}
.customformblock input {border: #D9D9EB solid 1px; font-weight: normal; border-radius: 6px; color: #A0A0A0; font-size: 14px; font-family: 'Lato', sans-serif ; padding: 8px 10px;}
.flex-wrap {flex-wrap: wrap;}
.searchtypebox {    margin-top: 24px;}
.searchtypebox input {border: 1px solid #D9D9EB  !important;}
.type-search.campaigns-search.searchtypebox input#search-ic {min-width: 255px; font-weight: normal;}
.filterby {width: 145px;}
.filterby input {width: 100%;}
.todiv{color: #8181A5; font-size: 14px; font-family: 'Lato', sans-serif ; margin: 27px 0px 0px 10px;}
.fiterbtn {border: #5E81F4 solid 1px; border-radius: 8px; font-size: 12px; font-family: 'Lato', sans-serif ; display: block; padding: 8px 8px;}
.mt-25px {margin-top: 25px;}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(../img/icon-calendar.png) no-repeat center center;

}
input[type="date"]::-moz-calendar-picker-indicator {
  background: url(../img/icon-calendar.png) no-repeat center center;}
  
  .tablecustom td label{display: flex; align-items: start;}
  .tablecustom td label span{width:calc(100% - 13px)}
  .tablecustom td label input {position: relative; top: 3px;}
.invoice-width25 {width: 30%; flex: 0 0 30%;}
.invoice-width75 {width: 70%; flex: 0 0 70%;}
.form_create .field__label, .form_create .field__wrap,.form_create  .form__field { margin-bottom: 0px; float: left; width: 100%;}
.form_create  .form__field  {display: flex; float: none; flex-wrap: wrap; margin-bottom: 10px;}
.dropdown {
  position: relative;
  display: inline-block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
}



.dropdown input[type=checkbox] {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  opacity: 0;
}

.dropdown input[type=checkbox]:checked {
  position: fixed;
  z-index:+0;
  top: 0px; left: 0px; 
  right: 0px; bottom: 0px;
}

.dropdown ul {
  position: absolute;
  top: 18px;
  border: 1px solid #ccc;
  border-radius: 3px;
  right: 10px;
  z-index: 5;
  list-style: none;
  padding: 4px 0px;
  display: none;
  background-color: white;
  box-shadow: 0 3px 6px rgba(0,0,0,.175);
}

.dropdown input[type=checkbox]:checked + ul {
  display: block;
}

.dropdown ul li {
  display: block;
  padding: 6px 20px;
  white-space: nowrap;
  min-width: 100px;
}

.dropdown ul li:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}

.dropdown ul li a {
  text-decoration: none;
  display: block;
  color: black
}

.dropdown .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  font-size: 1px;
  padding: 0;
}
.border-bottom-0 { border-bottom: 0px;}
.taskbg { background-color: #F5F5FA; border-radius: 10px; padding: 10px 30px;}
.task-content {color: #3C3836; font-family: 'Lato', sans-serif ; font-size: 16px;}
.task-content span {color: #5E81F4;}
.task-content-gray {color: #8181A5; font-family: 'Lato', sans-serif ; font-size: 16px;}
.mt-6 { margin-top: 6px;}
.custom-mb-10 {
  margin-bottom: 10px;
}
.custom-mb-50 { margin-bottom: 50px ;}
.table-new tbody td.graytext-ittalic {color: #8181A5; font-family: 'Lato', sans-serif ; font-size: 14px; font-style: italic;}
  @media only screen and (max-width: 1570px) {
    .type-search.campaigns-search.searchtypebox input#search-ic {
      min-width: 195px;
      font-weight: normal;
  }
  }

  @media only screen and (max-width: 1430px) {
  .user-list .data__tags .field__wrap {margin-bottom: 10px; width: 100%;}

  }

  @media only screen and (max-width: 1199px) {
    .mr-500 {
        margin-right: 0px !important;
    }
    .sidebargraybg {width: 610px;         transform: translateX(624px);}
    .mr-right-500 {
        transform: translateX(0px);
    }
    .commentbox-container.updatetask {width: 610px;}
  }
  @media only screen and (max-width: 1050px) {
    .invoice-width25 {    width: 100%;flex: 0 0 100%; margin-top: 40px;}
    .invoice-width75 {    width: 100%;flex: 0 0 100%;}
    .d-blockcustom {display: block;}
  }
  
  @media only screen and (max-width: 850px) {
  
.calendarSubMenuItems {width: 100%;}
  }

@media only screen and (max-width: 767px) {
  .user-list-mobile-search{ width: 100%;}
  .user-list .data__item.text-left {width: 50%;}
  .user-list.data_grid .data__body {display: flex;}
  .user-list-mobile-search .campaigns-search input {width: 100%;}
  .field__label { margin-bottom: 0px;}
  .mo-dis-block {display: flex;}
  .invoice-width25  { margin-top: 65px;}
  .settings__container.invoice-width75 .settings__inner { 

    overflow: scroll;
    overflow-x: hidden;
    padding-right: 15px;

  }
  .dataTables_length {text-align: left !important;}
    .linktext br {
      display: none;
    }
    .selectoption {
        margin-top: 0px;
        line-height: normal;
        margin-bottom: 5px; 
    }
  }
  @media only screen and (max-width: 650px)
  {
    .sidebargraybg {
        width: 90%; padding: 15px; padding-bottom: 130px !important;
        transform: translateX(624px);
    }
    .mr-right-500 {
        transform: translateX(0px);
    }
    .commentbox-container.updatetask {
        width: 90%;
    }
}
@media only screen and (max-width: 576px){.pb-mo-15{ padding-bottom: 15px;} .d-b-m-inline {display: inline-block !important;}
.pb-mob-3 { padding-bottom: 10px;}
}
@media only screen and (max-width: 500px)
{
  .sidebar-modal_template {
    width: 90%;
}
  .btn-up-down {
    right: 6px;
}
.la-angle-down {
  font-size: 14px !important;
}
.buttonNewClass {
  margin-right: 14px;
}
.main-show.time-box .time-details-client .time-details {
  padding: 15px 18px !important;
}
.main-show .time-details-client {
  width: calc(100% - 130px);
}
.time-box .time-details-client .time-details .time-set h2 {
    width: 90px;
}
.clock-out-btn{font-size: 10px; width: auto;padding: 0px 5px;}
.blue-box p:nth-child(2),.orange-box p:nth-child(2){font-size: 13px; line-height: normal;}
.blue-box p:nth-child(1),.orange-box p:nth-child(1){ font-size: 10px; line-height: normal;}
.orange-box, .blue-box { padding: 10px 10px; width: auto;}
.time-box .time-details-client .time-details .time-set p{line-height: normal;}
.time-box .time-details-client .time-details { padding: 5px 0px !important;}
.time-box .time-details-client .time-details {
  width: 52px;
}
.time-box {
  min-width: 260px !important;
}
.mb-timebox {
  right: -256px;
}
.time-box .time-details-client .time-details .time-set{padding: 5px 0px;}
.time-box .time-details-client .time-details {
  margin: 0 4px 0 2px !important;
}
.orange-box{margin-bottom: 0px;}
.btn-ob-box {
  margin-right: 4px !important;
}
.btn {padding: 0 15px;}
}
/* Animations are cool!  */
@-webkit-keyframes moveFromTopFade {
  from {
    opacity: .3;
    height: 0px;
    margin-top: 0px;
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes moveFromTopFade {
  from {
    height: 0px;
    margin-top: 0px;
    -moz-transform: translateY(-100%);
  }
}

@keyframes moveFromTopFade {
  from {
    height: 0px;
    margin-top: 0px;
    transform: translateY(-100%);
  }
}

@-webkit-keyframes moveToTopFade {
  to {
    opacity: .3;
    height: 0px;
    margin-top: 0px;
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes moveToTopFade {
  to {
    height: 0px;
    -moz-transform: translateY(-100%);
  }
}

@keyframes moveToTopFade {
  to {
    height: 0px;
    transform: translateY(-100%);
  }
}

@-webkit-keyframes moveToTopFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(-30%) scale(.95);
  }
}

@-moz-keyframes moveToTopFadeMonth {
  to {
    opacity: 0;
    -moz-transform: translateY(-30%);
  }
}

@keyframes moveToTopFadeMonth {
  to {
    opacity: 0;
    -moz-transform: translateY(-30%);
  }
}

@-webkit-keyframes moveFromTopFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(30%) scale(.95);
  }
}

@-moz-keyframes moveFromTopFadeMonth {
  from {
    opacity: 0;
    -moz-transform: translateY(30%);
  }
}

@keyframes moveFromTopFadeMonth {
  from {
    opacity: 0;
    -moz-transform: translateY(30%);
  }
}

@-webkit-keyframes moveToBottomFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(30%) scale(.95);
  }
}

@-moz-keyframes moveToBottomFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(30%);
  }
}

@keyframes moveToBottomFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(30%);
  }
}

@-webkit-keyframes moveFromBottomFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%) scale(.95);
  }
}

@-moz-keyframes moveFromBottomFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%);
  }
}

@keyframes moveFromBottomFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0px;
    height: 0px;
  }
}

@-moz-keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0px;
    height: 0px;
  }
}

@keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0px;
    height: 0px;
  }
}


@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
}


.customCalendar .fc-toolbar-chunk {
    display: flex;
}
.customCalendar .fc-toolbar-chunk .fc-toolbar-title {
    margin-right: 70px;
}
.customCalendar .fc-toolbar-chunk .fc-button-group button {
    text-transform: capitalize;
}
.customCalendar .fc-toolbar-chunk .fc-button-group .fc-button-primary.fc-button-active{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECECF2;
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #1C1D21;
    padding: 8px 20px;
    font-weight: bold;
}
.customCalendar .fc-toolbar-chunk .fc-button-group .fc-button-primary {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ffffff;
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #8181A5;
    padding: 8px 20px;
    margin: 0 7px;
    font-weight: bold;
}
.customCalendar .fc-toolbar-chunk .fc-today-button{
    text-transform: capitalize;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #fff;
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #8181A5;
    padding: 8px 20px;
    font-weight: bold;
}
.customCalendar .fc-toolbar-chunk .fc-button-group .fc-prev-button {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECECF2;
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    padding: 0px 15px;
}
.customCalendar .fc-toolbar-chunk .fc-button-group .fc-next-button {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ECECF2;
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    padding: 0px 15px;
}
.fc-scrollgrid thead .fc-scrollgrid-section {
    background: #F5F5FA 0% 0% no-repeat padding-box;
    opacity: 1;
}
.fc-scrollgrid thead .fc-scrollgrid-section th {
    border: none;
    padding: 7px;
}
.fc-scrollgrid thead .fc-scrollgrid-section th a {
    text-align: center;
    letter-spacing: 0px;
    color: #8181A5;
    opacity: 1;
}
.fc-scrollgrid .fc-scrollgrid-sync-table a.fc-daygrid-day-number {
    color: #1C1D21;
    font-weight: bold;
}

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #F5F5FA;
    border-radius: 5px;
    overflow: hidden;
}
.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #F5F5FA;
}
.numberCount {
  background: #B6B6D3;
  border-radius: 2px;
  color: #fff;
  padding: 2px;
  font-size: 10px;
}
.breadcrumbs {
  padding: 5px 0px 10px 30px;
}
.breadcrumbs span{
  text-align: left;
  font-size: 14px;
  letter-spacing: 0px;
  color: #61636E;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}
.searchMatter {
  width: 200px;    
  border: 1px solid #979797;
  border-radius: 6px;
  background: #ffffff !important;
}
.copyTaskTitle {
  text-align: left;letter-spacing: 0px;color: #717171;font-size: 16px;font-weight: bold;margin-bottom: 11px;
}

.clientCalendar .fc-toolbar-chunk .fc-today-button, .clientCalendar .fc-toolbar-chunk .fc-button-group {
  display: none;
}
.clientCalendar .fc-toolbar-chunk .fc-toolbar-title {
  font-size: 15px;
}

.time-box .select2 {
  width: 100% !important;
}




.custom-dropdown {
  position: relative;
  display: inline-block;
}

.custom-dropdown-content {
  display: none;
  position: absolute;

  min-width: 225px;

  z-index: 1;
}

.custom-dropdown-content a {

  padding: 2px 25px;
  font-weight: normal;
  text-decoration: none;
  display: block;
}
.custom-dropdown-content a:hover, .custom-dropdown-content a.active {color: #5E81F4;}
.padding-mobile-block .custom-table-responsive > .dataTables_wrapper > .row:nth-child(2) .col-sm-12 {padding: 0px;}
.padding-mobile-block .custom-table-responsive > .dataTables_wrapper > .row:nth-child(2) {margin: 0px;} 
.show {display: block;}


@media only screen and (max-width: 767px){.padding-mobile-block {padding-left: 25px !important; padding-top: 25px !important; padding-bottom: 25px !important; padding-right: 25px !important;}}
@media only screen and (max-width: 360px){
  .cancel-btn, .add-contact-btn {min-width: 112px;}
}


/* Tracker Css */
.cuastomcard { background-color: #FFFFFF;}
.cuastomcard-header { padding: 15px; background-color: #fff; border: #BEBEBE solid 1px; border-radius: 10px 10px 0px 0px; }
.cuastomcard-flex { display: flex; align-items: center; }
.icon-time { margin-right: 5px;}
.d-block {display: block;}
.customtext {color: #8181A5; font-style: italic; font-family: 'Lato', sans-serif !important; font-size: 14px;}
.icon-time { margin-right: 15px;}
a.arrowicon {margin-left: auto;}
.cuastomcard-body { padding: 0px 15px 15px 15px; background-color: #fff; border: #BEBEBE solid 1px; border-radius: 0px 0px 10px 10px; border-top: none; }
.hr { background-color: #EAEAEA; height: 1px; border: none;}
.cuastomcard-border-bottom-none { border-bottom: none;}
.search-client-name .customlabel {display: block; margin-bottom: 5px; color: #000000; font-size: 12px; font-family: 'Lato', sans-serif !important; }
.search-client-name input {border: #BEBEBE solid 1px; padding: 10px; color: #B3B3B3;  font-size: 12px; font-family: 'Lato', sans-serif !important; border-radius: 5px; font-weight: normal; width: 100%;}
.customs-mt-3 { margin-top: 10px;}
.search-client-name { margin-top: 10px;}
table.card-customtable td { padding: 7px 10px;}
table.card-customtable tr:nth-child(odd) {background-color: #ECECF2;}
table.card-customtable .lighttext-color {color: #8181A5;  font-size: 12px; font-family: 'Lato', sans-serif !important;}
table.card-customtable td a, table.card-customtable td { color: #000; font-size: 12px; font-family: 'Lato', sans-serif !important;}
.cuastomcard-body {display: none;}
.cuastomcard-body.d-block {display: block;}
.cuastomcard-header-new { position: relative; overflow: hidden; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }
.cuastomcard-header-new::before { position: absolute; left: 0px; width: 15px; background-color: red; top: 0px; height: 100%; content: ""; }
.customcard-text-block {    width: calc(100% - 222px);}
.customcard-text-block .customtext2 {color: #5E81F4; font-size: 20px; padding-bottom: 3px; font-family: 'Lato', sans-serif !important; border-bottom: #EAEAEA solid 1px;  }
.greentext {color: #33C5A0; font-size: 16px; font-family: 'Lato', sans-serif !important;}
.greentext span {color: #8CD2C1;}
.orrengetext {color: #DC923B; font-size: 16px; font-family: 'Lato', sans-serif !important;}
.orrengetext span {color: #E5B984;}
.redtext {color: #FD6565; font-size: 16px; font-family: 'Lato', sans-serif !important;}
.redtext span {color: #FFA4A4;}
.customcard-text-block .customtext2.mb-1 { margin-bottom: 3px;}
.greenbtn-block { background-color: #33C5A0; border-radius: 5px; text-align: center; font-size: 14px; color: #fff; display: block; padding: 5px 20px; font-family: 'Lato', sans-serif !important;}
.redbtn-block { background-color: #FD6565; border-radius: 5px; font-size: 14px; text-align: center; color: #fff; display: block; padding: 5px 20px; font-family: 'Lato', sans-serif !important;}
.my-1 { margin-top: 5px; margin-bottom: 5px;}
.btngroup { margin-left: auto;}
.bluereadmore { background-color: #5E81F4; color: #FFFFFF; padding: 3px 15px;
  border-radius: 5px; display: inline-block; font-weight: normal; font-size: 14px; font-family: 'Lato', sans-serif !important;}
.cuastomcard-border-bottom-none + .cuastomcard-body {display: block;}
#card-2 {display: none;}
.time-box2{
  min-width: 480px;
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 9;
}
.custom-form-control-textaria {
  border: #ECECF2 solid 1px;
  border-radius: 10px;
  padding: 15px;
  color: #8181A5;
  font-weight: normal;
  font-size: 12px;
  font-family: 'Lato', sans-serif;
}