h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: Helvetica, Arial, sans-serif;}
nav.navbar.default-layout-navbar.col-lg-12.col-12.p-0.d-flex.flex-row {border-top: 2px solid var(--hm-slate);border-bottom: 1px solid #e5eaee;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {color: var(--hm-blue);font-size: 1rem;}
.navbar .navbar-brand-wrapper {width: 508px;/* border-bottom: 1px solid #999999; *//* background-color: var(--hm-midnight); */margin-top: 15px;height: auto;}
.navbar .navbar-brand-wrapper .navbar-brand img {width: calc(483px - -9px);/* box-shadow: inset 0 -1px rgb(246 248 250); */height: auto;}
.navbar .navbar-menu-wrapper {width: calc(100% - 550px);/* border-bottom: 1px solid #999999; *//* background-color: var(--hm-midnight); */}
ul.navbar-nav.navbar-nav-right a.dropdown-item:hover {color:var(--hm-blue)}

.sidebar .nav .nav-item.active > .nav-link .menu-title {color: var(--hm-midnight);font-weight: bold;}
.main-panel .content-wrapper {background: rgb(255 255 255);padding: 1.75rem 2.25rem 2.75rem 2.25rem;}

#sidebar li.nav-item.label {font-weight: bold;box-shadow: none;text-shadow: none; margin-left: -10px;}
#sidebar li.nav-item.label:hover {background:transparent}

.sidebar .nav {margin-top: 60px;border-radius: 5px;border: 1px solid #e5eaee;margin-left: 20px;background-color: #fff;-webkit-box-shadow: 0 0 28px 0 rgba(86,61,124,.13);box-shadow: 0 0 28px 0 rgba(86,61,124,.13);}
.sidebar .nav .nav-item.active {background: rgb(255 255 255);border-bottom: 1px solid #e5eaee;/* border-right: 5px solid var(--hm-blue); */border-left: 5px solid var(--hm-midnight);}
.sidebar .nav .nav-item {background: #fff;border-bottom:1px solid #ededed}
.sidebar .nav .nav-item:hover {background: transparent;}
.sidebar .nav .nav-item.active > .nav-link .menu-title {font-family: inherit;}
.sidebar .nav .nav-item .nav-link .menu-title {font-size: 1.1em;}
.sidebar .nav.sub-menu .nav-item .nav-link {border:none;width: 100%; margin: 0px 0px 0px 0px;}
.sidebar .nav.sub-menu {margin:0px 0px 10px 0px;;border:none;box-shadow:none}

.page-header {/* background-color: rgb(24 59 93); */border-radius: 5px;border: 1px solid #e5eaee;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}

.card .card-body {padding: 1rem 1rem;}
.card .card-title {color: var(--hm-midnight);}

ul.navbar-nav.navbar-nav-right i.mdi.mdi-power::before {color: var(--hm-blue) !important;}
ul.navbar-nav.navbar-nav-right p.mb-1.text-black {background: var(--hm-blue) !important;padding: 10px;color: #fff !important;border-radius: 5px;}

.card.hp {border: 1px solid #e5eaee;}
.card.hp_status {border: 1px solid #e5eaee;}
.card.check {border: 1px solid #e5eaee;}

#hp_kpi .card .card-body {padding: .5rem 1rem;border: 1px solid #e5eaee;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}
#hp_kpi h2.mb-1 {font-size:1rem;font-weight:bold}

#hp_kpi h4.font-weight-normal.mb-3 {color: #12344d;font-size: 1rem;/* font-weight: bold; */}
#hp_kpi h2.mb-1 {color: #333;}

.btn-group .btn + .btn {border-left: 1px solid;}

h6.card-text {color: #333;}


.card.tags .card-body {padding: 0rem 0rem;}
.card.tags .row {padding:0px;margin: 0px;}
.card.tags {background-color: transparent;margin: 15px 0px;color: #3e3e3e;border: 1px solid #ebedf2;padding: 3px;width: 100%;/* background: var(--hm-blue); */}
.card.tags .col-12{margin-bottom: 5px;border: 1px dashed #ccc;margin: 3px 0px;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;/* width: 47%; */padding: 5px 1px;font-size: 12px;}
.card.tags i.mdi.mdi-delete-forever {position: relative;right: 6px; top: 0px;width: 8px;height: 8px;content: '';cursor: pointer;font-size: 12px;float: right;}

.form-control {border: 1px solid #d6dce1;}
.page-title {color: var(--hm-midnight);padding-left: 13px;}
.breadcrumb .breadcrumb-item a:hover { color: #9d2942 !important; font-weight:bold;}


.bg-gradient-primary {background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)) !important;background: linear-gradient(to right, #fff, #fff) !important;}
.btn-gradient-primary {background: -webkit-gradient(linear, left top, right top, from(var(--hm-blue)), to(var(--hm-midnight)));background: linear-gradient(to right, var(--hm-blue), var(--hm-midnight));  }

.bg-gradient-danger {background: transparent !important;border-left: 1px solid var(--hm-midnight);border-right: 1px solid var(--hm-midnight);-webkit-box-shadow: 0 0 28px 0 rgba(86,61,124,.13);box-shadow: 0 0 1px 0 rgba(86,61,124,.13);border-radius: initial;}

.accordion-button:after {order: -1;margin-right: 15px;}
.mdi:before, .mdi-set {color: var(--hm-midnight);}

.breadcrumb .breadcrumb-item.active {color: var(--hm-midnight);}

.footer {background-color: var(--hm-midnight);/* border-bottom: 1px solid #ebeef1; */padding: 21px 1rem;/* border-radius: 5px; */}

.footer a {color: #fff;font-size: inherit;}
.footer, .footer .text-muted {color: #fff !important;}

span.text-muted.d-block.text-center.text-sm-start.d-sm-inline-block {color: #fff !important;}
span.float-none.float-sm-end.mt-1.mt-sm-0.text-end {color: #fff;}

#hp_kpi .accordion-button.kpi {background-color: transparent;margin: 0px;padding: 0px;box-shadow: none;border: none !important;}
#hp_kpi #headingOne {border: none !important;}
#hp_kpi .accordion-item {border: none !important;}
#hp_kpi .accordion-button:not(.collapsed) {color: var(--hm-blue);}
#hp_kpi .accordion-button:not(.collapsed)::after{float:left;}

.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    -webkit-transform: inherit;
    transform: inherit;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:before { border: solid var(--hm-blue);}
.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before {
    background: -webkit-gradient(linear, left top, right top, from(var(--hm-blue)), to(var(--hm-blue)));
    background: linear-gradient(to right, var(--hm-blue), var(--hm-blue));
    border-width: 0;
}


a.btn.btn-default.buttons-collection.buttons-colvis {color: #333;border-color: #ccc;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);border-right: 1px solid;}
a.btn.btn-default.buttons-copy.buttons-html5 {color: #333;border-color: #ccc;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}
a.btn.btn-default.buttons-csv.buttons-html5 {color: #333;border-color: #ccc;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}
a.btn.btn-default.buttons-excel.buttons-html5 {color: #333;border-color: #ccc;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}
a.btn.btn-default.buttons-pdf.buttons-html5 {color: #333;border-color: #ccc;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}
a.btn.btn-default.buttons-print {color: #333;border-color: #ccc;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}

.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}

.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li {display: inline;}

.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}

.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: var(--hm-blue);text-decoration: none;background-color: #fff;border: 1px solid #ddd;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: var(--hm-blue);border-color: var(--hm-blue);}

.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: var(--hm-blue);text-decoration: none;background-color: #fff;border: 1px solid #ddd;}


#table_activites_wrapper {border: 1px solid #e5eaee;padding:5px}
#table_activites_wrapper  td {padding: 9px 18px;border-bottom: 1px solid #eee;}
#table_activites_wrapper table.dataTable thead th {padding: 5px 9px !important;border-bottom: 1px solid #e5eaee;background-color:#f8f8f8;font-weight:normal;}
#table_activites_length {padding: 15px 0px;font-size: 14px;}
#table_activites_filter input[type="search"] {border: 1px solid #d6dce1;padding:10px}
#table_activites_filter { padding: 10px 0px;font-size: 14px;}
#table_activites_paginate {font-size: 14px;}
#table_activites i.mdi.mdi-account-search {font-size: 16px; }

#table_relationship_manager_wrapper {border: 1px solid #e5eaee;padding:5px}
#table_relationship_manager_wrapper  td {padding: 9px 18px;border-bottom: 1px solid #eee;}
#table_relationship_manager_wrapper table.dataTable thead th {padding: 5px 9px !important;border-bottom: 1px solid #e5eaee;background-color:#f8f8f8;font-weight:normal;}
#table_relationship_manager_length {padding: 15px 0px;font-size: 14px;}
#table_relationship_manager_filter input[type="search"] {border: 1px solid #d6dce1;padding:10px}
#table_relationship_manager_filter { padding: 10px 0px;font-size: 14px;}
#table_relationship_manager_paginate {font-size: 14px;}
#table_relationship_manager i.mdi.mdi-account-search {font-size: 16px; }

#contacts_activity_wrapper {border: 1px solid #e5eaee;padding:5px}
#contacts_activity_wrapper  td {padding: 9px 18px;border-bottom: 1px solid #eee;}
#contacts_activity_wrapper table.dataTable thead th {padding: 5px 9px !important;border-bottom: 1px solid #e5eaee;background-color:#f8f8f8;font-weight:normal;}
#contacts_activity_length {padding: 15px 10px;font-size: 14px;}
#contacts_activity_filter input[type="search"] {border: 1px solid #d6dce1;padding:10px}
#contacts_activity_filter {padding: 8px 4px;font-size: 14px;}
#contacts_activity_paginate {font-size: 14px;}
#contacts_activity i.mdi.mdi-account-search {font-size: 16px;text-align: center;}
#contacts_activity p {margin-bottom: 0;}
#contacts_activity {border-left: 2px solid #e5eaee;border-right: 2px solid #e5eaee;border-bottom: 2px solid #e5eaee;width: 99% !important;}

form.forms-search {overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 15px;}
form.forms-search button.btn.btn-submit.me-2 {background-color: var(--hm-blue);float: right;margin: 0px !important;font-weight: normal !important;font-family: inherit;color: #fff;padding: 10px 38px;}
form.forms-search label.col-sm-4.col-form-label {text-align: right;}
form.forms-search label.col-sm-4.col-form-label span{display:block;}
form.forms-search button.btn.btn-submit.me-2:hover {background-color: var(--hm-midnight);}





.card.report input {padding: 6px;font-style: normal;font-weight: normal;text-decoration: inherit;border-radius: 0 !important;}
.card.report .clickable { cursor: pointer; }
.card.report .form-group {margin: 0px;border-radius: 0 !important;padding: 0px 5px 0px 0px;}
.card.report .nav-profile-text {width: 80%;float: left;}

.card.report table {border: 1px solid #eee;}
.card.report {border: 1px solid #eee;}
.card.report  td {padding: 8px 10px;}

select.selectpicker {padding: 6px;font-style: normal;font-weight: normal;text-decoration: inherit;border-radius: 0 !important;border: 1px solid #d6dce1;font-family: inherit;font-size: 0.8125rem;width: 100%;}

.card.report  .btn {padding: 10px 38px;background-color: var(--hm-blue);float: right;font-weight: normal !important;font-family: inherit;margin: 16px 0px;color: #fff;}
.card.report .form-group.row {margin: 0 !important;padding: 0 !important;}


form.forms-quickadd_contact {overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 15px;padding-top: 25px;}
form.forms-quickadd_contact button.btn.btn-submit.me-2 {background-color: #eee;float: right;margin: 0px !important;font-weight: normal !important;font-family: inherit;}
form.forms-quickadd_contact label.col-sm-4.col-form-label {text-align: right;}
form.forms-quickadd_contact label.col-sm-4.col-form-label span{display:block;}

.card.report .btn2 {border-radius: 5px;float: right;font-weight: normal !important;font-family: inherit;text-align: center;display: inline-block;margin-bottom: 0;font-size: 14px;padding: 10px 50px;background-color: #5dbea3;color: #fff;}
.card.report span {padding: 6px 12px;}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid #ddd;}

.table>thead>tr>th {vertical-align: bottom;border: 1px solid #ddd;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 1.42857143;vertical-align: top;}

table.dataTable td, table.dataTable th {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
table#example {border: 1px solid #ddd;}

#quickreport_btn {/* width: 100%; */}
#quickreport_btn:hover {color: #fff !important;}
#quickreport_btn .mdi:before {color: #fff !important;}
#quickreport_btn .mdi:before:hover {color: #fff !important;background-color:var(--hm-blue)}

.card.report .btn2:hover {background-color:var(--hm-midnight);color:#fff}
.card.report .btn:hover {background-color:var(--hm-midnight);color:#fff}

.viewmore_btn {float: right;padding: 10px 38px;background-color: var(--hm-blue);margin-top: 10px;color: #fff;border-radius: 5px;font-size: 14px;}

.viewmore_btn:hover{background-color:var(--hm-midnight);color: #fff !important;}

.row.contact_col-4 {overflow: hidden;height: 100px;margin: 20px 0px;}
.row.contact_col-4 button {font-size: 1.2rem;padding: 25px;color: var(--hm-blue);}
.row.contact_col-4 button:hover {color: var(--hm-blue) !important;}

.row.contact_col-4 .col-4:hover {background-color: var(--hm-midnight);color:#fff !important;}
.row.contact_col-4 .col-4 button:hover {color:#fff !important;}
.row.contact_col-4 .col-4 {/* background-color: var(--hm-blue); */}

.breadcrumb .breadcrumb-item.active a { color: var(--hm-blue);text-decoration: none; font-style: inherit;}

table.dataTable thead .sorting_asc:after{ content: url(https://cdn.datatables.net/1.10.9/images/sort_asc.png) !important; opacity: 1 !important;}

table.dataTable thead .sorting_desc:after{ content: url(https://cdn.datatables.net/1.10.9/images/sort_desc.png) !important; opacity: 1 !important;}

table.dataTable thead .sorting:after {content: url(https://cdn.datatables.net/1.10.9/images/sort_both.png) !important;opacity: 1 !important;}

.profile_section label.col-sm-3.col-form-label { padding: 0px 0px 0px 10px;}
.profile_section label.col-sm-12.col-form-label { padding: 0px 0px 0px 10px;}

.profile_section .col-sm-9 {padding: 0px 0px 0px 10px;}
.profile_section .col-sm-12 {padding: 0px 0px 0px 10px;}

.profile_section .form-control { padding: 0.54rem 1rem;}
#contact_profile label.col-sm-3.col-form-label { padding: 0px 0px 0px 10px;}

 #contact_profile label.col-sm-12.col-form-label { padding: 0px 0px 0px 10px;}

 #contact_profile .col-sm-12 { padding: 0px 0px 0px 10px;}

 #contact_profile  .form-control { padding: 0.54rem 1rem;}

button.btn.btn-light {padding: 10px 38px;background-color: var(--hm-blue);margin-top: 10px;color: #fff;/* margin-left: -10px; */}

.row.contact_col-4 .col-5 {-webkit-box-shadow: 0 .5rem 1rem rgba(43,42,53,.075)!important;box-shadow: 0 .5rem 1rem rgba(43,42,53,.075)!important;border: 1px solid #e1eaea !important;flex: 0 0 auto;margin: 10px 5px;text-align: center;}

table.dataTable thead .sorting_asc:after {content: url(https://cdn.datatables.net/1.10.9/images/sort_asc.png);opacity: 1;}

table.dataTable thead .sorting_desc:after{ content: url(https://cdn.datatables.net/1.10.9/images/sort_desc.png); opacity: 1 !important;}

table.dataTable thead .sorting:after {opacity: 0.2;content: url(https://cdn.datatables.net/1.10.9/images/sort_both.png) !important;}

div.dataTables_wrapper div.dataTables_info {padding-top: 8px;white-space: nowrap;font-size: 14px !important;}
button.btn.btn-light.capacity {margin-left: 20px; width: 125px;}

.card-body.hp_header {/* background-color: #f0f4f7; */border-bottom: #d7dde1 1px solid;padding: .7rem 1rem;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}
.card-body.hp_header h4.card-title {margin-bottom:5px}
#funnel {display: inline-block;}
#funnel li {background-clip: padding-box;box-shadow: 0 2px 6px 0 rgba(67,89,113,.12);position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 0 solid #d9dee3;border-radius: 0.5rem;padding: 10px;float:left;text-align: center;width: 30%;height: 150px;margin: .5em;}
#funnel li span.title {font-size: 1rem;display: block;color: var(--hm-blue);line-height: initial;}
#funnel li span.value {font-size: 1.3rem;border-radius: 50%;border: 1px solid #e5eaee;padding: 10px;width: 70px;height: 70px;/* background-color: #f0f4f7; */line-height: 50px;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}
#funnel li a {font-size: 1rem;display: block;text-decoration: none;color: var(--hm-blue);font-weight: bold;}
#funnel li a:hover {color: var(--hm-blue);}
#funnel li div { }
#funnel li span {margin-top: 10px;display: inline-block;}

.row.all_reports {padding: 0px;margin: 0px;}
.row.all_reports h4.font-weight-normal.mb-3 {color: #8f3955;}
.row.all_reports h2.mb-1 {color: #333;font-size: 1.2rem;}
.row.all_reports .view_list {background-color:var(--hm-blue);padding: 8px 20px;border-radius: 5px;z-index: 100 !important;text-align: center;width: 125px;margin: auto;display: none;}
.row.all_reports .view_list a {color:#fff;text-decoration:none;z-index: 1;}

.instructions {/* float: right; */margin: 50px 10px 0px 0px;font-size: 14px;font-style: italic;border: 1px dashed var(--hm-blue);padding-right: 7px;position: relative;}
.instructions div {
    display: inline-block;
    padding: 10px;
}
.instructions div img {float:left;width: 27px;}
.instructions div p{float:left;width: 80%;margin: 0px;}

.instructions {/* float: right; */margin: 50px 10px 0px 0px;font-size: 14px;font-style: italic;border: 1px dashed var(--hm-blue);padding-right: 7px;position: relative;}
.timeline {line-height: 1.4em;list-style: none;margin-top: 30px;padding: 25px 50px;width: 100%;border: 1px solid #eee;}
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {line-height: inherit;font-size: 1rem;}
.timeline-item {padding-left: 40px;position: relative;}
.timeline-item:last-child {padding-bottom: 0;}
.timeline-info {font-size: 1rem;/* font-weight: 700; *//* letter-spacing: 3px; */margin: 0 0 0.5em 0;/* text-transform: uppercase; */white-space: nowrap;color: var(--hm-blue);}
.timeline-marker {position: absolute;top: 0;bottom: 0;left: 0;width: 15px;}
.timeline-marker:before {background: var(--hm-blue);border: 3px solid transparent;border-radius: 100%;content: "";display: block;height: 15px;position: absolute;top: 4px;left: 0;width: 15px;transition: background 0.3s ease-in-out, border 0.3s ease-in-out;}
.timeline-marker:after {content: "";width: 3px;background: #CCD5DB;display: block;position: absolute;top: 24px;bottom: 0;left: 6px;}
.timeline-item:last-child .timeline-marker:after {content: none;}
.timeline-item:not(.period):hover .timeline-marker:before {background: transparent;border: 3px solid var(--hm-blue);}
.timeline-content {padding-bottom: 40px;}
.timeline-content p:last-child {margin-bottom: 0;}
.period {padding: 0;}
.period .timeline-info {display: none;}
.period .timeline-marker:before {background: transparent;content: "";width: 15px;height: auto;border: none;border-radius: 0;top: 0;bottom: 30px;position: absolute;border-top: 3px solid #CCD5DB;border-bottom: 3px solid #CCD5DB;}
.period .timeline-marker:after {content: "";height: 32px;top: auto;}
.period .timeline-content {padding: 23px 0 45px;}
.period .timeline-title {margin: 0;font-size: 1.3rem;}


    
    .bg-success {padding: 13px 15px 13px 32px;border-radius: 10px; margin: 15px auto 10px auto;}
.bg-success {background-color: #dff0d8 !important;}
.btn-success:hover {color: #fff;background-color: #449d44;border-color: #398439;}
.btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none;}
.btn-success {color: #fff;background-color: #5cb85c; border-color: #4cae4c;}
#import_table_example {margin:25px 0px 50px 0px}
#import_table_example thead {background-color: #eee;}
.row.upload_excel {border: 1px solid #eee;margin: 25px;padding: 52px;}
.row.upload_excel button.btn.btn-primary.btn-block {background-color: var(--hm-blue);border:none;}
.row.upload_excel button.btn.btn-primary.btn-block:hover {background-color: var(--hm-midnight);}

.close:not(:disabled):not(.disabled) {cursor: pointer;}
.close:focus, .close:hover {color: #000;text-decoration: none;opacity: .75;}
.alert-dismissible .close {position: absolute;top: 0;right: 0;padding: 0.75rem 1.25rem;color: inherit;}
button.close {padding: 0;background-color: transparent;border: 0;-webkit-appearance: none;}
.close {float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .5;}
   .row.upload_excel .col-sm-7.padding {padding: 25px 15px;background-color: #f7f4f4;} 
 .alert.alert-warning.alert-dismissible.fade.show { margin-top: 1em;line-height: 1.5em;}   
    
    
form.add_new_user select.form-control {outline: 1px solid #ebedf2;display: block;width: 100%;padding: 0.94rem 1.375rem;font-size: 0.8125rem;font-weight: 400;line-height: 1;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;-webkit-appearance: none; -moz-appearance: none;appearance: none;border-radius: 2px;-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}
    
a#cv {display: none;}a.btn.btn-default.buttons-collection.buttons-colvis {border-radius:inherit;}
#contact_profile ul.nav.nav-pills {background-color: #f4f4f4;}
#contact_profile ul.nav.nav-pills li.active {background-color: var(--hm-blue);}
#contact_profile ul.nav.nav-pills li.active a {color: #fff;}
#contact_profile ul.nav.nav-pills li a {
    position: relative;
    display: block;
    padding: 7px 12px;
    color: #000;
    font-style: inherit;
    text-decoration: none;
    }
#contact_profile .tab-content.clearfix { padding: 35px 25px 25px 25px; border: solid 1px  #eee;}
.tags-input {list-style : none;border:1px solid #ccc;display:inline-block;padding:5px;font-size:14px;background:#fff ;border-radius:2px;overflow:hidden;}
.tags-input li {float:left;}
.tags {background:var(--hm-blue) ;padding:5px 20px 5px 8px;border-radius:2px;margin-right: 5px;position: relative;color:#fff;}
.tags i {position: absolute;right:6px;top:3px;width: 8px;height: 8px;content:'';cursor:pointer;font-size:12px;}
.tags i:hover {opacity: 1;}
.tags-new input[type="text"] {border:0;margin: 0;padding: 0 0 0 3px;font-size: 14px;margin-top: 5px;background:transparent;}
.tags-new input[type="text"]:focus {outline:none;}  
#age_cal {width: 100px;height: 32px;border: 1px solid #ccc;} 
button#calc {padding: 4px 13px;background-color: var(--hm-blue);color: #fff;font-size: 14px;border: none;}
    
    
button.btn.activity {display: block;width: 100%;font-weight: normal !important;margin-top: -5px;margin-left: -16px;color: #9facb9;
    background-clip: padding-box;border: 1px solid #ced4da;appearance: none;border-radius: 2px;}
.capacity {background-color: #f7f7f7;margin-bottom: 20px;padding: 10px 20px 0px 20px;border: 1px solid #e9e7e7;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.2 * var(--bs-gutter-x));}
#contact_profile .dropdown-toggle::after{ display:none !important}
.btcd-f-input {display: inline-block;position: relative;overflow: hidden;padding: 0px 20px 20px;}
.btcd-f-input > div > input::-webkit-file-upload-button {cursor: pointer;}
.btcd-f-wrp {cursor: pointer;}
.btcd-f-wrp > small {color: gray;}
.btcd-f-wrp > button {cursor: pointer;background: #f3f3f3;padding: 5px;display: inline-block;border-radius: 9px;border: none;margin-right: 8px;height: 35px;}
.btcd-f-wrp > button > img {width: 24px;}
.btcd-f-wrp > button > span, .btcd-f-wrp > span, .btcd-f-wrp > small {vertical-align: super;}
.btcd-f-input > .btcd-f-wrp > input {z-index: 100;width: 100%;position: absolute;opacity: 0;left: 0;height: 37px;cursor: pointer;}
.btcd-f-wrp:hover {background: #fafafa;border-radius: 10px;}
.btcd-files > div {display: flex;align-items: center;background: #f8f8f8;border-radius: 10px;margin-left: 30px;width: 91%;margin-top: 10px;height: 40px;}
.btcd-files > div > div {display: inline-block;width: 73%;}
.btcd-files > div > div > small {color: gray;}
.btcd-files > div > img {width: 40px;height: 40px;margin-right: 10px;border-radius: 10px;}
.btcd-files > div > div > span {display: inline-block;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.btcd-files > div > button {background: #e8e8e8;border: none;border-radius: 50px;width: 25px;height: 25px;font-size: 20px;margin-right: 6px;padding: 0;}
.btcd-files > div > button:hover {background: #bbbbbb;}
    
  .card.kkpi {-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.125);box-shadow: inset 0 1px 3px rgba(0,0,0,.125);color: #333;background-color: #f8f8f84a;border: #e9e9e900 1px solid;}  
b, strong {font-weight: bolder;color: var(--hm-midnight);}
a.btnlogin {color:var(--hm-blue);}
    
#contact_profile ul.nav.nav-pills {
    border: 1px solid #e5eaee;
    background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));
    background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);
}    
    
table#contacts_activity thead .sorting:after {
    opacity: 0.7;
    content: url(https://cdn.datatables.net/1.10.9/images/sort_both.png);
}
.contacts_btns {float: right;margin-bottom: 15px;}
.contacts_btns  h4.card-title.hp_contacts {display: inline-block;width: 100%;}
.contacts_btns button.btn {
    padding: 5px 15px;
    background-color: var(--hm-blue);
    float: right;
    margin-left: 10px;
    font-weight: normal !important;
    font-family: inherit;
    color: #fff;
 }
.contacts_btns button.btn:hover {background-color: var(--hm-midnight);}
.row.fomatt {}

.row.fomatt .col-md-7 {padding-left:5px}

.row.fomatt .col-md-3 {padding-right:10px}


ul.navbar-nav.navbar-nav-right { color: #333;}

.row.all_reports h4 {color: #333;padding-bottom: 10px;font-size: 1.2em;}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link li.nav-item {text-align: center;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {display: block;margin-left: .5rem;margin-right: 1rem;text-align: center;}
.navbar li.nav-item img {display: inline-block;height: 35px;}
.navbar li.nav-item span {display: inherit;width: 100%;color: var(--hm-slate);font-size: 1rem;}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link li.nav-item span.menu-title {display: block;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .dropdown-menu.navbar-dropdown.show {margin-left:-75px}

ul.dt-button-collection.dropdown-menu   {background: #fcfcfc;font-size:14px}
ul.dt-button-collection.dropdown-menu li {border-bottom: 1px solid #eee;}
ul.dt-button-collection.dropdown-menu  a {color: #333;padding-left: 15px;text-decoration: none;}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {margin-bottom: 0;padding: 6px 13px;cursor: pointer;font-size: 14px;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown { margin-left: -72px;}

.table-responsive.activity { margin-top: -37px;}
button.btn.btn-submit.me-2.add {background-color: var(--hm-blue);float: left;margin-top:55px !important;font-weight: normal !important;font-family: inherit;color: #fff;}
button.btn.btn-submit.me-2.add:hover {background-color: var(--hm-midnight)}
ul.knowledge_li { }
ul.knowledge_li li {list-style: none;font-size:1rem;color:#333;text-decoration: none;}
ul.knowledge_li li a {color:#333;text-decoration: none;}
ul.knowledge_li li i.mdi.mdi-file-pdf {font-size: 2em;color: #a82b44;}
thead.thead-dark {background-color: #ccc;border-radius: 5px; border: 1px solid #e5eaee; background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa)); background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);}

.row.all_reports h2 {  color: #333;  font-size: 1.2rem;}

.text-muted, .preview-list .preview-item .preview-item-content p .content-category {  --bs-text-opacity: 1;  color: #5f5f5f !important;}

.relatives_style {border:1px dashed #ccc;padding-top:25px}
.relatives_style .col-md-4 {padding-left: 0px !important;}
.relatives_style button.addmore {background-color: var(--hm-blue);width: 111px; font-size: 14px; padding: 10px; text-align: center; margin: 10px;color:#fff;border:none;}
.relatives_style button.addmore:hover {background-color: #7b2031;}
select.form-control {outline: 1px solid #d6dce1;color: #333;}


@media screen and (max-width: 1400px) {
#funnel li {width: 40%;height: 175px;}
.card.hp .col-md-4 {padding-left: 25px;padding-right: 25px;}  

}
    
 @media (min-width: 768px) {.timeline-split .timeline, .timeline-centered .timeline {display: table;}
.marker-outline .timeline-marker:before {background: transparent;border-color: var(--hm-blue);}
.marker-outline .timeline-item:hover .timeline-marker:before {background: var(--hm-blue);}
.card.hp .col-md-4 {padding-left: 10px; padding-right: 10px;}
}


 

@media screen and (max-width: 1300px) {
  
.card-body.stages .card-header {height: 54px;}
}
  


select.switch_campaign {
    padding: 4px 15px;
    border: 1px solid #e5eaee;
    color: var(--hm-slate);
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    }

.row.all_reports .bg-gradient-danger {background: transparent !important;border: 1px solid var(--hm-midnight);-webkit-box-shadow: 0 0 28px 0 rgba(86,61,124,.13);box-shadow: 0 0 1px 0 rgba(86,61,124,.13);border-radius: initial;}

.row.campaign_goal .col-md-1 {padding: 0px 5px;}
.row.campaign_goal .col-md-2 {padding: 0px 5px;}
.row.campaign_goal .form-control.num.row {padding: 0.94rem 0.375rem;}
.row.campaign_goal label.col-sm-12.col-form-label {font-size: 0.875rem;margin-bottom: 0.5rem;}
.row.campaign_goal .col-md-1 .form-control {padding: 0.94rem 0.375rem;}

.sidebar .nav .nav-item .nav-link .menu-title img {margin-right: 13px;height: 25px;}

.card-body.stages small.text-muted {opacity: initial !important;color: #333 !important;font-weight: normal;font-size: 1rem;}
.card-body.stages {text-align: center;border: 1px solid #e5eaee;padding: 0px;margin-bottom: 9px;}
.card-body.stages .card-header {padding: 15px 15px;font-size: .9rem;background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #f2f2f2),to(#fafafa));
    background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;}
.card-body.stages p {font-size: 2.5rem;padding: 12px;margin-bottom: 0rem;font-weight: bold;color: var(--hm-slate);}
.card-body.stages p.card-view{font-size: 1rem;padding: 0px 0px 0px 0px;}
table.table.table-hover.report.dg  {width: 100% !important;overflow-y: scroll !important;display: block;}
    
.sidebar {width: 230px;}
.main-panel {width: calc(100%);padding-top: 36px;}
.breadcrumb-item + .breadcrumb-item::before {  color: #cfd6db;}

table.dataTable {
    border-left: 0.5px solid rgb(204, 204, 204);
    border-right: 0.5px solid rgb(204, 204, 204);
    border-bottom: 0.5px solid rgb(204, 204, 204);
}
.card.bg-gradient-danger.card-img-holder.top {color: var(--hm-midnight) !important;border: 5px solid var(--hm-midnight);}
.card.bg-gradient-danger.card-img-holder.top h4.font-weight-normal.mb-3 {color: var(--hm-midnight) !important;}
.card.bg-gradient-danger.card-img-holder.top h2.mb-1 {   color: #fff !important;}
.navbar li.nav-item span:hover {font-weight:bold;color:#9e2743}
button.btn.btn-light:hover{background-color: var(--hm-midnight) !important;}

.toast-success { background-color: #476478 !important;}
#toast-container > div {opacity: 1 !important;}

button.addmore.add-pr-item-btn {background-color:var(--hm-blue) !important;border-radius: 4px !important;}
button.addmore.add-pr-item-btn:hover { background-color:var(--hm-midnight) !important;}
button.btn.modal_mersky_btn {background-color:var(--hm-blue) !important;border-radius: 4px !important;border:none;}
button.btn.modal_mersky_btn:hover { background-color:var(--hm-midnight) !important;}

.card.report span {padding: initial;font-size: 13px;color: #000 !important; font-family:Helvetica, Arial, sans-serif !important;width: 100% !important;}

::placeholder {
  color: black;
  opacity: 1; /* Firefox */
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ced4da 1px !important;
    outline: 0;
}

table.table.table-hover.report.dg {width: 100% !important; overflow-x: scroll !important;overflow-y: inherit !important;display: block;height: 115px;}
table.table.table-hover.report.dg span.select2-selection.select2-selection--multiple {width: 120px !important;}

select.switch_campaign {font-family: Helvetica, Arial, sans-serif  !important;}
.select2-container .select2-search--inline .select2-search__field { font-family: Helvetica, Arial, sans-serif !important}
.select2-container--default.select2-container--focus .select2-selection--multiple {font-family: Helvetica, Arial, sans-serif  !important}

body {font-family: Helvetica, Arial, sans-serif !important;}

.font-weight-normal {
    font-family: inherit;
}