/* Style for the search input and button */
.search-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

#search {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  flex-grow: 1;
  margin-right: 10px;
}

#search-btn {
  background-color: #4CAF50;
  color: white;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#search-btn:hover {
  background-color: #3e8e41;
}

/* Style for the templates list */
.templates-list {
  border: 1px solid #ccc;
  padding: 1rem;
  max-height: 250px;
  overflow-y: auto;
}

.templates-list h2 {
  margin: 0;
  padding: 0.5rem;
  font-size: 1.2rem;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ccc;
}

.templates-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.templates-list li {
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

.templates-list li:last-child {
  border-bottom: none;
}

.templates-list li:hover {
  background-color: #f1f1f1;
}


/* Style for the template editor */
.template-editor h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

#template-form label {
  display: block;
  margin-bottom: 5px;
}

#template-name,
#template-category,
#template-tags {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 90%;
  margin-bottom: 10px;
}

#template-content {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 90%;
  height: 200px;
  margin-bottom: 10px;
}

.buttons button {
  background-color: #4CAF50;
  color: white;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 10px;
}

.buttons button:hover {
  background-color: #3e8e41;
}

.tag-badge {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
    color: white;
    margin-right: 5px;
    margin-bottom: 2px;
}

/* Mold Buster tags */
.tag-badge-complaint { background-color: #dc3545; }
.tag-badge-potential-client { background-color: #28a745; }
.tag-badge-existing-client { background-color: #007bff; }
.tag-badge-booked-appointment { background-color: #6f42c1; }
.tag-badge-request-for-direct-talk { background-color: #e83e8c; }
.tag-badge-general-inquiry { background-color: #fd7e14; }
.tag-badge-service-request { background-color: #20c997; }
.tag-badge-cancellation { background-color: #17a2b8; }
.tag-badge-rescheduling { background-color: #ffc107; }
.tag-badge-feedback { background-color: #343a40; }
.tag-badge-technical-support { background-color: #6c757d; }
.tag-badge-spam-sales-call { background-color: #6610f2; }
.tag-badge-dropped-call { background-color: #d63384; }
.tag-badge-tenant { background-color: #fd7e14; }
.tag-badge-payment-request { background-color: #dc3545; }
.tag-badge-accepting-estimate { background-color: #20c997; }

/* Michael's voicemail tags */
/* Call Purpose */
.tag-badge-call-purpose-client-inquiry { background-color: #007bff; }
.tag-badge-call-purpose-sales-opportunity { background-color: #28a745; }
.tag-badge-call-purpose-partnership-collaboration { background-color: #6c757d; }
.tag-badge-call-purpose-internal-issue { background-color: #fd7e14; }
.tag-badge-call-purpose-investor-relations { background-color: #ffc107; }
.tag-badge-call-purpose-personal { background-color: #f8f9fa; color: #343a40; }

/* Call Urgency */
.tag-badge-call-urgency-urgent { background-color: #dc3545; }
.tag-badge-call-urgency-high-priority { background-color: #ffc107; }
.tag-badge-call-urgency-medium-priority { background-color: #fd7e14; }
.tag-badge-call-urgency-low-priority { background-color: #6c757d; }

/* Call Outcome */
.tag-badge-call-outcome-follow-up-required { background-color: #28a745; }
.tag-badge-call-outcome-resolved { background-color: #20c997; }
.tag-badge-call-outcome-deferred { background-color: #6f42c1; }
.tag-badge-call-outcome-escalated { background-color: #e83e8c; }

/* Call Source */
.tag-badge-call-source-client { background-color: #007bff; }
.tag-badge-call-source-prospective-client { background-color: #6610f2; }
.tag-badge-call-source-partner { background-color: #17a2b8; }
.tag-badge-call-source-employee { background-color: #6c757d; }
.tag-badge-call-source-investor { background-color: #343a40; }
.tag-badge-call-source-personal-contact { background-color: #f8f9fa; color: #343a40; }

/* Industry/Department */
.tag-badge-industry-department-finance { background-color: #6610f2; }
.tag-badge-industry-department-operations { background-color: #17a2b8; }
.tag-badge-industry-department-sales { background-color: #20c997; }
.tag-badge-industry-department-marketing { background-color: #fd7e14; }
.tag-badge-industry-department-legal { background-color: #28a745; }
.tag-badge-industry-department-hr { background-color: #ffc107; }

/* Sentiment */
.tag-badge-sentiment-positive { background-color: #28a745; }
.tag-badge-sentiment-neutral { background-color: #6c757d; }
.tag-badge-sentiment-negative { background-color: #dc3545; }

/* Call Length */
.tag-badge-call-length-short { background-color: #007bff; }
.tag-badge-call-length-medium { background-color: #fd7e14; }
.tag-badge-call-length-long { background-color: #6f42c1; }

/* Follow-Up Method */
.tag-badge-follow-up-method-email-follow-up { background-color: #20c997; }
.tag-badge-follow-up-method-call-back { background-color: #17a2b8; }
.tag-badge-follow-up-method-meeting-request { background-color: #e83e8c; }
.tag-badge-follow-up-method-task-assigned { background-color: #343a40; }

/* Status */
.tag-badge-status-new { background-color: #ffc107; }
.tag-badge-status-in-progress { background-color: #6c757d; }
.tag-badge-status-completed { background-color: #20c997; }

/* Geographic Location */
.tag-badge-geographic-location-local { background-color: #17a2b8; }
.tag-badge-geographic-location-national { background-color: #dc3545; }
.tag-badge-geographic-location-international { background-color: #6f42c1; }



#pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}

#pagination a {
  display: inline-block;
  padding: 5px 10px;
  margin-left: 5px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #cccccc;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

#pagination a:hover {
  background-color: #007bff;
  color: #ffffff;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);body{color:#3e3e3e;background:#f1f2f7;font-family:'Open Sans',sans-serif!important;padding:0!important;margin:0!important;font-size:13px}.thumb-image{width:200px}.mt-15{margin-top:15px}.mt-30{margin-top:30px}.mt-50{margin-top:50px}.mt-100{margin-top:100px}.mt-150{margin-top:150px}.mr-15{margin-right:15px}.mr-30{margin-right:30px}.mr-50{margin-right:50px}.mr-100{margin-right:100px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-30{margin-bottom:30px}.mb-50{margin-bottom:50px}.mb-100{margin-bottom:100px}.ml-15{margin-left:15px}.ml-30{margin-left:30px}.ml-50{margin-left:50px}.ml-100{margin-left:100px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-30{padding-top:30px}.pt-50{padding-top:50px}.pt-100{padding-top:100px}.pt-150{padding-top:150px}.pr-15{padding-right:15px}.pr-30{padding-right:30px}.pr-50{padding-right:50px}.pr-100{padding-right:100px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-50{padding-bottom:50px}.pb-100{padding-bottom:100px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-30{padding-left:30px}.pl-50{padding-left:50px}.pl-100{padding-left:100px}.no-margin{margin:0!important}.no-padding{padding:0!important}#login-form{background:#fe8c70;}#login-form .login-title{padding-top:80px;color:#fff}#login-form .login-title span{font-size:30px;line-height:1.9;display:block;font-weight:700}#login-form .form-box{position:relative;background:#fffc;max-width:375px;width:100%;box-shadow:0 0 3px rgba(0,0,0,.1);padding:30px}#login-form .caption{margin-bottom:40px}#login-form .login-form input[type=password],#login-form .login-form input[type=text]{margin-bottom:10px}#login-form .login-form input{outline:0;display:block;width:100%;border:1px solid #d9d9d9;margin:0 0 20px;padding:10px 15px;box-sizing:border-box;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;min-height:40px;font-wieght:400;-webkit-transition:.3s ease;transition:.3s ease}#login-form .login-form input[type=submit]{cursor:pointer;background:#ef5623;width:100%;border:0;padding:8px 15px;color:#fff;-webkit-transition:.3s ease;transition:.3s ease;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;min-height:40px}.info-box-content{padding:20px 10px;margin-left:90px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.state-overview .symbol,.state-overview .value{display:inline-block;text-align:center}.state-overview .value{float:right}.state-overview .value h1,.state-overview .value p{margin:0;padding:0;color:#c6cad6}.state-overview .value h1{font-weight:300}.state-overview .symbol i{color:#fff;font-size:50px}.state-overview .symbol{width:40%;padding:25px 15px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.state-overview .value{width:58%;padding-top:21px}.state-overview .terques{background:#6ccac9}.state-overview .red{background:#ff6c60}.state-overview .yellow{background:#f8d347}.state-overview .blue{background:#57c8f2}.tagsinput{border:1px solid #e3e6ed;border-radius:6px;height:100px;padding:6px 1px 1px 6px;overflow-y:auto;text-align:left}.tagsinput .tag{border-radius:4px;background-color:#41cac0;color:#fff;cursor:pointer;margin-right:5px;margin-bottom:5px;overflow:hidden;line-height:15px;padding:6px 13px 8px 19px;position:relative;vertical-align:middle;display:inline-block;zoom:1;-webkit-transition:.14s linear;-moz-transition:.14s linear;-o-transition:.14s linear;transition:.14s linear;-webkit-backface-visibility:hidden}.tagsinput .tag:hover{background-color:#39b1a8;color:#fff;padding-left:12px;padding-right:20px}.tagsinput .tag:hover .tagsinput-remove-link{color:#fff;opacity:1}.tagsinput input{background:0 0;border:none;color:#34495e;font-family:Lato,sans-serif;font-size:14px;margin:0;padding:0 0 0 5px;outline:0;margin-right:5px;margin-bottom:5px;width:12px}.tagsinput-remove-link{bottom:0;color:#fff;cursor:pointer;font-size:12px;opacity:0;padding:7px 7px 5px 0;position:absolute;right:0;text-align:right;text-decoration:none;top:0;width:100%;z-index:2}.tagsinput-remove-link:before{color:#fff;content:"\f00d";font-family:FontAwesome}.tagsinput-add-container{vertical-align:middle;display:inline-block;zoom:1}.tagsinput-add{background-color:#d6dbdf;border-radius:3px;color:#fff;cursor:pointer;margin-bottom:5px;padding:6px 9px;display:inline-block;zoom:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;-webkit-backface-visibility:hidden}.tagsinput-add:hover{background-color:#3bb8af}.tagsinput-add:before{content:"\f067";font-family:FontAwesome}.tags_clear{clear:both;width:100%;height:0}.adv-table table tr td{padding:10px}.adv-table table.display thead th{border-bottom:1px solid #ddd;padding:10px}tr.even.gradeA td.sorting_1,tr.odd td.sorting_1,tr.odd.gradeA td.sorting_1{background:0 0}td.details{background-color:#eee}.dataTable tr:last-child,td.details table tr td{border:none}.adv-table table.display tr.odd.gradeA{background-color:#f9f9f9}.adv-table table.display tr.even.gradeA{background-color:#fff}.adv-table .dataTables_filter label input{float:right;margin-left:10px;width:78%}.adv-table .dataTables_filter label{line-height:33px;width:100%}.adv-table .dataTables_length select{display:inline-block;margin:0 10px 0 0;padding:5px 8px;width:65px}.adv-table .dataTables_info,.dataTables_paginate{padding:15px 0}.adv-table .dataTables_filter,.adv-table .dataTables_length{padding:15px 0}.full-width #main-content{margin-left:0}.horizontal-menu{margin-left:50px;float:left}.horizontal-menu .navbar-nav>li>a{padding-bottom:20px;padding-top:20px}.full-width .navbar-header{width:100%}.full-width .nav .open>a,.full-width .nav .open>a:focus,.full-width .nav .open>a:hover,.full-width .nav li.active a,.full-width .nav li.dropdown a:hover,.full-width .nav li.dropdown.open a:focus,.full-width .nav>li>a:hover{background-color:#f77b6f;text-decoration:none;color:#fff;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}.full-width .dropdown-menu{box-shadow:none}.full-width .dropdown-menu>li>a{padding:10px 20px;font-size:13px}.box{border:0}.box-header{color:#fff;padding:4px 0 0 15px;margin-bottom:20px;background:#00bcd4}.box-title{padding:10px}.box-body{padding:20px}.my-form-body{margin:0 auto;width:70%;padding-top:40px}label{font-weight:500}.form-control{border-radius:4px}.flash-msg{display:inline-block;position:absolute;top:50px;right:0;z-index:1}.form-body{padding:20px}.panel-heading{margin-bottom:10px}input[type=checkbox].tgl-ios{position:absolute;margin:8px 0 0 16px}input[type=checkbox].tgl-ios+label{position:relative;padding:5px 0 0 50px;line-height:2em}input[type=checkbox].tgl-ios+label:before{content:"";position:absolute;display:block;left:0;top:0;width:50px;height:24px;border-radius:16px;background:#fff;border:1px solid #d9d9d9;-webkit-transition:all .3s;transition:all .3s}input[type=checkbox].tgl-ios+label:after{content:"";position:absolute;display:block;left:0;top:0;width:24px;height:24px;border-radius:16px;background:#fff;border:1px solid #d9d9d9;-webkit-transition:all .3s;transition:all .3s}input[type=checkbox].tgl-ios+label:hover:after{box-shadow:0 0 5px rgba(0,0,0,.3)}input[type=checkbox].tgl-ios:checked+label:after{margin-left:26px}input[type=checkbox].tgl-ios:checked+label:before{background:#55d069}input[type=checkbox].tgl-ios-sm{margin:5px 0 0 10px}input[type=checkbox].tgl-ios-sm+label{position:relative;padding:0 0 0 32px;line-height:1.3em}input[type=checkbox].tgl-ios-sm+label:before{width:25px;height:15px;border-radius:10px}input[type=checkbox].tgl-ios-sm+label:after{width:15px;height:15px;border-radius:10px}input[type=checkbox].tgl-ios-sm+label:hover:after{box-shadow:0 0 3px rgba(0,0,0,.3)}input[type=checkbox].tgl-ios-sm:checked+label:after{margin-left:10px}input[type=checkbox].tgl-ios-lg{margin:10px 0 0 20px}input[type=checkbox].tgl-ios-lg+label{position:relative;padding:7px 0 0 60px;line-height:2.3em}input[type=checkbox].tgl-ios-lg+label:before{width:50px;height:30px;border-radius:20px}input[type=checkbox].tgl-ios-lg+label:after{width:30px;height:30px;border-radius:20px}input[type=checkbox].tgl-ios-lg+label:hover:after{box-shadow:0 0 8px rgba(0,0,0,.3)}input[type=checkbox].tgl-ios-lg:checked+label:after{margin-left:20px}.asbestos-plus0,.asbestos-plus1,.asbestos-plus10,.asbestos-plus2,.asbestos-plus3,.asbestos-plus4,.asbestos-plus5,.asbestos-plus6,.asbestos-plus7,.asbestos-plus8,.asbestos-plus9,.measurment-plus0,.measurment-plus1,.measurment-plus10,.measurment-plus2,.measurment-plus3,.measurment-plus4,.measurment-plus5,.measurment-plus6,.measurment-plus7,.measurment-plus8,.measurment-plus9,.testing-plus0,.testing-plus1,.testing-plus10,.testing-plus2,.testing-plus3,.testing-plus4,.testing-plus5,.testing-plus6,.testing-plus7,.testing-plus8,.testing-plus9{display:none}.effectfront{z-index:1000;border:none;margin:0 auto}.effectfront:hover{z-index:1000;-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2);transition:all .3s;-webkit-transition:all .3s}.btn-group,.btn-group-vertical{position:relative;vertical-align:middle;float:right!important}.responsiveimage{width:100%!important;height:auto!important}@media (min-width:320px){.wrapper{width:100%!important}}@media (min-width:480px){.wrapper{width:100%!important}}