:root {
  --theme-cl: #600096;
  --theme-dbcl:#CBABE8;
  --white: #ffffff;
  --stage-clr-1: #33d391;
  --stage-clr-2: #fdbc64;
  --stage-clr-3: #3ac6c6;
  --stage-clr-4: #ffc4c4;
  --stage-clr-5: #ffe3f5;
} 

 

.btn.btn-primary{background-color: #e95f29; border-color: #e95f29}

.csBtn{padding: 5px 10px; font-size: 14px; border-radius: 2px; font-weight: 500; text-decoration: none; cursor:pointer;}
.csBtn.md{padding: 5px 20px; font-size: 15px;}
.csBtn.lg{padding: 5px 20px; font-size: 16px;}
.csBtn.block{width:100%}
.csBtn.sm{padding: 2px 5px; font-size: 13px; border-radius: 4px; font-weight: 500;}
.csBtn.xsm{padding: 0px 5px; font-size: 11px; border-radius: 4px; font-weight: 500;}
.csBtn.primary{border:1px solid  var(--theme-cl); background: var(--theme-cl);  color: #fff} 
.csBtn.primary:disabled{background:var(--theme-dbcl) !important;border-color: var(--theme-dbcl) !important}
.csBtn.success{border:1px solid  #1ba208; background: #1ba208;  color: #fff}
.csBtn.success:disabled{border:1px solid  var(--theme-dbcl); background: var(--theme-dbcl);  color: #fff}
.csBtn.basic{border: 1px solid #dfdfdf;background: #f0f0f0;color: #6a6a6a;}
.csBtn.basic:hover{border: 1px solid #d0cfcf;}
.csBtn.warning{border: 1px solid #ffc107;background: #ffc107;color: #fff;}
.csBtn.info{border: 1px solid #58c8e1;background: #58c8e1;color: #fff;}
.csBtn.default{border: 1px dashed #444;background: #fff;color: #6a6a6a;}
.csBtn.danger{border: 1px solid #ff5252;background: #fff;color: #ff5252;}
.csBtn.dark{border: 1px solid #2e3138;background: #2e3138;color: #fff;}
.csBtn.black{border: 1px solid #000;background: #000;color: #fff;}
.csBtn.grey{border: 1px solid #5c6370;background: #5c6370;color: #fff;}
.csBtn.navy{background:#001f3f; border: 1px solid #001f3f;color: #fff;}
.csBtn.purple{background:#001f3f; border: 1px solid #001f3f;color: #fff;}
.csBtn.white{background:#fff; border: 1px solid #444;color: #444;}
.csBtn i{font-size:12px}
.cursor{cursor:pointer}

.cs_card{padding:15px 15px 15px 15px; background:#fff; border-radius:5px; box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);}

form.custom label, .custom_form label {display: inline-block; /*text-transform: uppercase*/;font-size: 13px;color: #484242; 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:34px; padding-left:10px;border-radius: 2px; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18); border-color: #cecece;}

form.custom select, .custom_form select {font-size:13px; height:34px; border-radius: 2px; appearance: menulist !important; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18); border-color: #cecece;} 
form.custom input.error{border:1px solid red !important;}

form.custom textarea, .custom_form textarea {font-size:13px; border-radius: 2px; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18); border-color: #cecece;}
select.form-control {font-size:13px; height:34px; padding: 5px 5px 5px 10px;}
.form-control:focus{box-shadow:none !important; outline:none !important; border:1px solid #666 !important}
form.custom .form-control:focus{box-shadow:none !important; outline:none !important; border:1px solid #666 !important}
span.add_more{font-size:13px; color: var(--theme-cl); cursor: pointer}
span.add_more.lg{font-size:15px}
.add_product_price_table{border:1px solid #eee; width:100%}
.add_product_price_table thead th{font-weight:600; background: #673782; color: #fff; padding:5px 10px; border:1px solid #fff; font-size: 13px}
.add_product_price_table td{padding:6px 10px 6px 10px; vertical-align:top}
.add_product_variation_price_table{border:1px solid #eee; width:100%}
.add_product_variation_price_table thead th{font-weight:600; background: #6659a3; color: #fff; padding:4px 10px; font-size:13px; vertical-align: bottom; border:1px solid #fff}
.add_product_variation_price_table td{padding:5px 8px 5px 8px;}

.view_sub_table{border:1px solid #eee; width:100%}
.view_sub_table thead th{font-weight:600; background: #6d5197; color: #fff; padding:5px 10px; border:1px solid #fff; font-size: 13px}
.view_sub_table td{padding:6px 10px 6px 10px; vertical-align:top; font-size: 13px; background: #fff;} 
.pull-right{float: right}
.hide{display:none;}

.cs_table th{font-weight:600; font-size: 13px;}
.cs_table td{color:#444; font-size:14px}

.scrollable{max-width:100%; overflow:auto;}
.scrollable table{border-collapse:collapse!important ;background: #fff;}
.scrollable thead th{position:-webkit-sticky!important; position:sticky!important; top:0!important; line-height: 16px;} 
.scrollable thead th:first-child{left:0!important;z-index:1!important; border-left: 1px solid #dee2e6;  }
.scrollable thead th:last-child{left:0!important;z-index:1!important; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6;}
.scrollable thead th{background:#f8f8f8 !important;color:#444 !important;white-space: nowrap;font-family: arial;letter-spacing: 1px;font-weight: 600;font-size: 12px!important; font-family:Roboto,sans-serif;/*text-transform: uppercase;*/ padding: 7px 7px; border-top: 2px solid #dee2e6;z-index: 2;}
.scrollable tbody th{position:-webkit-sticky!important;position:sticky!important;left:0!important}
.scrollable tbody th{background:#fff!important;border-right:1px solid #ccc!important; padding: 5px 7px !important;} 
.scrollable table td{padding: 5px 7px !important;  font-size: 13px; border: 1px solid #dee2e6; color: #495057;}

 
.select2-container{width:100% !important; min-width:120px}
/*.select2-container{z-index: 50}
.select2-container, {z-index: 1050 !important}*/
.select2-container{z-index: 1050 !important}
.select2-container .select2-selection--single{height:35px !important; font-size:13px; border-radius: 0px; border-color: #cecece; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18);}
.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}
.nav_filter  .select2-container .select2-selection--single{border-radius:6px}
.font10{font-size: 10px !important}
.font11{font-size: 11px !important}
.font12{font-size: 12px !important}
.font13{font-size: 13px !important}
.font14{font-size: 14px !important}
.font15{font-size: 15px !important}
.font16{font-size: 16px !important}
.font17{font-size: 17px !important}
.font18{font-size: 18px !important}
.font19{font-size: 19px !important}
.font20{font-size: 20px !important}
.font25{font-size: 25px !important}
.font30{font-size: 30px !important}
.font35{font-size: 35px !important}
.font40{font-size: 40px !important}
.br0{border-radius: 0px !important}
.br2{border-radius: 3px !important}
.br3{border-radius: 3px !important}
.br5{border-radius: 5px !important}
.br8{border-radius: 8px !important}
.br10{border-radius:10px !important}
.br20{border-radius:20px !important}
.fw400{font-weight:400 !important}
.fw500{font-weight:500 !important}
.fw600{font-weight:600 !important}
.fw700{font-weight:700 !important}
.txt_undl{text-decoration:underline;}

.nav_filter input{font-size:13px; height:35px; border-radius: 6px; border: 1px solid #cecece !important; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18);}
.nav_filter select{appearance:menulist; border-radius: 6px; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18); border-color: #cecece; padding:5px 10px}
.nav_filter label{font-size:12px; margin-bottom: 2px}
.sidebar{padding:20px 10px;}
.sidebar-nav .nav-link{font-size:13px; padding: 7px 10px; color: #fff; background: var(--theme-cl);}
.sidebar-nav .nav-link i{color: #fff;}
.sidebar-nav .nav-link:hover i {
  color: var(--theme-cl);
}
.sidebar-nav .nav-link:hover {
  color: var(--theme-cl);
  background:#e5c6ff42;
}
.sidebar-nav .nav-content a:hover, .sidebar-nav .nav-content a.active {
  color: #4154f1;
}
.sidebar-nav .nav-content a {font-size: 13px; font-weight: 500; padding: 7px 0 7px 20px; }
p.page_desc{color: #919191;font-size: 14px;}

.sidebar-nav .nav-link{}

td .dropdown.action ul{padding: 2px 0px;}
td .dropdown.action a{padding: 5px 15px; font-size: 14px; color; #444}
td .dropdown.action a i{font-size:12px; width:12px}

.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);}
.button-box{width:40px; border:1px solid #cecece; text-align: center; padding-top:0px; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18);}
.button-box button {border-radius:0px; width: 100%;height: 100%; background: #eee; border: #eee; }
.button-box button:hover{background:#c4c4c4}
.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 ul li.disabled{color:#ccc}

.form-control::placeholder { color: rgba(133, 135, 138, 0.75); opacity: 1; }

.page-item a{color:#777}
.page-item.active a{background-color:var(--theme-cl);border-color:var(--theme-cl); color: #fff}
 
.view_product_price_table{border:1px solid #eee; width:100%}
.view_product_price_table thead th{font-weight:600; background: #5cb85c; color: #fff; padding:5px 10px; border:1px solid #fff; font-size: 12px}
.view_product_price_table td{padding:6px 10px 6px 10px; vertical-align:top; font-size: 13px; border:1px solid #eee;}
.view_product_price_table tfoot th{padding:6px 10px 6px 10px; vertical-align:top; font-size: 13px; border:1px solid #eee;}
.table_price_overview tr td:first-child(font-weight:600)
.table_price_overview td{padding:6px 10px 6px 10px; vertical-align:top; font-size: 13px; border-bottom:1px solid #eee;} 
 
.bg-navy {background-color: #001f3f !important;}
.text-white {color: #fff !important;}
 

.pd_sp_tag{background:#eee; border-radius: 20px; padding: 5px 5px 5px 10px; display: inline; font-size: 13px; margin-right:5px; cursor:pointer;}
.pd_sp_tag .remove{background:red; color: #fff;display: inline-block;height: 20px;width: 20px;border-radius: 50%;margin-left: 8px;text-align: center;}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.nav-tabs{ }
.nav-tabs a.active {
  border-bottom: 2px solid #55c57a; border-radius:0px;
}

.nav-tabs .nav-link {
  color: rgb(110, 110, 110);
  font-weight: 500; border-radius:0px; border: 1px solid transparent; font-size:14px;
} 

.nav-tabs .nav-link:hover {
   border-radius:1px solid transparent;
}
.nav-link:hover {color: #55c57a;}
.nav-tabs .nav-link.active {color: black;background-color: white; font-size:14px; font-weight: 600;}
.tab-content.tab-border{border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; padding-bottom: 0px}
.tab-content.tab-border .tab-pane{padding:0px}

#dateRangefilter{font-size:13px;  min-width: 130px; height: 34px;border: 1px solid #cecece !important;padding: 6px 10px;background: #fff;cursor: pointer;border-radius: 3px;border-radius: 6px; text-align:left; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18);  }
.pos_open_body{width:100%; height:100vh; background:#eee; top: 0px; left:0px; position:fixed; z-index: 999; display:none; overflow-y:auto} 
.add_product_price_table .view_img img{width:40px; height:40px; object-fit:cover}
.suggestionArea img{width:35px; height:35px; object-fit:cover; margin-right: 10px; float: left;}
.suggestionArea li span{display:inline-block}
.list_view_img img:hover{width:80px; height:80px; position:absolute; margin-left:-20px ; margin-top: -20px; z-index: 9;  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1); border-radius: 3px} 

.tagify__tag > div > :only-child{font-size:13px}
.tagify { /*height: 35px;*/}
.tagify__tag > div{padding:2px 5px 2px 5px}
.tagify__input{font-size:13px; padding:2px 5px 2px 5px}
 
.view_modal_table{border:1px solid #eee; width:100%}
.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;}
.pd_item_checked{width:16px; height: 16px}

.sidebar-nav .nav-content a { 
  color: #2f3641;
}

.sidebar-nav .nav-content a i.bi-plus{font-size: 14px;margin-right: 4px;margin-left: -4px;}
.sidebar-nav .nav-content a i.bi-file-earmark-excel{font-size: 11px;margin-right: 5px;margin-left: -3px;}
.sidebar-nav .nav-content a i.bi-upload{font-size: 11px;margin-right: 5px;margin-left: -3px;}
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;}

.print_section {display: none ;}
.invoice {position: relative;  background: #fff; border: 1px solid #f4f4f4; padding: 20px; margin: 10px 25px; z-index:9999p;}


.invoice{position:relative;background:#fff;border:1px solid #f4f4f4;padding:20px;margin:10px 25px}

@media print{.content-header,.left-side,#sidebar,#header,.no-print{display:none!important}.content-wrapper,.main-footer,.right-side{margin-left:0!important;min-height:0!important;-webkit-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;-o-transform:translate(0,0)!important;transform:translate(0,0)!important}.fixed .content-wrapper,.fixed .right-side{padding-top:0!important}.invoice{width:100%;border:0;margin:0;padding:0}.invoice-col{float:left;width:33.3333333%}.table-responsive{overflow:auto}.table-responsive>.table tr td,.table-responsive>.table tr th{white-space:normal!important}}


@media print{
  .invoice {width:80mm;}
  .invoice{width:100%;border:0;margin:0;padding:0;  height:100% ; overflow-y:auto; background:#fff} 
  .print_section {display: block ;}
  .modal-backdrop{display:none;}
  #toast-container{display:none !important}
  #toolbarContainer{display:none !important}
  body{background:#fff}
}

input:read-only {
  background-color: #f4f4f4; 
}

.line_through{text-decoration: line-through;}  

.suggestionArea.pos_search .inner{display:flex; width:100%}
.suggestionArea.pos_search .product{width:100%  ; padding-right: 40px}
.suggestionArea.pos_search .price{width:110px; float:right; text-align: right; padding-right:5px}


.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#673782 !important} 

.wait_loader {width: 20px;aspect-ratio: 1;border-radius: 50%;background: #e3e3e3; box-shadow: 0 0 0 0 #0004; animation: l1 1s infinite;  margin:auto;}
@keyframes l1 {100% {box-shadow: 0 0 0 30px #0000}}

.select2-container--default .select2-selection--multiple .select2-selection__choice{font-size:12px}
.select2-container--default .select2-selection--multiple s.select2-search__field{height:19px !important}

.sv_loader .fa{font-size:13px; margin-left: 5px; display: none}


.lead_area .view-toggle span{padding:4px 9px; border: 1px solid #ccc; border-radius:4px; background: #fff; display: inline-block; cursor:pointer; height:33px}
.lead_area .view-toggle span.active{background:#eee}

.stage-main{ padding: 0px 5px; padding-top: 10px}
.stage-main .stage-inner{ border-radius: 4px 4px 0px 0px}
.stage-main .stage-inner .stage-body{background:#f6f7fb;  border-radius: 0px 0px 10px 10px}
.stage-main .stage-header { padding: 5px 10px; border-radius: 10px 10px 0px 0px}
.stage-main .stage-header .name{display:block; font-size: 14px; font-weight: 600;}
.stage-main .stage-header .count{font-size:12px }
.stage-main .stage-header .value{font-size:12px; float: right; margin-top: 5px;}

.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; border: 1px solid #eee;}
.stage-main .stage-body .lead-tile .title{display:block; font-size: 14px}
.stage-main .stage-body .lead-tile .org{display:block; font-size:14px}
.stage-main .stage-body .lead-tile .person{display:block; font-size:14px; color: #666}
.stage-main .stage-body .lead-tile .phone{display:block; font-size:14px; color: #666}
.stage-main .stage-body .lead-tile .email{display:block; font-size:14px; color: #666} 
.stage-main .stage-body .lead-tile .time{font-size:11px; background:#fffaf2; padding:1px 3px 1px 4px; border-radius:2px; color:#666; border: 1px solid #fdbc64;}
.stage-main .stage-body .lead-tile .time i{font-size:11px}
.stage-main .stage-body .lead-tile .type{font-size: 11px; background: #f9f3ff; padding:1px 3px 1px 4px; border-radius: 2px; color: #575757; border: 1px solid #d3a4ff;}
.ld_owner_img{position: absolute; width:25px ; height:25px; object-fit:cover; border-radius:50%;  right: 2px; top: 1px; border :1px solid #ccc}
.ld_owner_short{position: absolute; width:25px ; height:25px;  border-radius:50%; font-size: 12px; background:#85bab6; color: #fff; text-align: center; padding-top: 4px; right: 3px; top: 3px;}
.ld_owner_short.na{background:#aa79c5}
.stage-bg-1{background:var(--stage-clr-1); color:#fff}
.stage-bg-2{background:var(--stage-clr-2); color:#fff}
.stage-bg-3{background:var(--stage-clr-3); color:#fff}
.stage-bg-4{background:var(--stage-clr-4);}
.stage-bg-5{background:var(--stage-clr-5)}
.stage-bg-6{background:#ffa9e0}
.stage-bg-7{background:#c8d06a}
.stage-bg-8{background:#ffa9e0}
.stage-bg-9{background:#ffa9e0}
.stage-bg-10{background:#ffa9e0}

.lead_detail_section .detail_left_side{width:30%; }
.lead_detail_section .detail_right_side{width:70%; }
.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 .cheader .title{font-weight: 500}
.lead_detail .left-card table td{padding-bottom: 10px; font-size: 13px; line-height: 12px; vertical-align:top}
.lead_detail .left-card table td:first-child{padding-right: 8px;  font-size: 13px; font-weight: 300; }
.lead_detail .left-card table.detail td:nth-child(2){padding-right: 10px; width: 20px;}
.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;}

.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 .pointer.p1.active{background:var(--stage-clr-1)}
.lead_detail .select_pipestage .pointer.p1.active:before{border-left:5px solid var(--stage-clr-1)} 
.lead_detail .select_pipestage .pointer.p1.active:after{border-left:5px solid var(--stage-clr-1)}

.lead_detail .select_pipestage .pointer.p2.active{background:var(--stage-clr-2)}
.lead_detail .select_pipestage .pointer.p2.active:before{border-left:5px solid var(--stage-clr-2)} 

.lead_detail .select_pipestage .pointer.p3.active{background:var(--stage-clr-3)}
.lead_detail .select_pipestage .pointer.p3.active:before{border-left:5px solid var(--stage-clr-3)} 

.lead_detail .select_pipestage .pointer.p4.active{background:var(--stage-clr-4)}
.lead_detail .select_pipestage .pointer.p4.active:before{border-left:5px solid var(--stage-clr-4)} 

.lead_detail .select_pipestage .pointer.p5.active{background:var(--stage-clr-5); color:#444}
.lead_detail .select_pipestage .pointer.p5.active:before{border-left:5px solid var(--stage-clr-5)} 


.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}

.custom.nav-tabs{ }
.custom.nav-tabs .nav-link{padding:5px 12px 8px 12px; border-bottom: 3px solid transparent; font-size: 14px;border:0px; color:#666; cursor: pointer; min-width: 100px;text-align: center;} 
.custom.nav-tabs .nav-link i{margin-right: 5px}
.custom.nav-tabs .nav-link.active{border-bottom: 3px solid var(--theme-cl); color: #000; background:transparent}

.mainland_process_file_area .inner{margin-bottom:10px; border: 1px solid #c4c4c4; padding: 5px 15px; border-radius: 5px;}
.mainland_process_file_area .inner .date{color:#666}
.mainland_process_file_area .inner a{color: #690c0c; font-size: 14px;}
.project_process_tab .accordion-button  .completed-1{position: absolute; right: 350px; top: 6px;}
.project_process_tab .accordion-button  .completed-2{position: absolute; right: 130px; top: 6px;} 
.project_process_tab .process_file_area .inner{margin-bottom:10px; border: 1px solid #c4c4c4; padding: 5px 15px; border-radius: 5px;}
.project_process_tab .process_file_area .inner .date{color:#666}
.project_process_tab .process_file_area .inner a{color: #690c0c; font-size: 14px;} 
.timeline .delete{font-size: 12px;color: #ff5353;float: right;cursor: pointer;}

.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}


.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}

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

.bdr{border-right: 1px solid #444}.bdt{border-top: 1px solid #444}.bdl{border-left: 1px solid #444}.bdb{border-bottom: 1px solid #444}

.print_pdf .pd_table th, .pd_table td{padding:2px; box-sizing: border-box;}
.print_pdf .pd_table thead th{border-bottom:1px solid #444}
.print_pdf .pd_table tbody td{border-bottom:1px solid #444; font-size: 11px}

.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;}

.status_icon .completed {
  color: #09a909;
  font-size: 20px;
  line-height: 0px;
}

.lead_detail_area{position: fixed; width:98%; height:90vh; right:0px; bottom: 0px; background: #f6f7fb;z-index: 999; display: none; box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1); border-left: 1px solid #dbdbdb;}
.lead_detail_area .inner_main{overflow-y: auto;}
.lead_detail_area .close_lead_detail{position:absolute; left: 2px;top: -3px;font-size: 25px;cursor: pointer;z-index: 9;color: #666;}

.suggestArea{position:absolute; background: #fff;  width: 254px; 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}

 .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: 400px;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}

.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}

.calendar_desk .slim-pageheader{display:block!important}
.calendar_desk .slim-pageheader .btn{padding:6px 20px}
.calendar_desk table td{color:#424949!important;padding:6px 10px!important}
.calendar_desk.fc-time,.fc-title{color:#fff!important}
.calendar_desk .day-header-right .active{background:#00f;border-radius:50%;padding:3px 8px;color:#fff}

.calendar_desk .border-right-bottom{border-right:1px solid #cacfd2;border-bottom:1px solid #cacfd2}
.calendar_desk .border-top{border-top:1px solid #cacfd2}
.calendar_desk .calanderviewbox{overflow-y:scroll}
.calendar_desk .slim-footer{margin-top:10px}
 .setTodayDate{background-color: transparent; border: 1px solid #dadce0;  -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 36px;padding: 5px 15px;}
 #setTodayDate:hover{background-color: #f1f3f4; !important}
.calendar_desk #defaultview{height:35px;border-radius:3px;padding-top:5px}
.calendar_desk .changeviewBox{color:#5f6368;cursor:pointer;display: inline-block;width: 35px;text-align: center;border-radius:50%;padding: 7px 0px;font-size: 14px}
.changeviewBox:hover{background: #2021240a}
.calendar_desk .activity-bar{background:#52be80;color:#fff;padding:2px 5px;font-size:12px;border:1px solid #fff;border-radius:5px;position:absolute;line-height:13px;cursor:pointer}
.calendar_desk .activity-bar-2{margin-left:50px}
.calendar_desk .day-activity-bar{background:#52be80;color:#fff;padding:2px 5px;font-size:12px;border:1px solid #fff;border-radius:5px;position:absolute;line-height:13px;cursor:pointer;width:300px}
.calendar_desk .day-activity-bar-2{margin-left:200px}
.calendar_desk .month-activity-bar{background:#52be80;color:#fff;padding:1px 5px;font-size:10px;border:1px solid #fff;border-radius:5px;line-height:13px;cursor:pointer;display:block}
.calendar_desk .shDate{font-size:10px}
.calendar_desk .weekdates{cursor:pointer;border-radius:50%;padding:6px 0px;display:  block;width: 43px;margin: auto;text-align: center;font-size: 20px}
.calendar_desk .weekdates:hover{background:#f1f3f4; color:#000}
.calendar_desk .date-header.active .weekdates{background:#1967d2;color: #fff}
.calendar_desk .date-header.active .weekdays{color: #1967d2}
.calendar_desk .monthdays{cursor:pointer;text-align:center}
.calendar_desk .monthdays:hover{background:#f1f3f4;border-radius:50%;padding:3px 6px;color:#000}
.calendar_desk .monthdays.active{background:#08a742;border-radius:50%;padding:3px 6px;color:#fff!important}
.calendar_desk .monthdays.cactive{background:#08a74240;border-radius:50%;padding:5px;color:#444!important}
.calendar_desk .eventType label{color:#444;font-size:14px;font-weight:500;letter-spacing:.25px;padding:10px 10px 10px 7px;border-radius:4px;cursor:pointer}
.eventType label.active{background:#e8f0fe;color:#1a73e8}
.calendar_desk .showEventActivity h5,.showEventActivity span{word-break:break-all}
.calendar_desk .weekbox{width:12.85%;float:left;min-height:40px;background:#fff; position:relative}
.calendar_desk .time-header{width:10%;float:left;text-align:center}
.time-header span{font-size:11px!important;color:#444} 
.calendar_desk .day-header-left {width: 6%;float: left;text-align: center;}
.calendar_desk .day-header-right {width: 90%;float: left; min-height: 65px} 
.calendar_desk .day-header-right span{ } 
 .calendar_desk .day-header-right .dayDays{display:  block;width: 43px;text-align: center;}
 .calendar_desk .day-header-right .dayDates{cursor:pointer;border-radius:50%;padding:6px 0px;display:  block;width: 43px; text-align: center;font-size: 20px}
.calendar_desk .day-header-right.active .dayDates{background:#1967d2;color: #fff}
.calendar_desk .day-header-right.active .dayDays{color: #1967d2}
.calendar_desk .day-body-right{width: 90%;float: left;  min-height: 40px;background: #fff;border-right:1px solid #cacfd2;border-bottom:1px solid #cacfd2; position:relative}
.calendar_desk .day-body-left{width: 6%;float: left;text-align: center;font-size: 11px!important; color: #444;}
.calendar_desk .dayTimeLeft span{font-size: 11px;color: #444}
.calendar_desk .act-event-bar{background-color: #039BE5;border-radius: 5px; line-height: 13px;cursor: pointer;padding-left: 3px;border-left: 1px solid #fff;}
.calendar_desk .act-event-bar .purpose, .calendar_desk .act-event-bar .shDate{color: #fff;font-size: .85em;}   
.calendar_desk .act-event-bar.day, .calendar_desk .act-event-bar.week{height: 38px;position: absolute;padding-top: 5px;}
.calendar_desk .act-event-bar.month{padding-top: 1px;height: 13px; width: 98%;margin-bottom: 2px;display: block;font-size: 10px}

.closeShowbox{position:absolute;right:3%}
.showEventActivity table td{padding:5px 5px!important;vertical-align:top}
.showEventActivity{border-radius:5px;position:absolute;width:300px;background:#fff;z-index:1111;padding:5px 15px 15px 15px;margin-top:6px;margin-left: -140px;display:none;box-shadow:0 0 2px 0 rgba(0,0,0,.24),0 8px 10px 1px rgba(0,0,0,.05),0 3px 14px 2px rgba(0,0,0,.06),0 5px 5px -3px rgba(0,0,0,.1)}
.text-highlight{font-weight:600; cursor: pointer;}