.nav_filter .bd0{border-top-right-radius:0px !important; border-bottom-right-radius: 0px !important}
.bbl0{border-top-left-radius:0px}
.nav_filter select{height:35px; background:#fff; border:1px solid #ccc; border-radius:4px; padding:4px 10px; font-size:14px; color: #495057;}
.nav_filter input{height:35px; font-size:14px; border-radius:4px;}
.nav_pipeline_setting{text-decoration: none; border:1px solid #ccc; height:35px;  float: right;padding: 4px 7px; color:#444; border-radius: 0px 4px 4px 0px}
.lead_area .view-toggle span{padding:5px 9px; border: 1px solid #ccc; border-radius:4px; background: #fff; display: inline-block; cursor:pointer; height:35px}
.lead_area .view-toggle span.active{background:#eee}
#addLeadArea{position: fixed; width: 700px; height:100vh; background: #fff; left: 0px; top: 0px; display:none; z-index: 2}
#addLeadArea .inner{  height:100vh; padding:10px 15px; overflow-y: auto; padding-bottom: 80px;}
#addLeadArea .form-footer{position:absolute; bottom: 0px; right: 0px; width: 100%; padding: 0px 15px 10px; background: #fff}

.addFormArea {position: fixed; height:100vh; background: #fff; left: 0px; top: 0px; display:none; z-index: 2}
.addFormArea.activity{ width:350px;}
.addFormArea .inner{  height:100vh; padding:10px 15px; overflow-y: auto; padding-bottom: 80px;}
.addFormArea .form-footer{position:absolute; bottom: 0px; right: 0px; width: 100%; padding: 0px 15px 10px; background: #fff}
.addFormArea form .form-control{font-size:14px; color: #555}


.stage-main{ padding: 0px 5px; padding-top: 10px}
.stage-main .stage-inner{background:#eee ; border-radius: 4px 4px 0px 0px}
.stage-main .stage-header { padding: 5px 10px}
.stage-main .stage-header .name{display:block; font-size: 14px}
.stage-main .stage-header .count{font-size:12px }
.stage-main .stage-body { padding: 5px 10px; overflow-y: auto}
.stage-main .stage-body .lead-tile{background:#fff; padding: 5px 10px ; border-radius: 4px 4px 4px 4px; margin-bottom:7px; cursor: pointer; box-shadow: 2px 7px 10px rgba(0, 0, 0, 0.04); position: relative}
.stage-main .stage-body .lead-tile .title{display:block; font-size: 14px}
.stage-main .stage-body .lead-tile .org{display:block; font-size:13px}
.stage-main .stage-body .lead-tile .person{display:block; font-size:13px; color: #666}
.stage-main .stage-body .lead-tile .phone{display:block; font-size:12px; color: #666}
.stage-main .stage-body .lead-tile .email{display:block; font-size:12px; color: #666} 

.note-type-list .inner{background:#fffef4; margin-bottom: 10px; border-radius: 4px; padding:10px}
.note-type-list .inner .text{font-size:14px; display: block; color: #444; margin-bottom: 5px; word-break:break-all;}
.note-type-list .inner .text a{color:#444}
.note-type-list .inner .date{font-size:12px;  color:#777}
.note-type-list .inner .date i{margin-right:5px;}
.note-type-list .inner .date .owner i{margin-left:15px;}
.note-type-list .inner .delete{font-size:12px; color:#ff5353; float: right; cursor:pointer}
.note-type-list .inner .delete_opp{font-size:12px; color:#ff5353; float: right; cursor:pointer}
.note-type-list .inner .delete_visit{font-size:12px; color:#ff5353; float: right; cursor:pointer}
.note-type-list .inner .delete_visit_note{font-size:12px; color:#ff5353; float: right; cursor:pointer}
.sessions,li{position:relative}
.timeline h1,.timeline p{font-family:sans-serif}
.timeline li, .timeline ul{list-style:none;padding:0}
.timeline .container{display:flex;justify-content:center;align-items:center;padding:3rem 0;background:linear-gradient(45deg,#209cff,#68e0cf)}
.timeline .wrapper{background:#eaf6ff;padding:2rem;border-radius:15px}
.timeline h1{font-size:1.1rem}
.timeline .sessions{ border-radius:12px}
.timeline li{padding-bottom:10px;border-left:1px solid #abaaed;padding-left:20px;margin-left:10px}
.timeline li:last-child{border:0;padding-bottom:0}
.timeline li:before{content:"";width:15px;height:15px;background:#fff;border:1px solid #4e5ed3;box-shadow:3px 3px 0 #bab5f8;border-radius:50%;position:absolute;left:-10px;top:0}
.timeline .user{ font-size: 13px; font-weight: 500;}
.timeline .user a{color:#444}
.timeline .status_icon{ float:left; margin-right:10px}
.timeline .status_title{padding-top:6px ; display: block}
.timeline .status_title .text{float:left; font-size: 13px}
.timeline .status_icon .completed{color:#09a909; font-size: 20px; line-height: 0px;}
.timeline .status_icon .mark_complete{border-radius:50%;  border:1px solid #919191; width:20px; height: 20px; display: inline-block; cursor: pointer; background: #fff}
.timeline .status_icon .mark_complete_opp{border-radius:50%;  border:1px solid #919191; width:20px; height: 20px; display: inline-block; cursor: pointer; background: #fff}
.timeline .user .icon{ width: 20px; display: inline-block}
.timeline .change{ font-size: 13px; }
.timeline .change b{font-weight:400 !important; color: #6674d9;}
.timeline .delete{font-size: 12px;color: #ff5353;float: right;cursor: pointer;}
.timeline .time{color:#8e8c9d;font-family:Poppins,sans-serif;font-weight:500; font-size: 12px; display:inline-block; margin-top: 4px; clear: both}
.timeline .by{color:#8e8c9d; font-size: 12px; display:inline-block; margin-left: 15px}
.timeline .by i{font-size:11px; margin-right: 3px}
@media screen and (min-width:601px){
	.timeline .time{font-size:12px}
}
.timeline p{color:#4f4f4f;line-height:1.5;margin-top:2px; margin-bottom:5px; font-size: 13px; clear:both}
@media screen and (max-width:600px){
	.timeline .time{margin-bottom:.3rem;font-size:.85rem}
	p{font-size:.9rem}
}

.lead_detail .header-card{padding:12px 15px 15px 15px; background:#fff; border-radius: 2px}
.lead_detail .left-card{padding:10px 15px; background:#fff; border-radius: 5px}
.lead_detail .right-card{padding:10px 15px; background:#fff; border-radius: 5px}
.lead_detail .left-card .header .title{font-weight: 600}
.lead_detail .left-card table td{padding-bottom: 8px; font-size: 14px}
.lead_detail .left-card table td:first-child{padding-right: 10px; text-transform: uppercase; font-size: 13px}
.lead_detail .left-card table td:nth-child(2){padding-right: 10px}
.lead_detail .left-card table td:nth-child(3){color:#444}
.lead_detail .left-card table td:nth-child(4){text-align:right; color: #777;}
.add_data_button button{margin-right:10px;  background: #fff; padding: 4px 10px; border: 1px dashed; border-radius: 5px; font-size: 13px;color: #666;}
.add_data_section .form_area{background:#fff; padding:10px 15px 15px 15px; border-radius:6px; display: none}
.add_data_section .form_area .title{font-weight: 600}
.add_data_section .form_area .add_description{color:var(--theme-cl); font-size: 12px; cursor:pointer}
.add_data_section .form_area.activity .description{display:none}
  
.lead_detail .header .detail li{list-style:none}
.lead_detail .select_pipestage {display: inline-block;width: 100%}
.lead_detail .select_pipestage .pointer input[type=radio]{opacity:0;width:1px;height:1px}
.lead_detail .select_pipestage .pointer{width:10%;height:24px;position:relative;background:#e6e6e6;float:left;display:inline;margin-right:5px;width:15%; cursor:pointer; font-size: 12px;padding-left: 12px;color: #444;padding-top: 2px; } 
.lead_detail .select_pipestage .pointer:after{content:"";position:absolute;left:0;bottom:0;width:0;height:0;border-left:5px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.lead_detail .select_pipestage .first:after{border-left:5px solid #e6e6e6}
.lead_detail .select_pipestage .first:before{content:"";position:absolute;right:-5px;bottom:0;width:0;height:0;border-left:5px solid #e6e6e6;border-top:12px solid transparent;border-bottom:12px solid transparent;z-index:111}
.lead_detail .select_pipestage .pointer:before{content:"";position:absolute;right:-5px;bottom:0;width:0;height:0;border-left:5px solid #e6e6e6;border-top:12px solid transparent;border-bottom:12px solid transparent;z-index:111}
.lead_detail .select_pipestage .pointer.active{background:#326fca; color:#fff; background-position: left bottom;}
.lead_detail .select_pipestage .pointer.active:before{border-left:5px solid #326fca}
.lead_detail .select_pipestage .first.active:after{border-left:5px solid #326fca}
.lead_detail .extra_action_box{width:33px; height: 33px; background: #fff; text-align: center; border-radius: 5px; border: 1px solid #ccc; cursor: pointer; padding-top: 3px}
.lead_status_button .dropdown-menu{box-shadow: 0 8px 3rem rgb(0 0 0 / 18%); border: 0px ; border-radius: 3px}
.lead_status_button .dropdown-menu li a{font-size:14px; color: #555}
  
.activity_area .view-toggle span{padding:5px 9px; border: 1px solid #ccc; border-radius:4px; background: #fff; display: inline-block; cursor:pointer; height:35px}
.activity_area .view-toggle span.active{background:#eee}

 .sl_calendar_area .header{background-image: linear-gradient(to right, #38a5db, #0846a7) !important;border-radius: 10px 10px 0px 0px}
 .sl_calendar_area .header .date{color: #fff;margin-left:20px;}
 .sl_calendar_area .header td{padding-top: 15px !important}
 .sl_calendar_area .border{border: 1px solid #ccc}
 .sl_calendar_area .contentarea {width: 100%;border-collapse: collapse;background:#fff}
 .sl_calendar_area .contentarea td{height: 28px;vertical-align: top;}
 .sl_calendar_area .contentarea .left{text-align: right;color: #595959;padding-right: 5px;padding-top: 5px; font-size: 12px}
.sl_calendar_area .scrollerArea{max-height: 460px;overflow-y: scroll;scrollbar-width: thin;}
.sl_calendar_area .contentarea label{background: #0046ae;color: #fff;display: block;padding: 2px 5px;font-size: 11px;width: 90%;background-image: linear-gradient(to right, #07a642, #08a7a2) !important;}
.sl_calendar_area .page_btn{text-align: right;}
.sl_calendar_area .page_btn span{padding: 1px  8px ;background: #fff;cursor: pointer; margin-left:5px;border-radius: 50%;margin-right:7px;}
.sl_calendar_area .header td{padding: 8px 5px;font-size: 16px}

.csDropDown{position: fixed; background: #fff; width:300px; min-height: 100px; display:none; border-radius:5px; box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%); padding: 10px 15px 15px 15px}
.csDropDown .label{font-size:13px ; text-transform: uppercase; color: #555}
.csDropDown input{font-size:13px}

.activity_list_area .mark_complete{border-radius:50%;  border:1px solid #919191; width:20px; height: 20px; display: inline-block; cursor: pointer; background: #fff}


.add_order_address_box{position:fixed; left: 35%; width:400px;background:#fff; z-index: 2222;   top: 20px; box-shadow: 0px 12px 7px 0px rgba(0,0,0,0.57); border-radius: 10px; display: none; max-height: 95vh; overflow-y: auto; }
.add_order_address_box .inner{ padding:15px; overflow-y:auto}

.add_order_person_box{position:fixed; left: 35%; width:400px;background:#fff; z-index: 2222;   top: 30px; box-shadow: 0px 12px 7px 0px rgba(0,0,0,0.57); border-radius: 10px; display: none; max-height: 95vh; overflow-y: auto; }
.add_order_person_box .inner{ padding:15px; overflow-y:auto}


table td .badge{font-size: 13px;  padding: 3px 5px 4px 5px; border-radius: 1px; font-weight: 600}
.badge.success{border:1px solid #198754; color: #198754;  background: #e9ffe9;}
.badge.danger{border:1px solid #e63131; color: #e63131;  background: #ffecec;}
.badge.warning{border:1px solid #caaf1d; color: #caaf1d; background: #fffdf4; }
.badge.primary{border:1px solid #624bff; color: #624bff ; }
.badge.info{border:1px solid #0dcaf0; color: #0dcaf0; }
.badge.dark{border:1px solid #444; color: #444; }

.lead_detail_section .detail_left_side{width:30%; }
.lead_detail_section .detail_right_side{width:70%; }

.info_noti{position: relative; cursor: pointer;}
.info_noti .msg{position:absolute; background: #444; color: #fff; padding: 3px 8px 5px; border-radius: 5px; width: 130px;font-size: 13px; left: -95px; top: -46px; z-index: 9;display: none;}
.info_noti:hover > .msg{display:block;}

.daterangepicker .drp-calendar{display:block;}

.paginationLoadAra{padding-left:8px}
.paginationLoadAra .page-link{ color:#888}
.paginationLoadAra .active .page-link{background:var(--theme-cl); color:#fff}


.rmveNavNoti{position:absolute; right:10px; top: 35px; padding-top: 2px; background:#eee; display: block ; width:20px; height:15px; line-height: 7px;text-align: center;font-size: 12px; border:1px solid #fff}
.add_row_item_table tbody td{ padding-right: 7px; padding-top: 5px;}


.cs_stock_dropdown{position:fixed; background:#fff;   z-index:9; box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%); display:none;}
.cs_stock_dropdown.show{display:block;}

.progress_wrapper{width:100%;font-family:Helvetica;font-size:14px; padding: 15px 10px 20px 10px /*border:1px solid #ccc*/}
.StepProgress{position:relative;padding-left:45px;list-style:none;margin-bottom:0px;}
.StepProgress::before{display:inline-block;content:"";position:absolute;top:0;left:15px;width:10px;height:100%;border-left:2px solid #ccc}
.StepProgress-item{position:relative;counter-increment:list}
.StepProgress-item:not(:last-child){padding-bottom:20px}
.StepProgress-item::before{display:inline-block;content:"";position:absolute;left:-30px;height:100%;width:10px}.StepProgress-item::after{content:"";display:inline-block;position:absolute;top:0;left:-37px;width:12px;height:12px;border:2px solid #ccc;border-radius:50%;background-color:#fff ;width: 17px; height: 17px;}
.StepProgress-item.is-done::before{border-left:2px solid green}
.StepProgress-item.is-done::after{content:"✔";font-size:10px;color:#fff;text-align:center;border:3px solid green;background-color:green;width: 17px; height: 17px;}
.StepProgress-item.current::before{border-left:2px solid green}
.StepProgress-item.current::after{content:counter(list);padding-top:1px;width:19px;height:18px;top:-4px;left:-40px;font-size:14px;text-align:center;color:green;border:2px solid green;background-color:#fff}
.StepProgress strong{display:block}

.StepProgress-item .content{display: none; padding-top: 10px;clear: both;width: 100%}
.StepProgress-item .content select{font-size:13px;padding: 5px 5px; width: 120px;float: left;}
.StepProgress-item .goalWho{width: 130px !important;}
.StepProgress-item .content input{font-size:13px;padding: 5px 7px; width: 120px;float: left;}
.StepProgress-item.active .content{display: inline-block;}
.StepProgress-item .content label{font-size:12px;display: block;}
.StepProgress-item  .title{font-weight: 400; color: grey}
.StepProgress-item.is-done .title{font-weight: 500; color: #444}
.StepProgress-item.active .title{font-weight: 500; color: #000}
.goalAddDetail p{margin-bottom:12px; } 
.goalAddDetail img{width: 17px;margin-right: 7px}
.typeError, .outcomeError, .pipelineError, .intervalError, .nameError, .durationError{display:  block !important;color: red;font-size:13px;clear: both;}

 
td .mark_complete{border-radius:50%;  border:1px solid #919191; width:20px; height: 20px; display: inline-block; cursor: pointer; background: #fff} 
.status_icon .completed {color: #09a909;font-size: 20px;line-height: 0px;}

span.action_info {position:relative; }
span.action_info.left text{left: -250px}
span.action_info i { cursor:pointer; color: #1e7dac;}
span.action_info text{background:#666; padding: 5px 8px; font-size: 12px; border-radius: 5px; color:#fff; position: absolute; display: none;  width: 250px; min-height: 50px; z-index: 9999; top:-40px; text-align: left}
span.action_info:hover text{display:inline-block;}

.pst-rel{position:relative;}
body{background: #f8f8fb;}
.suggestArea{position:absolute; background: #fff;  width: 300px; margin-top: -1px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; z-index:9; max-height: 350px; overflow-y:auto}
.suggestArea .innr_sel{padding: 5px 10px; font-size: 13px; cursor:pointer; position:relative; line-height: 15px}
.suggestArea .innr_sel:hover{background:#eee}
.suggestArea .innr_sel.disabled{color:#8d8d8d}

.plright{position:absolute; right: 10px; top: 6px; color:#777}
.terms_table td{padding-bottom:5px}
.terms_table td input{height:25px !important; height: 25px !important;border: 0px; border-bottom: 1px solid #ddd; border-radius: 0; padding:0px 10px}
.terms_table td input:focus{border: 0px !important; border-bottom: 1px solid #444 !important;}
.terms_table td select{height:25px !important; height: 25px !important;border: 0px; border-bottom: 1px solid #bfbfbf; border-radius: 0; padding:0px 10px}
.terms_table td:first-child{font-size:13px}
 
.lead_quote_product_area input{padding :4px 5px 4px 7px !important}
.stokcAdjAra {white-space: nowrap;}
.stokcAdjAra button{padding:3px 3px !important; }   
/*copy */  

.select2-container{width:100% !important}
.select2-container{z-index: 8 !important}
.select2-container .select2-selection--single{height:35px !important; font-size:13px}
.select2-container .select2-selection--single .select2-selection__rendered{font-size:13px; padding-top: 3px;}
.select2-results__option{font-size:13px; }
.select2-search--dropdown .select2-search__field{font-size:13px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:33px}

a{color: #2c74b3;}
.add_worksheet_pd_table{width:100%}
.add_worksheet_pd_table th{font-weight: 600; font-size:12px; padding: 5px 5px; background: #eee; border: 1px solid #ccc;}
.add_worksheet_pd_table td{padding-bottom:0px}
.add_worksheet_pd_table td input{border-radius:0px !important ; height: 30px !important; padding: 7px 5px !important;}
.edit_pd_img_remove_icon{position:absolute; background:red; color: #fff;  border-radius: 50%;  width: 18px;  height: 18px;  text-align: center;  line-height: 15px; cursor:pointer;}

form.custom label, .custom_form label {display: inline-block; /*text-transform: uppercase*/;font-size: 13px;color: #484242; font-weight:600 } 
form.custom label.no{font-weight:500}
form.custom input:not([type=radio]):not([type=checkbox]), .custom_form input:not([type=radio]):not([type=checkbox]){font-size:13px; height:35px; padding-left:10px;border-radius: 5px; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18); border-color: #cecece;}
form.custom select, .custom_form select {font-size:13px; height:35px; border-radius: 5px; appearance: menulist !important; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18); border-color: #cecece; padding:4px 10px} 
form.custom textarea {font-size:13px; border-radius: 5px; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18); border-color: #cecece; padding:4px 10px} 

.add_pd_table{width:100%}
.add_pd_table th{font-weight: 600; font-size:12px; padding: 5px 5px; background: #eee; border: 0px solid #ccc;}
.add_pd_table td{padding:5px}
.add_pd_table td input{border-radius:3px !important ; height: 30px !important;}
.add_pd_table td select{height: 30px !important;}

.view_modal_table{border:1px solid #eee; width:100%; background:#fff}
.view_modal_table thead th{font-weight:600; background: #a3a3a3; color: #fff; padding:5px 7px 5px 7px; border:1px solid #fff; font-size: 12px}
.view_modal_table tfoot th{font-weight:600; background: #e0e0e0; padding:5px 10px; border:1px solid #fff; font-size: 12px ; border:1px solid #eee}
.view_modal_table td{padding:5px 7px 5px 7px; vertical-align:top; font-size: 13px; border:1px solid #eee;}

.pull-right{float:right}

.icon-input {
  display: flex;
}
.icon-box {
  width: 40px;
  border: 1px solid #cecece;
  text-align: center;
  padding-top: 5px;
  box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18);
}
.input-box {
  width: 100%;
}

.suggestionArea {
  position: absolute;
  background: #fff;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
  min-width: 350px;
  z-index: 99;
  max-height: 350px;
  overflow-y: auto;
}
.suggestionArea ul {
  padding-left: 0px;
  margin-left: 0px;
  padding-top: 10px;
}
.suggestionArea ul li {
  list-style: none;
  padding: 5px 10px;
  font-size: 13px;
  cursor: pointer;
  clear: both;
  width: 100%;
  display: inline-block;
}
.suggestionArea ul li:hover {
  background: #f8dfcc;
}
.suggestionArea li span {
  display: inline-block;
} 
.nav-tabs .nav-link{color: #3c88b6; font-size: 14px; font-weight: 600;}
/*.select2-container{z-index: 1050 !important}*/