@charset "utf-8";
/* CSS Document */
.panel-inner {
  padding: 20px;
}
.panel-body{
  padding: 0px !important;
}
.page-heading {
    padding:0px !important;
    margin-bottom: 5px;
}
.panel-heading p{
  margin-bottom: 10px !important;
}
.page-heading h3 {
    color: #49586e;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px !important;
}
.page-heading p a{
    font-size: 15px;
    color: grey !important;
    font-weight: 500;
    text-decoration: none !important;
}
.number-inbox-leads {
  font-size: 18px;
  color: #000000;
}
.ml-1 {
  margin-left: 5px;
}
.d-inline-block {
  display: inline-block;
}
.btn-disable {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #b1b1b1;
  background: #fff;
}
.btn-disable[disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background-image: none !important;
  text-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.15);
}
.row-d-flex {
  display: flex;
  justify-content: space-between;
}
.row-d-flex.task-col{
    background: #f9f9fa;
    height: 35px;
}
.row-d-flex .col:nth-child(2) {
  display: flex;
}
.row-d-flex .col:nth-child(1) {
  align-self: center;
}
ul.tab-nav-custom {
  border-bottom: none !important;
}
ul.tab-nav-custom li a {
  padding: 5px 11px !important;
  color: #878787 !important;
}
.nav-tabs > li.active > a {
  color: #fff !important;
  background-color: #41cac0 !important;
  border: none !important;
  border-bottom-color: transparent;
  cursor: default;
}
ul.tab-nav-custom li a:hover {
  background: #e7e7e7 !important;
}
select.custom-select {
  display: inline-block !important;
  position: relative !important;
  width: 100% !important;
  height: 32px !important;
  padding: 0px 10px;
  font-size: 13px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  margin-bottom: 20px;
  margin-top: 10px;
}
select.custom-select:after{
  position: absolute;
  content:"\f107";
  font-family: "FontAwesome";
  right: 0px;
  width: 20px;
  height: 20px;
  color: red;
}
.action-anchor .fa-check {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #41cac0;
  color: #fff;
  line-height: 20px;
}
.action-anchor .fa-envelope {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ff6c60;
  color: #fff;
  line-height: 20px;
  font-size: 14px;
}
.user-assigned-value {
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  margin: 0px auto;
  background: #f60;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
}
.highlight td {
  background-color: #00BCD4 !important;
}
.mt-1 {
  margin-top: 1rem;
}
.border-bottom1 {
  border-bottom: 1px solid #8d8d8d;
}
.spacing-lead {
  padding-bottom: 5px;
}
.spacing-lead .btn-primary {
  background: none;
  color: #666;
  border: none;
}
.mr-2 {
  margin-right: 10px;
}
.pading1 {
  padding: 10px;
}
.lead-progress {
background: #f9f9fa;
    padding: 8px 15px;
    border: 1px solid #dedede;
    border-radius: 5px;
    position: relative;
    margin-top: 15px;
}
/*.lead-progress:before{
	    position: absolute;
    content: "";
    width: 30px;
    height: 1px;
    left: -31px;
    top: 50%;
    background: #a5a5a5;
}*/
.lead-progress p {
    margin: 0;
    font-size: 12px;
    color: black;
}
.mtop40 {
  margin-top: 20px;
}
.lead-status-q {
    padding: 3px 8px;
    background: #8d8d8d;
    font-size: 11px;
    margin: 0px 7px;
    color: #fff;
    border-radius: 20px;
}
.lead-in-progress-icon {
  position: absolute;
  left: -51px;
  top: 5px;
  width: 35px;
  height: 35px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  background: #8d8d8d !important;
  border-radius: 50%;
}
.lead-in-progress-icon:before {
  position: absolute;
  content: "";
  width: 16px;
  height: 1px;
  background: #a5a5a5;
  top: 50%;
  right: -16px;
}
/*.lead-in-progress-icon:after{
	position: absolute;
    content: "";
    width: 1px;
    height: 200%;
    left: 50%;
    top: 100%;
   background: #a5a5a5;
}*/
.lead-status {
  background: #f60;
}
.lead-status-mail {
  background: #41cac0;
}
.lead-status-comment {
  background: #fdb322;
}
.lead-status-complete {
  background: #64aa0b;
}
.font-weight-bold {
  font-weight: bold;
}
.mail-inner {
    padding-top: 10px;
    border-top: 1px solid #04615a;
    margin-top: 10px;
    width: 100%;
    font-size: 13px;
}
.btn-mail-open {
    background: no-repeat;
    border: none;
    color: #000000;
    font-weight: 700;
    font-size: 11px;
}
.mail-date {
  color: #bbbaba;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
}
.mail-inner-detail {
  background: #fff;
  padding: 10px;
  margin-top: 1rem;
}
.mail-inner-detail1 {
  background: #fff;
  padding: 10px;
  margin-top: 1rem;
}
.btn-action button {
  background: none;
  border: none;
  padding: 0px 8px;
  color: #666565;
  font-size: 14px;
}
.space-col {
  border-bottom: 1px solid #dedede;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.email-temp ul {
  padding-left: 20px;
}
.email-temp ol {
  padding-left: 20px;
}
.listing-lead-progress {
  position: relative;
}
.listing-lead-progress:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: -32px;
  background: #a5a5a5;
  top: 13px;
}
.comment-input {
  background: no-repeat;
  border: none;
  color: #746f6f;
}
.btn-action-edit-delete {
  display: none;
}
.btn-action-edit-delete button {
  background: none;
  border: none;
  padding: 0px 8px;
  color: #ff6c60;
}
.lead-progress:hover .btn-action-edit-delete {
  display: inline-block;
}
.editable {
  border: 1px solid #c5c5c5;
}
.task-wrapper {
  max-width: 290px;
}
.add-task {
border: none;
    padding: 8px 15px;
    border-left: 1px solid #e5e5e5;
    background: #f9f9fa;
    color: #000;
    font-size: 13px;
    border-top-right-radius: 5px;
}
.task-wrapper-list {
  border: 1px solid #dedede;
  border-radius: 5px;
}
.pol5 {
    padding-left: 12px;
    color: black;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 1px;
}
.bg-white {
  border-top: 1px solid #dedede;
  padding: 10px 10px;
}
.user-task-assigned {
padding: 5px;
    background: #666565;
    border-radius: 50%;
    font-weight: 600;
    color: #fff;
    position: relative;
    width: 32px;
    text-align: center;
    height: 32px;
    font-size: 13px;
}
.task-type {
  margin-left: 8px;
}
.task-type1 {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  line-height: 16px;
  margin-bottom: 4px;
  letter-spacing: 0.4px;
}
.task-date1 {
  line-height: 10px;
  font-size: 11px;
  margin-bottom: 0px;
  color: #0040ff;
  letter-spacing: 0.8px;
}
.mt-7 {
  margin-top: 7px;
}
.show-edit-btn:hover .edit-task-btn {
  display: inline-block;
}
.mbottom5{
  margin-bottom: 8px;
}
.add-task-form {
    padding: 22px 25px;
    background: #edf7fc;
}
.add-task-form label{
      font-weight: 400 !important;
    color: black;
    font-size: 13px;
    padding-left: 0px;
}
.add-task-form .form-control {
    height: 30px;
    padding: 0px 5px;
    font-size: 13px;
}
.add-task-form input.form-control::placeholder{
    font-size: 13px;
}
.add-task-form select{
    font-size: 13px;
}
.mtop10{
  margin-top: 20px !important;
  text-align: right !important;
}
.btn-save-task {
display: inline-block;
    width: 80px;
    height: 30px;
    border: none;
    background-color: #1463ff;
    border-color: #104fcc;
    border-radius: 25px;
    color: #ffffff;
    font-size: 14px;
}
.btn-cancel-task {
  display: inline-block;
  background: transparent;
  border: none;
  color: #000;
  font-size: 14px;
  margin-right: 20px;
}
.mt-3 {
  margin-top: 3rem;
}
.lead-status-active {
  display: block;
  position: absolute;
  font-size: 11px;
  left: 0;
  background: #fdb322;
  font-weight: normal;
  width: 43px;
  text-align: center;
  bottom: -25px;
  border-radius: 3px;
}
.bradius{
border-radius: 20px;
    margin-right: 5px;
    background: transparent;
    border: 1px solid;
}
.pb-3 {
  padding-bottom: 3rem;
}
.row-d-flex.show-edit-btn.bg-white.p-0 {
    padding: 0.5px;
    border-bottom: none;
    border-top: none;
}
.select-custom1 {
  width: 100% !important;
  height: 34px !important;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -7px !important;
  margin-left: -.6em;
}
.ui-slider .ui-slider-handle {
  width: 50px;
  height: 20px;
  border: none !important;
  background: #ff6600 !important;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.value-section {
  position: relative;
}
.value-section input[type=text]:nth-last-child(1) {
  width: 100%;
}
.value-section select {
  width: 100% !important;
  margin-top: 5px;
  height: 32px !important;
}
textarea.form-control {
    height: auto !important;
}
.contact-details-user {
  padding: 12px;
}
.show-contact-details {
  cursor: pointer;
}
.merge-delete-btn button {
  letter-spacing: 1px;
  color: #ff0000;
  border: none;
  background: transparent;
  font-size: 13px;
  line-height: 20px;
}
.merge-delete-btn button .fa {
  margin-right: 5px;
}
.merge-delete-btn .col:nth-child(2) button {
  background: #ff6c60;
}
.task-wrapper-list.mt-3{
border: none;
margin-top: 15px;
}
.bg-note-done {
  display: inline-block;
  width: 120px;
  height: 38px;
  background: #41cac0;
  border: none;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
}
.btn-delete-note {
  background: none;
  border: none;
  color: #f60;
  /* font-weight: bold; */
  font-size: 18px;
}
.w75 {
  width: 75%;
}
.add-email-here {
  width: 80%;
  display: inline-block;
  padding: 5px;
  border: 1px solid #d9d9d9;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  outline: none;
  height: 31px;
}
.add-email-here[value] {
  color: #9a9a9a;
}
.to-mail {
  width: 40px;
  height: 30px;
  display: inline-block;
  background: #209890;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cc-bcc-btn button {
  display: inline-block;
  margin: 0 8px;
  background: none;
  border: none;
}
.cc-bcc-btn button:hover {
  text-decoration: underline;
}
.add-cc-id {
  width: 100%;
}
.add-cc-id2 {
  width: 100%;
  margin-bottom: 1rem;
}
.cancel-cc1 {
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
  text-decoration: underline;
}
.cancel-cc2 {
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
  text-decoration: underline;
}
.subject-temp input {
  width: 310px;
}
.subject-temp select {
  width: 310px !important;
  height: 34px;
}
.add-mail-text {
  width: 100%;
  height: 350px !important;
  overflow-y: scroll;
  border: none;
  outline: none;
  resize: none;
  color: #000;
}
.pb4rem {
  padding-bottom: 6rem;
  position: relative;
}
ul.wysihtml5-toolbar {
  position: relative;
}
.label-lead-inbox {
  font-weight: normal;
}
.pick-the-reply-date {
  display: inline-block;
  margin-left: 10px;
  background: #ffffff;
  width: 102px;
  text-align: center;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  padding: 2px 3px;
}
.select-custom2 {
  display: inline-block !important;
  margin-left: 8px;
  padding: 3px 0px;
  text-align: center;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  width: 190px !important;
}
.action-btn-mail {
  margin-top: 2rem;
  border-top: 1px solid #cecece;
  padding-top: 16px;
}
.detail-more-action {
  display: inline-flex;
}
.action-btn-mail button {
  display: inline-block;
  width: 100px;
  height: 30px;
  border: none;
}
.action-btn-mail .col:nth-child(1) button:nth-child(1) {
  background: #00b74a;
  color: #fff;
  font-weight: bold;
}
.action-btn-mail .col:nth-child(1) button:nth-child(2) {
  background: #41cac0;
  color: #fff;
  font-weight: bold;
}
.select-list {
  display: flex;
}
.select-list .dropdown .dropdown-menu li label {
  padding: 0px 6px;
  font-weight: normal;
  font-size: 13px;
  display: flex;
}
.select-list .dropdown .dropdown-menu li label span {
  margin-left: 3px;
}
.lead-opp-box {
  display: inline-block !important;
  width: 110px !important;
  position: relative !important;
  border-radius: 3px !important;
}
.select-list .dropdown {
  display: inline-block !important;
  margin-left: 10px;
}
.select-list .dropdown button {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #b1b1b1;
  background: #fff;
  color: #909090;
}
ul.radio-ul {
  margin-top: 20px;
}
ul.radio-ul li label {
  font-weight: normal;
  display: flex;
}
ul.radio-ul li label span {
  margin-left: 6px;
}
.row-1-color {
  padding: 20px;
  margin-top: 2rem;
  text-align: center;
  border-radius: 1rem;
}
.bg-teal {
  background: #41cac0;
}
.bg-yellow {
  background: #fcb322;
}
.row-1-color .col {
  text-align: center;
}
.row-1-color .col:nth-child(2) {
  text-align: center;
  display: block;
}
.row-1-color .col p {
  color: #fff;
  font-size: 18px;
}
.row-1-color .col:nth-child(1) h2 {
  font-weight: bold;
  font-size: 40px;
  color: #fff;
}
.row-1-color .col:nth-child(2) h2 {
  font-weight: bold;
  font-size: 25px;
  color: #fff;
}
.row-1-color .col:nth-child(3) h2 {
  font-weight: bold;
  font-size: 25px;
  color: #fff;
}
.title-2-panel {
  margin-top: 4rem;
  font-size: 20px;
}
.progress-custom thead tr td {
  padding: 12px 7px;
}
.progress-custom tr:nth-child(odd) td {
  background: #ececec;
}
.progress-custom .progress {
  margin-bottom: 0px;
}
.bg-red {
  background: #ff6c60;
}
.align-item-center {
  align-items: center;
}
.lead-opp-box1 {
  display: inline-block !important;
  width: 202px !important;
  position: relative !important;
  border-radius: 3px !important;
  height: 33px !important;
  margin-right: 6px !important;
}
.report-list {
  display: flex;
}
.btn-save-file {
  display: inline-block;
  width: 130px;
  margin-left: 6px;
  /* line-height: 0; */
  border: none;
  background: #41cac0;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  height: 32px;
}
.btn-lead-inbox {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #b1b1b1;
  background: #fff;
  color: #909090;
}
ul.export-ul li {
  padding: 10px 0px;
  border-bottom: 1px solid #d1d1d1;
}
ul.export-ul li:last-child {
  border-bottom: none;
}
ul.export-ul button {
  width: 100%;
  background: no-repeat;
  border: none;
  text-align: left;
  padding-left: 11px;
}
.ml-6px {
  margin-left: 6px;
}
.list-box {
  width: 140px;
  height: 140px;
  background: #eff0f4;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  padding: 13px 10px;
  position: relative;
}
.list-box h2 {
  margin: 0;
  font-weight: bold;
  color: #01a225;
}
.mt5rem {
  margin-top: 5rem;
}
.btn-list-box {
  background: none;
  border: none;
  padding: 0;
  color: #000;
  font-weight: bold;
  margin-top: 1rem;
}
.btn-list-box:hover {
  background: none;
  color: #000;
}
.list-box .dropdown-menu {
  min-width: 250px;
}
.list-box .dropdown-menu li {
  padding: 7px 12px;
  border-bottom: 1px solid #e4e4e4;
}
.list-box .dropdown-menu li span {
  margin-left: 6px;
}
.list-box .dropdown-menu label {
  font-weight: normal;
}
.list-boxes .col-sm-3 {
  margin-top: 3rem;
}
.list-boxes {
  margin-left: -16px;
}
.add-list-box {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.add-list-box h1 {
  margin: 0;
  color: #ff6c60;
  font-size: 90px;
}
.leader-ship {
  padding: 15px;
  background: #eff0f4;
  margin-top: 3rem;
  border-radius: 4px;
  border: 1px solid #c1c1c1;
}
.leader-ship h2 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin: 0;
}
.leader-ship ul.dropdown-menu li {
  padding: 7px 12px;
  border-bottom: 1px solid #e4e4e4;
}
.leader-ship .dropdown-menu label {
  font-weight: normal;
}
.leader-ship .dropdown-menu li span {
  margin-left: 6px;
}
.pr-0 {
  padding-right: 0;
}
.image-box img {
  width: 220px;
  display: block;
  margin: 0px auto;
}
.leader-ship h5 {
  font-weight: bold;
}
.w200 {
  width: 200px !important;
}
.email-body-seq {
  padding: 30px;
  background: #eff0f4;
  border-radius: 5px;
}
.image-email-seq img {
  width: 200px;
  display: block;
  margin: 0px auto;
}
.btn-email-seq {
  display: block;
  margin: 12px auto;
  padding: 14px 14px;
  border: none;
  background: #41cac0;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  font-size: 16px;
}
.w2000 {
  width: 2000px;
  overflow-x: scroll;
}
.btn-select-email {
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 30px;
  background: #fff;
  border: 1px solid #b1b1b1;
}
.border-bottle-left {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-radius: 0px !important;
}
.ml-6 {
  margin-left: 6px;
}
.width-custom {
  width: 300px;
  left: -268px;
}
.width-custom li span {
  padding: 10px 28px;
  text-align: left;
  display: block;
}
.h34 {
  height: 34px;
}
.table-padding tbody tr td {
  padding: 9px;
}
.narrow-results-section {
  margin-top: 3rem;
}
.narrow-results-section .panel {
  overflow: visible;
}
.narrow-results-section .panel button {
  width: 100%;
  margin-top: 1rem;
  text-align: left;
  background: no-repeat;
  color: #5a5a5a;
  border: 1px solid #c7c7c7;
}
.narrow-results-section .dropdown-menu {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
}
.mt-0 {
  margin-top: 0 !important;
}

.arrow-open-up{
	background: none;
    border: none;
    font-size: 15px;
    line-height: 29px;
    display: inline-block;
    margin-left: 10px;
    color: #41cac0;
}
.tr-open{
	cursor: pointer;
}

.tr-close td{
	text-align: center;
}

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

.status-change-1{
	width: 160px;
    padding: 10px;
    border: 1px solid #afafaf;
    margin-left: 5rem;
	border-radius: 1rem;
}

.col:nth-child(1) .status-change-1{
	position: relative;
}

.col:nth-child(1) .status-change-1:after{
	
	content: "\f061";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    right: -38px;
    text-align: center;
    width: 25px;
    height: 25px;
    background-color: #41ce75;
    border-radius: 50%;
    color: #fff;
    line-height: 25px;
    top: 9px;
}

.bg-grey{
	background: #e4e4e4;
}

.bg-none-btn{
	background: none; 
	border:none;
}

.btn-inline-drop .dropdown-item{
	    display: block;
    width: 100%;
    text-align: center;
    background: #41cac0;
    margin-top: 1rem;
    padding: 11px 0px;
    color: #fff;
    margin: 0;
}

.btn-inline-drop button{
	background: none !important;
	border: none !important;
}

.btn-inline-drop{
	width: 200px !important;
    padding: 0;
    min-width: auto !important;
	/*height: 300px;
	overflow-y: scroll;*/
}

.close-me{
	    position: absolute;
    top: 6px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #ff6c60;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 20px;
	cursor: pointer;
}

.btn-add-more{
	    font-size: 120px;
    line-height: 79px;
}
.mail-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100% !important;
}
.compose-mail .form-group label {
    width: 13% !important;
}
.compose-btn .btn.btn-primary{
background: white;
    color: #374152;
    border-radius: 20px;
    font-size: 13px;
    padding: 3px 14px;
    font-weight: 700;
}
.lead-in-progress-icon.lead-status-comments{
    background: #0077ff;
}
.contact-details-user.contact_details_toggle p{
  font-size: 14px;
}
.contact-details-user.contact_details_toggle a{
  font-size: 14px;
}


/*--------------custom modal-------------*/
.wrapper {
  height: 100vh;
  /* This part is important for centering the content */
  display: flex;
  align-items: center;
  justify-content: center;
  /* End center */
  background: -webkit-linear-gradient(to right, #834d9b, #d04ed6);
  background: linear-gradient(to right, #834d9b, #d04ed6);
}

.wrapper a {
  display: inline-block;
  text-decoration: none;
  padding: 15px;
  background-color: #fff;
  border-radius: 3px;
  text-transform: uppercase;
  color: #585858;
  font-family: 'Roboto', sans-serif;
}

.modal {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;  
  align-items: center;
  justify-content: center;
  background: rgba(77, 77, 77, .7);
  transition: all .4s;
}

.modal:target {
  visibility: visible;
  opacity: 1;
}

.modal__content {
  border-radius: 4px;
  position: fixed;
  width: 500px;
  max-width: 90%;
  background: #fff;
  padding: 1em 2em;
}

.modal__footer {
  text-align: right;
  a {
    color: #585858;
  }
  i {
    color: #d02d2c;
  }
}
.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #585858;
  text-decoration: none;
}