/* LEADS RIGHT BOX */
.formdetails_preview{padding:5px 0;margin:0 0 10px}.formdetails_preview h1{padding:0!important;margin:0!important;font-size:25px;color:#4c4c4c!important}
.formdetails_preview h2{padding:2px 0 0!important;margin:0!important;font-size:20px;color:#4c4c4c!important; border:none; line-height: inherit;}
.lead-view .form-page .panel > .panel-heading, .form-page .panel.panel-default > .panel-heading{
    background-color: #96be36;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.lead-view .countFormNpf {
    position: relative;
    font-size: 12px;
    padding: 2px 5px;
    margin: 0 5px;
    background-color: #f0ad4e;
    color: #fff;
    font-weight: 500;
    line-height: 24px;
}
.lead-view .panel-heading .right_edit_link {
    font-size: 16px!important;
    background: #ff5722!important;
    border: 1px solid #CA390B!important;
    color: #fff;
    margin: 1px 20px;
    padding: 3px 10px 1px;
    border-radius: 2px;
}
.lead-view .preview {
    padding: 10px 20px;
}
.formlabel label{font-size: 14px !important;color: #444 !important; padding-top:0 !important;}
.lead-view .applicant-name{color: #666;font-size: 14px;font-weight: 500;margin: 12px 0;}
.lead-view .applicant-email{color: #666;font-size: 14px;display: block;}
.lead-view .applicant-id{color: #ddd;font-size: 14px;display: block;}

.comm-rght-side-fixed {
    position: fixed;
    right: 0;
    top: 5%;
    transform: translateX(101%);
    transition: all 0.8s ease 0s;
    z-index: 9999;
}

.comm-rght-side-fixed.open {
    transform: translateX(0%);
}

.right-communicate {
    width: 1100px;
    position: relative;
}

.modal  .right-communicate{
	width: 100%;	
}

.right-communicate-button {
    background-color: #f44336;
    border: medium none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    left: -98px;
    margin-top: -30px;
    padding: 5px 13px 10px;
    position: fixed;
    text-decoration: none;
    top: 230px;
    transform: rotate(-90deg);
    transition: all 300ms ease 0s;
    width: auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) inset, 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.right-communicate-button:hover {
    text-decoration: none;
    color: #fff;
}

/*.right-communicate-button::before {
    border-color: #f44336 transparent;
    border-style: solid;
    border-width: 0 0 41px 20px;
    content: "";
    position: absolute;
    right: 156px;
    top: 0;
}

.right-communicate-button::after {
    border-left: 22px solid #f44336;
    border-top: 42px solid transparent;
    content: "";
    position: absolute;
    right: -21px;
    top: -1px;
}*/
.right-communicate .nav-tabs{background-color: #fff;border-bottom: 0px;}
.right-communicate .nav-tabs li{background-color: #f5f5f5;margin: 0 10px 0 0;}
.right-communicate .nav-tabs li.active{background-color:#75b740;color: #fff;}
.right-communicate .nav-tabs li.active a, .right-communicate .nav-tabs li.active a .fa-whatsapp{color:#fff !important;}
.right-communicate .nav-tabs li a{color:#4c4c4c !important;text-decoration: none;border-radius:0; }
.right-communicate .nav-tabs li a, 
.right-communicate .nav-tabs li a:focus, 
.right-communicate .nav-tabs li a:hover{background:transparent;border:none;}
.right-communicate .nav-tabs li a:hover{background-color:#75b740!important;color: #fff !important;}
.form-control-hght{height: 29px !important;}
.fa-whatsapp:hover{color:#fff !important;}
/*.right-communicate .nav-tabs li a .fa-whatsapp{color:#4c4c4c;}*/
.right-communicate .nav-tabs li a:hover .fa-whatsapp{color:#fff;}

/*.lead-mesg-input-btn{padding: 0 5px !important;}*/
.browse-btn-pad{padding: 10px 20px !important;}
.right-communicate .tab-back {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
	min-height: 350px;
}
.nav-bot{margin-bottom: 20px;}
.input-group .input-grp-cmn-addon{background-color: #f5f5f5;border-width: 1px 0 1px 1px;border-radius: 0px;border-color: #d1d1d1;border-image: none;border-style: solid none solid solid;}
.formareamrgn{margin: 6px 0 0 !important}
.weixin-btns{text-align: right;}
.weixin-send-btn{border-radius: 0; margin: 0 20px 20px 0 !important;}
.weixin-cancl-btn{border-radius: 0;margin: 0 0px 20px 0 !important;}
.right-communicate .cke_contents.cke_reset {
    /*height: auto !important;*/
}
.timeline {
  list-style: none;
  padding: 0;
  position: relative;
}

/*.comment-timeline .timeline:before {
  top: 32px;
  bottom: 35px;
  position: absolute;
  content: " ";
  width: 5px;
  background-color: #aeaeae;
  left: 0%;
  margin-left: -1.5px;
}*

.tab-back .timeline li {
  margin-bottom: 6px;
  position: relative;
}/

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.comment-timeline .timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.comment-timeline > .timeline > li > .timeline-panel {
  width: 91%;
  float: left;
  padding: 0px;
  position: relative;
}

.comment-timeline .timeline > li > .timeline-panel::before {
    border: 1px solid #aeaeae;
    content: " ";
    display: inline-block;
    left: -71px;
    position: absolute;
    top: 44px;
    width: 71px;
}

.comment-timeline .timeline > li:first-child > .timeline-panel::before{
    top: 28px;
}

.comment-timeline .timeline > li:first-child > .timeline-badge{
    top: 18px;
}

.comment-timeline .timeline > li > .timeline-badge {
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 35px;
  left: 1px;
  margin-left: -10px;
  background-color: #fff;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border: 1px solid #ddd;
}

.right-communicate .timeline > li.timeline-inverted > .timeline-panel {
  float: left;
  margin-left: 9%;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}
.textareamargn{margin-bottom: 0px !important;border: 0 none !important;}
.sec-txt-lft{font-size: 14px;margin: 0;color: #4c4c4c;}
.sec-txt-rght{font-size: 12px;margin: 0;color: #4c4c4c;padding: 0 25px 0 0;}
.common-manager .npf-form-group .form-disable-bg{background-color: #e8e8e8 !important;border: 0 none;border-radius: 5px;}
.color-chng{color: #d8a339;font-weight: 500;}
.timeline-para{margin-top: 10px;font-size: 13px;}
.timeline-date {font-size: 14px;margin: 6px 0 10px !important;color: #4c4c4c;}
.timeline-activity-box .timeline:before {
  top: 22px;
  position: absolute;
  content: " ";
  width: 5px;
  background-color: #aeaeae;
  left: 0%;
  margin-left: -1.5px;
}
.timeline-activity-box .timeline::before {
    bottom: 7%;
}
.timeline-activity-box .timeline > li > .timeline-panel::before {
    border: 1px solid #aeaeae;
    content: " ";
    display: inline-block;
    left: -70px;
    position: absolute;
    top: 19px;
    width: 60px;
}
.timeline-activity-box .timeline > li:first-child > .timeline-panel::before {
    border: 0 solid #aeaeae;
    top: 40px;
}

.timeline-bordr-out::before{
    border: 0 solid #aeaeae !important;
}

.timeline-activity-box .timeline > li:first-child > .timeline-badge {
    color: #96be36;
    height: 30px;
    line-height: 28px;
    margin-left: -15px;
    text-align: center;
    top: 0;
    width: 30px;
}

.timeline-activity-box .timeline > li > .timeline-badge {
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 10px;
  left: 0%;
  margin-left: -10px;
  background-color: #fff;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border: 1px solid #ddd;
}

.timeline-activity-box .timeline > li > .timeline-badge-date {
    color: #96be36;
    height: 30px;
    line-height: 28px;
    margin-left: -15px;
    text-align: center;
    top: 0;
    left: 1px;
    width: 30px;
}

.timeline-activity-box .timeline > li.timeline-inverted > .timeline-panel-cust {
    float: left;
    margin-left: 34px;
}
.send-btn-cust{float:left;margin-right: 10px;}
.tab-content {
    padding: 10px;
}
.right-communicate .panel{box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12) !important;}

.right-communicate .tab-back .form-control {
    background-color: #fff !important;
    color: #7f7f7f;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.comm-rght-side-fixed .right-communicate .form-control {
    background-color: #f7f7f7;
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    border: 1px solid #dedede;
    border-radius: 0;
    box-shadow: none;
    color: #7f7f7f;
    float: none;
    font-size: 13px !important;
    height: 42px;
    padding: 10px 21px 10px 10px;
}

.right-communicate .formAreaCols .form-control {
    margin: 0 !important;
}
.right-communicate .form-group .form-control::-moz-placeholder {
    color: #7f7f7f;
    font-size: 13px !important;
    font-weight: 100;
    text-transform: none;
}
.right-communicate .form-group .form-control::-webkit-input-placeholder {
    color: #7f7f7f;
    font-size: 13px !important;
    font-weight: 100;
    text-transform: none;
}
.right-communicate .form-group .form-control::-ms-input-placeholder {
    color: #7f7f7f;
    font-size: 13px !important;
    font-weight: 100;
    text-transform: none;
}
.right-communicate .form-group .form-control::-o-placeholder {
    color: #7f7f7f;
    font-size: 13px !important;
    font-weight: 100;
    text-transform: none;
}
/*.input-group .small-btn{margin: 0 0 7px !important;}*/
.right-communicate .panel{box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12) !important;}
.qms-form .input-group .small-btn{margin: 0 !important;}
.small-btn {
    border-radius: 0;
    font-weight: 500;
}
.right-communicate .npf-textarea .textareamargn {
    height: 100% !important;
    border: 0 none !important;
    width: 98%;
    text-transform: capitalize;
}
.timeline-body .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.comment-timeline .timeline-body .formmargin{margin: 3px 0 10px !important;}
.timeline-activity-box > .timeline > li > .timeline-panel {
  width: 91%;
  float: left;
  padding: 0px;
  position: relative;
}
/*.table-cell .chosen-container{display: table-cell !important;}*/
.table-cell .chosen-container{display: table !important;}
.textareamargn .form-control::-moz-placeholder {
    color: #000;
    font-size: 13px;
    text-transform: capitalize;
}
.input-box {
    background-color: #e8e8e8;
    border-radius: 5px;
    padding: 10px;
    width: 98%;
}
.timeline-body .btn.done-rght{margin-right: 7px;}
.tab-back .file-attachmentui{margin: 2px 0 0 18px;}
.tab-back .danger {color: #f44336;font-size: 12px;}
.tab-back .danger ul{padding: 0;}
.tab-back .danger ul li{list-style-type: none;}
.select-option-block .alert-danger {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 5px 15px;
}

#comm_action_html{min-height: 350px;}
#right-communicate .panel-body{min-height: 350px;}


@media (min-width: 0px) and (max-width: 469px){
   .lead-view .panel-heading .right_edit_link {
    font-size: 15px !important;
    margin: 0 -10px;
}
/*.right-communicate {
    max-width: 320px;
}*/
.right-communicate-button{font-size: 17px;margin-top: -56px;left: -88px;}
.right-communicate-button::after {
    right: -21px;
    border-top: 39px solid transparent;
}
.right-communicate-button::before {
    border-width: 0 0 38px 20px;
    right: 138px;
}

.right-communicate .nav-tabs li a {
    padding: 2px 6px;
}
.timeline > li > .timeline-panel {
    width: 78% !important;
}
.right-communicate .timeline > li:first-child > .timeline-panel::before {
    top: 29px;
}
.right-communicate .timeline > li:first-child > .timeline-badge {
    top: 20px;
}
.right-communicate .timeline::before {
    bottom: 30px;
    top: 32px;
}
.right-communicate .timeline > li > .timeline-panel::before {
    top: 61px;
    left: -65px;
}
.right-communicate .timeline > li > .timeline-badge{
    top: 52px;
}
.right-communicate .timeline-body p{text-align: left;}
.timeline-date {
    margin-top: 20px;
}
.timeline-date2 {
    margin-top: 40px;
}
.timeline-activity-box .timeline > li > .timeline-panel::before {
    top: 50px;
}
.timeline-activity-box .timeline > li > .timeline-badge {
    top: 40px;
}
.timeline-activity-box .timeline::before {
    bottom: 90px !important;
}

}

@media (min-width: 0px) and (max-width: 768px){
.form-control-mob{
   margin-bottom: 5px !important;       
}
.right-communicate .timeline::before{top: 30px;}
.right-communicate .timeline > li:first-child > .timeline-panel::before {
    top: 28px;
}
.right-communicate .timeline > li:first-child > .timeline-badge {
    top: 17px;
}
.timeline > li > .timeline-panel {
    width: 51%;
}
.timeline-activity-box .timeline::before {
    bottom: 35px;
}
.timeline-date {
    margin-top: 22px;
}
.timeline-date2 {
    margin-top: 43px;
}

}
/*[/lead]*/
/*create communicate popup*/
.border-btn{border: 2px solid #ccc; color: #ccc; background-color: #fff; border-radius: 50%; padding: 8px; line-height: 0px;}
.graycolor{color:#ccc;}
.greencolor{color:#4CAF50;}

.form-mesg-bg:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;  
  display: block;
  background: url('../../img/blur-bg.png') repeat-x;
  width: 100%;
  height: 100%;
}

.form-mesg-bg {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9999;
  margin-left: 20px;
  margin-right: 20px;
}
.form-mesg-bg-new{
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 9999;
    background: rgb(255, 255, 255) none repeat scroll 0px 0px;
    opacity: 0.63;
    height: 100%;
}

.form-pop-content {
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12) !important;
    left: 50%;
    margin-left: -150px;
    margin-top: -50px;
    padding: 15px;
    position: fixed;
    top: 50%;
    width: 300px;
    z-index: 9999;
}

.form-pop-content p{
   color: #000;
   text-align: center;
}

#comm_action_html .container{ width:100%}
#progress-bar {background-color: #a0c348;height:14px;border-radius:4px;text-align:center; font-size:11px;margin-top:5px;color: #FFFFFF;width:0%;-webkit-transition: width .3s;-moz-transition: width .3s;transition: width .3s;}

/*** Floating Label ***/
.rowSpaceReduce{margin-left:-5px;margin-right:-5px;}
.rowSpaceReduce [class*='col-'] {padding-right: 5px;padding-left: 5px;}

/*** Timeline ***/
.comm-rght-side-fixed .timeline {display:inline-block;width:100%; }
.comm-rght-side-fixed .timeline ul {list-style:none;padding-left:85px;position:relative;}
.comm-rght-side-fixed .timeline li {border-left:2px solid #ccc;padding-bottom:10px;padding-left:35px;}
.comm-rght-side-fixed .timeline li:last-child{padding-bottom:0;}
.comm-rght-side-fixed .timeline time {left:0;position:absolute;color:#333;font-size:12px;}
.comm-rght-side-fixed .icontimeline{background-color:#fff;border:1px solid #ccc;border-radius:50%;color:#999;font-size:16px;left:70px;line-height:24px;padding:5px 8px;position:absolute;}
.comm-rght-side-fixed .tmMsg{background-color:#fafafa;padding:5px;position:relative;display:inline-block;border:1px solid #eee;width:100%;word-wrap:break-word;vertical-align:top;}
.comm-rght-side-fixed .tmMsg:before{border-color:transparent #ddd transparent transparent;border-style:solid;border-width:8px;content:"";left:-17px;position: absolute;top:7px;}
.comm-rght-side-fixed .tmMsg:after {border-color:transparent #fafafa transparent transparent;border-style:solid;border-width:8px;content:"";left:-16px;position: absolute;top:7px;}
.comm-rght-side-fixed .icontimeline{line-height: 26px;padding: 5px 8px;height: 35px;width: 35px;}
.comm-rght-side-fixed .modal-footer .textarea .form-control{border:1px solid #ccc;padding:10px;height:43px;background-image:none!important;}
.comm-rght-side-fixed .bText{color:#004465;}
.right-communicate #comm_action_html .btn.btn-xs{padding:5px 10px; font-size:11px;}
.comm-rght-side-fixed .modal-footer{margin-top:10px;}


/*** Unlayer Editor ***/
.unlayer-editor{border:1px solid #C7C7C7;}
@media (min-width: 1024px){
	.labelUpContainer:not(.createTemplateDisable)  #TemplateListSelect_chosen li[data-option-array-index="2"]{color:#fb641b;margin-bottom:10px;position:relative;}
	.labelUpContainer:not(.createTemplateDisable) #TemplateListSelect_chosen li[data-option-array-index="2"]:after{content:'';background-color: #eee;height: 2px;width: 100%;position: absolute;left: 0;bottom: -6px;} 
	.labelUpContainer:not(.createTemplateDisable) #TemplateListSelect_chosen li[data-option-array-index="2"]:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f196";margin-right:10px;}
}
@media (max-width: 1023px){
	.labelUpContainer:not(.createTemplateDisable) #TemplateListSelect_chosen li[data-option-array-index="1"]{margin-bottom:10px;position:relative;}
	.labelUpContainer:not(.createTemplateDisable) #TemplateListSelect_chosen li[data-option-array-index="1"]:after{content: '';background-color: #eee;height: 2px;width: 100%;position: absolute;left: 0;bottom: -6px;} 
}
.labelUpContainer:not(.createTemplateDisable) #TemplateListSelect_chosen li[data-option-array-index="1"]{color:#004465;} 
.labelUpContainer:not(.createTemplateDisable) #TemplateListSelect_chosen li[data-option-array-index="1"]:before{display:inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f196";margin-right:10px;}
.editorFullScreen{position:absolute;left:10px;top:3px;color:#111;}
#WhatsappCommunicationMediaPreview button.close{z-index:111;position:relative;}

.unlayer-editor{position:relative;}
.ck-edit-disable{position:absolute;top:78px;right:0;left:0;bottom:0;height:calc(100% - 78px);background-color: transparent;z-index: 111;width: calc(100% - 30px);}
.unlayer-edit-disable {top: 0;left: 0;right: 0;bottom: 0;background-color:transparent;width: calc(100% - 60px);height: 100%;position: absolute;}
.unlayer-edit-disable:before {position:absolute;right:-24px;top:24px;width:50px;height:50px;background-color:#fff;content: '';}
.unlayer-edit-disable:after {position:absolute;content:'';right:-60px;top:0;width: 32px;height: 100%;background-color:transparent;}
.mask-unlayer:before{content: '';position: absolute;top:0;right: -30px;width: 50px;height: 50px;background-color:transparent;}
.mask-unlayer:after {content: '';position: absolute;bottom: 0;right: -30px;width: 50px;height: 50px;background-color:transparent;}

/*** Toggle CSS ***/
.toggle__checkbox{vertical-align:top;display:inline-block;width:100%}.toggle__checkbox label{cursor:pointer;text-indent:-9999px;width:40px;height:20px;background:#ccc;top:5px;display:inline-block;border-radius:70px;position:relative;overflow:hidden;text-align:left;margin:0}.toggle__checkbox label:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:90px;transition:.3s}.toggle__checkbox input[type=checkbox],.toggle__checkbox input[type=radio]{height:0;width:0;visibility:hidden}.toggle__checkbox input:checked+label,.toggle__checkbox input.checked+label{background:#75b740}.toggle__checkbox input:checked+label:after,.toggle__checkbox input.checked+label:after{left:calc(100% - 2px);transform:translateX(-100%)}.toggle__checkbox input[type=hidden]+label{opacity:.6}.toggle__checkbox.small{line-height:28px}.toggle__checkbox.small label{width:30px;height:15px}.toggle__checkbox.small label:after{width:12px;height:12px}