body.smart-style-6 .login-info a span {
    background: none;
    color: #4C4C4C!important;
    padding: 0 10px;
}
body.smart-style-6 #content {
    margin: 5px 0;
}
body.smart-style-6 .page-footer {
    background: #2196F3;
    height: 50px;
}
body.smart-style-6 .minifyme {
    right: -30px;
    top: 118px;
}
.login-panel {
    border-radius: 10px;
}
button.btn-login-custom {
    padding: 10px 100px;
    margin-top: 35px;
    border-radius: 25px !important;
}
.chart {
    width: 100%;
    min-height: 350px;
}
.leads-badge {
    padding: 0 7px;
    background: #2296f3;
}
.minified .inbox-badge {
    padding: 0px 4px;
}
.setup-addon {
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid #ffffff !important;
}
.revenue {
    font-size: 21px;
}
.revenue-sum {
    color: green;
    font-size: 22px;
    font-weight: 700;
}
.form-group {
    margin-bottom: 5px !important;
}
.text-truncate {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reply-click, .note-click {
    cursor: pointer;
}
.custom-tabs {
    margin-bottom: 15px;
    border-bottom: none;
}
.custom-tabs li.active > a, .custom-tabs li.active > a:visited, .custom-tabs li.active > a:focus, .custom-tabs li.active > a:hover {
    border: none;
}
.custom-tabs li:not(.active) > a:hover {
    border: 1px solid transparent;
    border-bottom: 2px solid rgb(237,83,35) !important;
    background-color: transparent;
}
textarea.note {
    color: #343434;
    font-size: 16px;
}
#assign-modal .form-group {
    font-size: 18px;
    margin: 15px 0;
}
tr.leads-highlighted-row, tr.leads-highlighted-row:hover {
    background-color: rgb(237,83,35) !important;
    color: white;
    font-weight: 600;
}
.label-yellow-green {
    background-color: #ddf26a;
    color: #1c1c1c;
}
.label-violet {
    background-color: #8d3cc0;
    color: white;
}
.table-incoming-leads > tbody > tr.today:hover {
    background-color: #07af14;
}
.table-incoming-leads > tbody > tr.tomorrow:hover {
    background-color: #efa702;
}
.sd-legend {
    margin: 0 15px 15px 15px;
}
.unique-id {
    font-weight: 600;
    padding: 11px 10px 11px 0!important;
}
.statistics-container {
    margin: 15px;
}
.statistics-container .breakline {
    border-top: 1px solid #bfbebe;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.statistics-container .statistics-inner {
    padding: 15px;
}
.statistics-inner .statistics-inner_datepicker,
.statistics-inner .statistics-inner_closer,
.statistics-inner .statistics-inner_property {
    max-width: 200px;
}
.statistics-inner .statistics-inner_closer,
.statistics-inner .statistics-inner_property {
    margin-top: 15px;
}
.statistics-inter_dateform {
    margin-top: 10px;
}
.statistics-inner label {
    font-weight: 600;
}
.statistics-inner .statistics-inner_ratio {
    font-size: 19px;
    margin-top: 15px;
}
.statistics-inner_submit {
    margin-top: 15px;
}
.spinner img.loader-logo {
    width: 150px;
    right: 700px;
    top: 200px;
    z-index: 9999;
    position: absolute;
}
.canceled-stats, .new-users-stats, .difference {
    text-align: center !important;
    font-size: 21px;
}
.difference, .stats-rows, .additional-info-tables {
    margin-top: 20px;
}
.canceled-stats div, .new-users-stats div, .difference div {
    padding-bottom: 10px;
}
.additional-info-tables li.active a {
    border: none !important;
}
.red {
    color: #d60202 !important;
}
.green {
    color: green !important;
}
.spinner-triple {
    width: 70px;
    height: 70px;
    border: 5px solid transparent;
    border-top-color: #175dff;
    border-radius: 50%;
    animation: spin 2s linear infinite;
}
.spinner-triple::before {
    content: "";
    border: 5px solid transparent;
    border-top-color: lightskyblue;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    animation: spin 2s linear infinite;
}
.spinner-triple::after {
    content: "";
    border: 5px solid transparent;
    border-top-color: lightblue;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    animation: spin 1s linear infinite;
}
.spinner-triple-help-text {
    margin-top: 15px;
}
.chart-connections_outer, .chart-messages_outer, .chart-leads_outer {
    min-height: 210px;
}
.chart-messages_outer, .chart-leads_outer {
    margin-top: 25px;
}
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid #ff9d22;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}
.health-panel {
    border-radius: 13px;
}

.basic-header {
    font-family: inherit;
    font-weight: 400;
    margin: 15px 0 25px 0;
}
.basic-header_center {
    text-align: center !important;
}
.basic-header_no-tab {
    margin: 25px 0 !important;
}
.pause-client-block {
    padding: 25px;
}
.pause-client_title {
    font-size: 19px;
    font-weight: 600;
    text-align: center;
}
.pause-client_subtitle {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0;
}
.unit-list_outer {
    margin: 20px;
}
#unit-list thead tr th {
    text-align: center;
    min-width: 120px;
}
#unit-list tbody tr td {
    text-align: center;
    vertical-align: middle;
}
#unit-list .unit-list_table-small-header {
    max-width: 20px;
    min-width: auto;
}
sup {
    text-transform: lowercase;
}
.test-results {
    min-height: 170px;
}
.unit-modal-response_title {
    font-size: 19px;
    font-weight: 600;
}
.unit-modal-response_title_small {
    font-size: 14px;
}
.marketing-stats_results-details {
    padding: 20px 15px 20px 0;
}
.marketing-stats_results-outer {
    min-height: 190px;
    border-top: 1px solid #ccc9;
    margin-top: 35px;
    padding: 0 0 15px 15px;
}
#loader-marketing_outer {
    min-height: 160px;
}
.campaign-stats-block {
    margin-bottom: 10px;
    min-height: 170px;
    padding: 10px;
    border: 1px solid #e5e5e5b0;
    border-radius: 5px;
}
.campaign-name {
    color: #f05324;
    margin-bottom: 10px !important;
}
.campaign-industry {
    margin-top: 0 !important;
    margin-left: 5px;
}
.btn {
    border-radius: 4px !important;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}
.no-shadow {
    border-radius: 0 !important;
    box-shadow: none !important;
}
#emailCopy {
    padding: 4px 2px;
    font-size: 70%;
    min-width: 180px;
}
#resetup, #reconnect {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.help-links {
    color: #525252;
}
.nav-tabs > li > a:hover {
    border-color: #fff !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
}
.circle-photo {
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    background-clip: content-box;
    border: 2px solid transparent;
    border-radius: 49.9%;
}
.payment-history-table tr {
    font-size: 15px;
}
.show-less-payment-history {
    padding-left: 5px;
}
.mr-20 {
    margin-right: 20px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-5 {
    margin-right: 5px;
}
.circle-photo-tiny {
    width: 40px;
    height: 40px;
}
.circle-photo-small {
    width: 35px;
    height: auto;
}
.block-bordered {
    min-height: 150px;
    margin: 5px;
    padding: 15px;
    border: 1px solid #e4e4e4;
    border-radius: 7px;
    box-shadow: 3px 3px 0 0 #f4f4f4;
}
.message-ticket-title {
    font-size: 15px;
}
.message-ticket-title-black {
    color: rgb(62, 75, 91);
}
.ticket-message-box {
    font-weight: 400;
    line-height: 1.5;
    font-family: font-family: 'Poppins', sans-serif !important;
}
.ticket-message-text_inner {
    font-size: 16px;
}
.ticket-message-text-agent {
    background-color: #fff6d7;
}

.ticket-message-text-client {
    background-color: #f3f3f7;
}
label.label-orange-c {
    background-color: orange;
    color: white;
}
label.label-blue-c {
    background-color: deepskyblue;
    color: white;
}

label.label-red-c {
    background-color: rgba(255, 14, 45, 0.93);
    color: white;
}

label.label-purple-c {
    background-color: rgba(99, 4, 231, 0.88);
    color: white;
}

label.label-green-c {
    background-color: #00ab05;
    color: white;
}
.closer-report-box {

}
.closer-report-infobox, .closer-report-questions {
    margin: 20px;
    padding: 15px 25px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    background-color: #cccccc0a;
}
.closer-report-box input, #closer-report-infobox_input-date {
    border: 1px solid #e1d9d9 !important;
    border-radius: 10px !important;
    background-color: white !important;
}
.closer-report-box input:hover, #closer-report-infobox_input-date:hover {
    border: 1px solid #a39b9b !important;
    transition-duration: .4s;
}
.closer-report-box label {
    font-size: 16px;
    font-weight: 600;
    width: 280px;
}
.closer-report-infobox_input {
    margin: 15px 0;
}
#closer-report-infobox_input-date {
    cursor: pointer;
}
input.cursor-locked {
    cursor: not-allowed;
}
.closer-report-box input[type='number'] {
    width: 100px;
}
.closer-report-questions_box {
    margin: 20px 10px;
}
button.closer-report-infobox_submit:hover {
    background-color: white !important;
    color: #4CAF50 !important;;
    box-shadow: inset 0 0 0 1px #4CAF50 !important;
    transition-duration: .5s;
}
.closer-report-infobox_input button {
    min-width: 150px;
}
tr#closer-reports-summary td {
    font-weight: bold;
    padding: 12px 0 !important;
}
th.questionHeader:after {
    content: '?';
}
td.dollar:before, .dollar:before {
  content: '$';
}
a.closer-report-master-page-a{
    margin: 0 10px 15px 0;
}
.closing_rate {
    font-weight: bold;
    margin-top: 23%;
}
.closing_rate span:after, .percent:after {
    content: '%';
}
.percent-green {
    color: green !important;
}
.percent-red {
    color: red !important
}
.percent-green:after {
    content: '%';
    color: green !important;
}
.percent-red:after {
    content: '%';
    color: red !important;
}
.closer-report-questions-inner {
    border-right: 1px solid #cccccc52;
}
.bolded {
    font-weight: 600;
}
.chart-loading {
    margin-top: 20px;
}
.reporting-input-box {
    margin-top: 13%;
}
.questionare {
    color: #1271ff;
    cursor: help;
}
.questionare:hover {
    color: #0336ff;
}
.online-count {
    font-size: 13rem;
    font-weight: 600;
    color: #0ca901;
}
.layout-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 365px;
}

.layout-align-center-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.questions-wrapper {
    margin: 30px;
}
.questions-wrapper .form-group, .questions-wrapper .btn[type='submit'] {
    margin-top: 55px;
}
.questions-wrapper .form-group label {
    font-weight: 700;
}
.questions-wrapper .form-group label:after (:not label#for-notes) {
    content: ' *';
    color: #ff0029;
}
select#question_2 {
    height: 135px !important;
}
#client-select-group .bootstrap-select {
    width: 425px !important;
}
tr.filters input.form-control:not(.krajee-datepicker)
{
    border-radius: 8px !important;
}

/* input#range-date-gross,
input#range-date,
input#range-date-total,
input#monthly_revenue_month_picker,
input.krajee-datepicker
{
    border-radius: 0 8px 8px 0 !important;
}
span#range-date-gross-kvdate,
span.input-group-addon
{
    border-radius: 8px 0 0 8px !important;
} */
body {
    background: #edececab !important;
    font-family: 'Poppins', sans-serif !important;
}
.panel-body {
    font-weight: 300;
}
.table-detailed-demo-report tbody tr td:first-child {
    font-weight: 500;
}
#closer-select-group .bootstrap-select {
    width: 234px !important;
}
span.dollar:hover {
   cursor: pointer;
}
label.asterisk:after {
    content: ' *';
    color: #ff0029;
}

.clickedin-color {
    color: #e7c041;
}
.swal2-popup {
    font-size: 1.7rem !important;
}
.swal2-timer-progress-bar-container {
    height: .35em !important;
}
.swal2-timer-progress-bar {
    height: .35em !important;
    background: rgb(240, 84, 35) !important;
}
.tags {
    font-size: 13px;
}
.delete-tag {
    color: white;
    margin: 0 0 0 5px;
}
.delete-tag:hover {
    color: black;
}
.add-tag:hover {
    opacity: .7;
    color: black;
    cursor: pointer;
}
#colorHex {
    margin-top: 10px;
}
.closer-checkout-name {
    font-size: 14px !important;
}
.closer-checkout-li {
    margin-bottom: 5px;
}
.closer-report-li {
    border-top: 1px solid #eee;
}
li a span.menu-item-parent {
    font-size: 14px !important;
}
.retention-chart, .mrr-sales-chart-btn {
    color: rgb(240, 84, 35);
}
.retention-chart:hover, .mrr-sales-chart-btn:hover {
    color: rgb(195 64 23);
    cursor: pointer;
}
#hide-graphs {
    text-decoration: underline;
    font-size: 2rem;
    padding-right: 10px;
}
#hide-graphs:hover {
    text-decoration: none;
    color: #e7c041;
    cursor: pointer;
}
.quarterly-details {
    cursor: pointer;
}
.quarterly-details:hover {
    text-decoration: underline;
    color: #817f7f;
}
.label-white {
    color: black !important;
    background-color: #eeeeeed1;
    border: 1px solid #ccc;
}
.has-error .small {
    padding-top: 33px;
}
.field-loginform-recaptcha .small {
    padding-top: 60px;
    padding-left: 15px;
}
.clickedin-logo {
    width: 290px;
    margin: 30px auto;
}
.login-input {
    margin-top: 7px;
}
.login-input input {
    border-radius: 7px !important;
    height: 50px !important;
}
.login-input input:focus {
    outline: none !important;
    border: 2px solid #e7c041 !important;
    box-shadow: 0 0 10px #ccc;
    transition: 0.6s ease-out;
}
input:focus::-webkit-input-placeholder {
    color: #e7c041;
    transition: 0.6s ease-out;
}

.panel {
    margin-bottom: 5px !important;
}