:root {
  --theme-cl: #012970;
  --theme-dbcl:#CBABE8;
  --white: #ffffff;
  --stage-clr-1: #33d391;
  --stage-clr-2: #fdbc64;
  --stage-clr-3: #3ac6c6;
  --stage-clr-4: #3ac6c6;
  --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: 14px; 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:38px; 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:14px; height:38px; border-radius:5px; 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:14px; border-radius: 5px; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18); border-color: #cecece;}
select.form-control {font-size:14px; height:35px; padding: 5px 8px;}
.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:middle} */
.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} 
.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: #f6f6fd !important; color: #5d7186 !important;white-space: nowrap;font-family: arial;letter-spacing: 1px;font-weight: 600;font-size: 13px !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 7px 7px !important;  font-size: 14px; /*border: 1px solid #dee2e6;*/ color: #495057; vertical-align: middle;}

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

.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:37px; border-radius: 5px; border: 1px solid #cecece !important; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18);}
.nav_filter select{height:37px; appearance:menulist; border-radius: 5px; box-shadow: 0 0px .8px rgba(0, 0, 0, 0.18); border-color: #cecece;}
.nav_filter label{font-size:12px; margin-bottom: 2px}
.sidebar{padding:20px 10px;}
.sidebar-nav .nav-link{font-size:13px; padding: 7px 10px; color: var(--theme-cl); background: #e5c6ff42;}
.sidebar-nav .nav-link i{color: var(--theme-cl);}
.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}
.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: 36px;border: 1px solid #cecece !important;padding: 7px 10px;background: #fff;cursor: pointer;border-radius: 3px;border-radius: 5px; 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;}
.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 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: 13px}
.stage-main .stage-body .lead-tile .org{display:block; font-size:12px}
.stage-main .stage-body .lead-tile .person{display:block; font-size:12px; 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} 
.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;}
.stage-main .stage-1 .stage-header{background:var(--stage-clr-1); color:#fff}
.stage-main .stage-2 .stage-header{background:var(--stage-clr-2); color:#fff}
.stage-main .stage-3 .stage-header{background:var(--stage-clr-3); color:#fff}
.stage-main .stage-4 .stage-header{background:var(--stage-clr-4); color:#fff}
.stage-main .stage-5 .stage-header{background:var(--stage-clr-5)}

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


.cs_switch {position:relative; display:inline-block; width:48px;height:22px}
.cs_switch input{opacity:0;width:0;height:0}
.cs_switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.cs_switch .slider:before{position:absolute;content:"";height:15px;width:15px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.cs_switch input:checked+.slider{background-color:#83c88b}
.cs_switch input:focus+.slider{box-shadow:0 0 1px #83c88b}
.cs_switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}

.right-side-form, .right-side-form-2, .right-side-edit-form{position:fixed; right:0px; width: 550px; background: #fff; height: 100vh; z-index: 9999; top: 0px; box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%); padding: 15px 20px; display:none; overflow-y: auto;}

td .highlight{cursor:pointer; font-weight: 600}

.view_sub_table{/*border:1px solid #eee; */width:100%}
.view_sub_table thead th{font-weight:600; background: #f6f6fd; color: #5d7186; padding: 0.85rem 0.85rem; border:1px solid #fff; font-size: 14px}
.view_sub_table td{padding:6px 10px 6px 10px; vertical-align:middle; font-size: 14px; color: #444; } 

.view_sub_table tbody tr:last-child td {
    border-bottom: 0px;
}
td.pd_image img{object-fit:cover; width:50px; height:40px}
#sidebar-nav .count{background: #7f5a5a;
  display: inline-block;
  position: absolute;
  right: 10px;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  text-align: center; font-size: 12px; padding-top:1px}

  .text-grey{color:#5d7186 !important}

.add_data_section .form_area{display:none;}


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