/* Theme CSS Start */
html,body{font-size:16px;color: #252930;}
.menu-icon{width:24px;height:24px;margin-right:10px;display:inline-block;}
.icon-dashboard{background:url("../img/dasboard.png") center center no-repeat;}
.icon-view{background:url("../img/view_lead.png") center center no-repeat;}
.sidebar .nav .nav-item.active > .nav-link svg, .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link i.icon-dashboard, .sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"] svg{color: #ff0000;}
.sidebar .nav .nav-item.active > .nav-link i.icon-dashboard, .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link i.icon-dashboard, .sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"] i.icon-dashboard{background:url("../img/dasboard_active.png") center center no-repeat;}
.sidebar .nav .nav-item.active > .nav-link i.icon-view, .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link i.icon-view, .sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"] i.icon-view{background:url("../img/view_lead_active.png") center center no-repeat;}
.sys-logo{letter-spacing:.95rem;display: inline-block;font-size: .95rem;color: #fff;}.sys-logo b{letter-spacing:0rem;}
#profileDropdown{display:flex;color:#fff;}#profileDropdown h6{color:#fff;margin-bottom:0px;font-size:14px;}.username{padding-left:8px;align-self:center;}#profileDropdown p{font-size:0.7rem;line-height:15px;}
.sidebar .nav:not(.sub-menu) {margin-top: 18px;}.sidebar .nav .nav-item .nav-link .menu-title{font-size:1rem;font-weight:400;}.sidebar .nav .nav-item .nav-link .menu-icon,.sidebar .nav .nav-item .nav-link i.menu-icon{margin-right: 12px;}
.grid-margin {margin-bottom: 14px;}
.page-heading{background:#fff;-webkit-box-shadow: 0px 5px 21px -5px #cdd1e1;-moz-box-shadow: 0px 5px 21px -5px #CDD1E1;box-shadow: 0px 5px 21px -5px #cdd1e1;margin-left:-2.375rem;margin-right:-2.375rem;padding:1.5rem 2.375rem;}.page-heading h3{margin:0;font-size:1.375rem;}
.card{border-radius:6px;overflow:hidden;}.card .card-header{border-bottom:1px solid #ecedee;background:#fff;padding: 1rem 1.725rem;}.card .card-body {padding: 1.25rem 1.725rem;}.card:hover,.card .card-body:hover {text-decoration:none;}

/**Form**/
.form-group label{font-weight:700;}
.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint,select.form-control, select.asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row select, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.typeahead, select.tt-query, select.tt-hint{background:#fbfafa;height: auto;padding: 0.475rem 1.175rem;font-size: 0.875rem;font-weight: 400;line-height: 24px;border-radius:4px;outline: 0px solid #CED4DA;border: 1px solid #CED4DA;}
.form-group {margin-bottom: 1rem;}
select.form-control{background-image:url('../img/select_arrow.png');background-position:right center;background-repeat:no-repeat;color:#252930}
#newLead .tab-content{border: 0px solid #CED4DA;border-top: 0;padding: 0rem 0rem;text-align: justify;}
#newLead .nav-pills {border-bottom: 0px solid #CED4DA;}
#newLead .nav-pills li{margin-right:14px;}#newLead .nav-pills li a{display:block;padding:10px 15px;min-width:185px;background:#f3f3f3;font-size:1rem;font-weight:700;text-align:center;line-height:28px;color:#000;border-radius:6px;}#newLead .nav-pills li a:hover{background:#ffe5e5;text-decoration:none;}#newLead .nav-pills li a.active,#newLead .nav-pills li a.active:hover{background:#ff0000;text-decoration:none;color:#fff;}
textarea.form-control{height:100px;}
.table thead th{background:#fbfbfb;color:#000;font-weight:700;font-size:14px;}
.filter{background:#f6f6f6;padding:15px;margin-bottom:20px;}.filter .form-control{background-color:#fff;}
.table th, .jsgrid .jsgrid-table th, .table td, .jsgrid .jsgrid-table td {padding: 1.125rem 10px;font-size:13px;}
.table td.lead-discription,.table td.remark{font-size:12px;max-width:150px;line-height:normal;white-space:normal;}
/* .dataTables_wrapper .dataTable.table .btn{padding:0;width:28px;height:28px;margin:2px;border:1px solid #000;border-radius:4px;line-height:28px;max-width: 28px;
min-width: 28px;} */
.btn.btn-email,.btn.btn-edit,.btn.btn-view,.btn.btn-delete{background-image:url("../img/btn_icons.png");background-repeat:no-repeat;width:28px;height:28px;margin:2px;border:1px solid #000;border-radius:4px;line-height:28px;max-width: 28px;min-width: 28px;padding:0px;}
.btn.btn-delete{background-position:-119px 4px;}.btn.btn-delete:hover{background-position:-119px -17px;}
.btn.btn-email{background-position:2px 3px;}.btn.btn-email:hover{background-position:2px -19px;}
.btn.btn-edit{background-position:-38px 3px;}.btn.btn-edit:hover{background-position:-38px -19px;}
.btn.btn-view{background-position:-77px 3px;}.btn.btn-view:hover{background-position:-77px -19px;}
.Qualified,.nonQualified{min-width:92px;font-size:12px;font-weight:500;text-align:center;line-height:26px;border-radius:4px;padding:0px 5px;display: block;}.Qualified{background:#defbcb;color:#308101;}.nonQualified{background:#feeaeb;color:#fe0000;}
.expanded-row td.row-bg {border: 0px;background: #f1f1f1;border-radius: 6px;}
.expanded-row td.row-bg .address{max-width: 300px;white-space: normal;}.expanded-row td.row-bg .Consoler_remark{max-width: 200px;white-space: normal;}
.cell-hilighted{background: #ff0000;padding: 10px;border-radius: 6px;color: #fff;margin-right:20px;}

.background-lightbox{background:#000;opacity:0;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1031;display:none;transition:all ease-in-out 300ms;}
.open-mail .background-lightbox{background:#000;opacity:0.7;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1031;display:block;}
.emailWrapper{background:#fff;position:fixed;right:20px;bottom:-100%;z-index:1032;border-radius:6px 6px 0 0;overflow:hidden;width:80%;max-width:700px;height:100%;height:70vh;max-height:calc(100vh - 100px);min-height:50vh;transition:all 300ms ease-in-out 300ms;}
.open-mail .emailWrapper{bottom:0px;}
.email-header{background:#292525;padding:6px 15px;color:#fff;line-height:32px;}
.white-space-nowrap{white-space:nowrap;}
.close .btn.btn-close{width:32px;height:32px;min-width:28px;padding:0px;color:#fff;background:rgba(255,255,255,.2);position:static;border-radius:4px;}
.email-header .close{flex:0 0 32px;max-width:32px;color:#fff;padding:0px;}
.email-header .date{max-width:150px;font-size:12px;}
.email-body{padding:20px 30px;font-size:14px;font-weight:500;overflow: auto;max-height: 75%;}
.email-footer{position:absolute;bottom:0px;width:100%;padding:8px 30px;z-index:10;background:#fff;}
.email-body .label{color:#a6a6a6;max-width:160px;margin:8px 0;}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;margin-left:12px;
}

.btn.btn-attached {
  border: 0px solid gray;
  color: #000;
  background-color: transparent;
  padding: 8px 8px;
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;min-width:42px;max-width:42px;
}
.upload-btn-wrapper:hover .btn.btn-attached {cursor:pointer;background:rgba(0,0,0,.2);}
.email-footer .btn.btn-primary{border-radius:4px;padding:6px 12px;min-width:120px;margin:0px;}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width:100%;height:42px;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
  border-radius:4px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #f00;
  border-radius:4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d40202;
  border-radius:4px;
}

.date-dropdown{border:1px solid #dde0e3;border-radius:4px;}.date-dropdown .btn, .date-dropdown .btn:hover{border:0px;}
.card-icon{padding-right:100px;}
.card-icon i{position:absolute;right:15px;top:50%;width:72px;height:72px;background-color:#ffe5e5;border-radius:50%;margin-top:-36px;}
.lead{background-image:url("../img/lead.png");background-position:center;background-repeat:no-repeat;}
.qualified{background-image:url("../img/qualified.png");background-position:center;background-repeat:no-repeat;}
.non-qualified{background-image:url("../img/non-qualified.png");background-position:center;background-repeat:no-repeat;}
.card-icon h2{font-size:1.875rem;color:#252930;font-weight:900;}.card-icon p{font-size:1rem;color:#9a9ea4;font-weight:500;}
.qualifiedLeadNav{border:0px;}.qualifiedLeadNav li{border-left:1px solid #caced2;padding:.725rem 1rem;width:20%;}.qualifiedLeadNav li:first-child{border:0px;padding-left:0px;}.qualifiedLeadNav li a{color:#9a9ea4;font-size:.725rem;font-weight:400;}.qualifiedLeadNav li a h3{color:#252930;font-size:1.875rem;font-weight:900;margin:.725rem 0;}.condition{margin-left:8px;font-size:.725rem;align-self:center;vertical-align:middle;display:inline-block;line-height:24px;}.qualifiedLeadNav li a:hover{text-decoration:none;color:#000;}.qualifiedLeadNav li a.active h3{color:#ff0000;}
.tbl-sticky{overflow:auto;max-height:290px;}.tbl-sticky>table {text-align: left;position: relative;border-collapse: collapse;}.tbl-sticky>table>thead>tr>th {color: #000;background:#f8f8f8;position: sticky;top: 0;z-index: 2;text-transform:uppercase;}
@media all and (max-width:992px){.tbl-sticky{max-width:100%;overflow:auto;}}
.qualifiedLeadsWrap .tab-content{background:#f8f8f8;padding:15px;border-radius:4px;}
.report-table.table th,.report-table.table td{font-size:1rem;padding: 13px 10px;}
.progress-bar.bg-primary{}
.progress.progress-md {
    height: 8px;
}
.report-table .progress {width:80%;max-width:300px;}.report-table .progrss-count{display:inline-block;vertical-align:middle;font-size:.725rem;font-weight:400;margin-left:6px;}.report-table h5{min-width:50%;}.report-table h5 a{display:block;color:#212529;}.report-table h5 a:hover{display:block;color:#f00;text-decoration:none;}
.light-red-bg{background:#fff5f5;border:1px solid #f1f2f3;padding:1.3rem;}.light-red-bg .img{max-width:80px;}.light-red-bg p{color:#7e7e7e;font-size:14px;}.light-red-bg h3{color:#252930;font-size:1.875rem;margin:0;font-weight:900;}
.channel{margin-left:-10px;margin-right:-10px;}.channel .col-12{padding-left:10px;padding-right:10px;}
.link,a.link{font-size:1.1rem;font-weight:700;color:#212529}
.btn.btn-action{padding:2px 12px;border-radius:4px;min-width:80px;}
ul.pagination {margin: 2px 0;white-space: nowrap;justify-content: flex-end;}
.dataTables_length label {font-size: .8125rem;font-weight: normal;text-align: left;white-space: nowrap;}
div.dataTables_length select {width: auto;display: inline-block;min-width: 70px;margin-left: .25rem;margin-right: .25rem;border-radius: 4px;padding-left:8px;}
.btn-close{background:#000;border-radius:50%;position:absolute;right:10px;top:10px;width:32px;height:32px;line-height:32px;text-align:center;border:0px;color:#fff;}
.modal-footer{border:0}.modal .modal-dialog .modal-content .modal-footer {padding: 0px 26px 15px;justify-content: flex-start;}.modal .modal-dialog .modal-content .modal-footer .btn {padding: 4px 15px;min-width:100px;font-size:1rem;font-weight:400;}
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"] {
    border-radius: 10px 10px 0 0;
    background: #fff;
    color: #ff0000;
}
.sidebar .nav > .nav-item > .nav-link .menu-arrow{color: #5f6783;position: absolute;right: 5px;top: 10px;width: 18px;transition: all ease-in-out 300ms;}
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link{position: relative;}
.nav-link[aria-expanded="true"] .menu-arrow {transform: rotate(180deg);}
.sidebar .nav.sub-menu{border-radius: 0 0 10px 10px;color: #fff;padding: 15px;list-style-type: none;padding-left: 20px;}
.sidebar .nav.sub-menu li{margin: 0 0 .5rem !important;flex: 0 0 90%;}
.sidebar .nav.sub-menu .nav-item .nav-link {color: #fff;font-size: 80%;padding-top: 0;padding-bottom: 0;min-height: 20px;display: block;padding: 0.5rem 1rem;}
.sidebar .nav.sub-menu .nav-item .nav-link:hover{color:#fbcdcd;text-decoration: none;}