/*fonts begin*/

@font-face {
    font-family: 'Arthaus';
    src: url('../fonts/Arthaus.woff2') format('woff2'), url('../fonts/Arthaus.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    outline: none;
}

@font-face {
    font-family: 'Arthaus';
    src: url('../fonts/Arthaus-Medium.woff2') format('woff2'), url('../fonts/Arthaus-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arthaus';
    src: url('../fonts/Arthaus-Black.woff2') format('woff2'), url('../fonts/Arthaus-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arthausfx';
    src: url('../fonts/Arthausfx.woff2') format('woff2'), url('../fonts/Arthausfx.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arthaus';
    src: url('../fonts/Arthaus-Light.woff2') format('woff2'), url('../fonts/Arthaus-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arthaus';
    src: url('../fonts/Arthaus-Bold.woff2') format('woff2'), url('../fonts/Arthaus-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Std';
    src: url('../fonts/FuturaStd-Book.woff2') format('woff2'), url('../fonts/FuturaStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*fonts end*/

body {
    font-family: 'Futura Std';
    background-color: #f6f7fb;
    font-size: 18px;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.ui-widget.ui-widget-content,
.ui-datepicker-title {
    font-family: 'Futura Std';
}

.welcome_title {
    font-family: 'Arthaus';
}

a:hover {
    color: #9066F0;
    text-decoration: none;
}

.inner_table_right input[type="search"],
.inner_table_right input[type="submit"] {
    border-radius: 0px;
}

html,
body {
    height: 100%;
}

h3 {
    color: #000000;
    font-size: 35px;
}


/*login form begin*/

.login_form {
    min-height: 100vh;
}

.login_form h3 {
    /* font-weight: bold;*/
    font-size: 35px;
}

.form_area {
    /* background-color: #ffffff; */
    -webkit-box-shadow: 0px 1px 15px 0px rgba(214, 211, 214, 1);
    -moz-box-shadow: 0px 1px 15px 0px rgba(214, 211, 214, 1);
    box-shadow: 0px 1px 15px 0px rgba(214, 211, 214, 1);
    border-radius: 10px;
}

.form_area label {
    width: 100%;
    color: #1f1f1f;
    font-size: 16px;
}

.form_area input[type='text'],
.form_area input[type='tel'],
.form_area textarea,
.form_area input[type='email'],
.form_area input[type='password'],
.form_area input[type='file'] {
    width: 100%;
    color: #65ADB6;
    -webkit-appearance: none;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #eeeeee;
    padding: 0px 15px;
    border-radius: 4px;
}

.form_area input[type='file'] {
    line-height: 32px;
    padding: 1px;
}

label.error:empty {
    display: none;
}

input.error,
select.error {
    margin-bottom: 0 !important
}

.form_area ::-webkit-input-placeholder {
    color: #aaaaaa;
}

.form_area :-ms-input-placeholder {
    color: #aaaaaa;
}

.form_area ::placeholder {
    color: #aaaaaa;
}

.form_area a,
p.new_ac_txt a {
    color: #7A4CF2;
}

.form_area a:hover,
p.new_ac_txt a:hover {
    color: #000000;
}

.form_area input[type='submit'],
.form_area button {
    width: 100%;
    border: 0px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    background-color: #9066F0;
    color: #ffffff;
    -webkit-appearance: none;
    border-radius: 4px;
    border: 0px;
    text-transform: capitalize;
    outline: none;
}

.form_area input[type='submit']:hover,
.form_area button:hover {
    background-color: #000000;
}

.form_area .new_ac_txt {
    color: #1f1f1f;
}

.new_ac_txt a {
    text-decoration: underline;
}

.form_area .select2-selection__choice__remove {
    background-color: transparent;
    width: inherit;
    border: 0px;
    height: auto;
    line-height: inherit;
}

.form_area .select2-selection__choice__remove:hover {
    background-color: transparent;
}

.form_area .select2-selection__choice {
    position: relative;
}

.form_area .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff;
    font-weight: 700;
    margin-left: 3px;
    margin-right: 1px;
    padding-right: 3px;
    padding-left: 3px;
    display: inline-block;
    background: #9066F0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    padding: 0;
    font-size: 10px;
    border-radius: 50%;
    margin-right: 5px;
    border: 0px;
    float: none;
}


/*.form_area .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove span {
    font-size: 13px;
    position: relative;
    top: -3px;
}*/

.list_form_area .form_area .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    /*margin-top:11px;*/
}

.form_area .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    margin-top: 0px;
    border: 0px;
    float: none;
    display: inline-block;
}

.form_area .select2-selection__choice__display {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    color: #888888;
}

.form_area .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
    padding: 0px;
}

#advanced_filter label {
    margin: 0px;
}

#advanced_filter .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px;
    margin-bottom: 0px;
}

.form_area .date_icon input {
    width: 88%;
    margin-right: 3%;
}

.form_area .date_icon i,
.form_area .date_icon .svg-inline--fa {
    color: #9066F0;
}


/*login form end*/

.range_slider .ui-widget.ui-widget-content {
    background-color: #000000;
}

.range_slider .ui-slider-horizontal .ui-slider-range-min {
    /*left:-1px;*/
}

.range_slider .ui-widget-header {
    background-color: #00b393;
}

.range_slider .ui-widget.ui-widget-content {
    border: 0px;
}


/*custom drop down menu begin*/

.custom_dropdown .dropdown-toggle {
    background-color: transparent;
    border: 0px;
    outline: none;
    color: #ffffff;
    display: inline-block;
}

.custom_dropdown .dropdown-header {
    font-family: 'Futura Std';
    font-size: 20px;
    border-bottom: 1px solid #cfcfcf;
    /* margin-bottom: 9px; */
    padding-bottom: 14px;
    margin-bottom: 10px;
}

.custom_icons,
.custom_dropdown {
    display: inline-block;
}

.custom_icons a {
    font-size: 20px;
    color: #ffffff;
    padding-left: 21px;
}

.custom_icons a:hover {
    color: #000000;
}

.custom_icons {
    position: relative;
    margin-left: 18px;
}

.custom_icons:before {
    content: '';
    height: 37px;
    width: 1px;
    background-color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: -7px;
    top: -3px;
}

.custom_dropdown .dropdown-item:focus,
.custom_dropdown .dropdown-item:hover {
    background-color: #9066F0;
    color: #ffffff;
}

.custom_dropdown .dropdown-toggle::after {
    display: none;
}


/*custom drop down menu end*/


/*content area begin*/

.content_area h3 {
    color: #000000;
    font-size: 35px;
    font-family: 'Futura Std';
}

.content_area h4 {
    color: #000000;
    font-size: 30px;
}

.left_lead,
.right_lead {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
}

.right_lead {
    padding-left: 0px;
    padding-right: 0px;
}

.lead_list {
    padding-bottom: 10px;
}

.right_lead {
    border: 1px solid #eeeeee;
}

.lead_title {
    border-bottom: 1px solid #eeeeee;
    padding: 0px 0px;
}

.lead_list_title {
    font-size: 18px;
    margin: 0px;
}

.list_begin {
    list-style-type: none;
    padding: 0px;
}

.list_begin li {
    padding: 0px 0px;
    border-bottom: 1px solid #eeeeee;
}

.list_rigt_icons a {
    color: #000000;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 6px;
    display: inline-block;
}

.list_rigt_icons a:hover,
#example .custom_icons a:hover {
    color: #1ebd9e;
}

.view_all_btn {
    color: #7239EA;
}

.view_all_btn:hover {
    color: #000000;
}

.grey_border {
    /* border: 1px solid #eeeeee; */
}

.circle_btm_txt a {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    color: #01be9e;
}

a.black_available {
    color: #000000;
}


/*content area end*/


/*footer begin*/

.site_footer {
    background-color: #000000;
    margin-top: 30px;
}

.site_footer p,
.site_footer a {
    line-height: 15px;
    color: #ffffff;
}

.site_footer a {
    display: inline-block;
    border-left: 1px solid #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.site_footer a:first-child {
    border-left: 0px;
}

.site_footer a:hover {
    color: #1ebd9e;
}


/*footer end*/


/*property lists begin*/

.custom_form select,
.custom_form a {
    padding: 6px 34px 6px 15px;
    background-color: #e3e4e5;
    color: #9066F0;
    border: 1px solid #9066F0;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    font-size: 18px;
    border-radius: 4px;
    display: inline-block;
}

.custom_arrow {
    position: relative;
}

.custom_arrow:after {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    right: 12px;
    position: absolute;
    color: #9066F0;
    top: 20%;
    font-size: 19px;
    font-weight: 600;
}

.pro_tile_section select {
    margin-left: 9px;
}


/*list header begin*/

.list_title_section .inner_table_right {
    /*width:41%;*/
    /*text-align: right;*/
}


/*list header end*/

.table_header .custom_form {
    padding-right: 13px;
}

.special_margin {
    /* margin-top:-6px !important; */
    display: inline-block;
}

.special_margin span {
    display: inline-block;
}

.entries_filter .special_margin label {
    margin-bottom: 0;
}

.special_margin .custom_form {
    display: inline-block;
}

.special_margin input[type="submit"],
.special_margin button[type="submit"],
.special_margin input[type="button"] {
    min-width: 110px;
    border: 0px;
    outline: none;
    /* height: 48.8px; */
    /* line-height: 48.8px; */
    background-color: #9066F0;
    color: #ffffff;
    -webkit-appearance: none;
    border-radius: 4px;
    padding: 8px 10px;
}

.unique_btn .special_margin button[type="submit"] {
    padding: 7px 10px;
    margin-top: -10px;
}

.special_margin input[type="submit"]:hover,
.special_margin input[type="button"]:hover {
    background-color: #000000;
}

.inner_table_right input[type="search"] {
    border: 0px;
    border-bottom: 1px solid #9066F0;
    background-color: transparent;
    width: auto;
    outline: none;
    display: inline-block;
    float: left;
}

.inner_table_right input[type="submit"],
.inner_table_right input[type="search"] {
    height: 44px;
    line-height: 44px;
}

.inner_table_right input[type="submit"] {
    width: 20px;
    background-color: transparent;
    border: 0px;
    background-image: url(../images/search_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 1px solid #9066F0;
    display: inline-block;
    vertical-align: bottom;
    float: left;
}

.inner_table_right input[type="submit"]:hover {
    opacity: 0.5;
}

.inner_table_right {
    position: relative;
    margin-top: -9px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.inner_table_right form,
.inner_table_right a {
    display: inline-block;
}

.inner_table_right a {
    /* line-height: 42px;
  height: 42px;*/
    background-color: #9066F0;
    color: #ffffff;
    margin-left: 17px;
    font-size: 18px;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
}

.site_btn,
.btn {
    background-color: #9066F0;
    padding: 8px 14px;
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    border: 0px;
    outline: none;
}

a.site_btn[href^="tel:"] {
    font-size: 13px;
}

.inner_table_right a:hover,
.site_btn:hover,
.btn:hover {
    background-color: #000000;
    color: #ffffff;
}


/*property lists end*/


/*custom table begin*/

.custom_table table {
    width: 100%;
}

.custom_table .green_txt {
    color: #9066F0;
    vertical-align: middle;
    position: relative;
    padding-left: 40px;
    display: block;
}

.custom_table span.green_txt {
    color: #000;
}

.custom_table span.green_txt .svg-inline--fa {
    color: #9066F0;
}

.custom_table .green_txt:hover {
    color: #000000;
}

a.green_txt .svg-inline--fa,
.green_txt .svg-inline--fa,
.green_txt i,
a.green_txt i {
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

#example th {
    font-size: 15px;
    border: 0px;
    background-color: #e6e6e6;
    font-family: 'Futura Std';
    color: #000000;
}

#example .table-bordered td {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #ffffff;
}

#example.table-bordered td,
#example.table-bordered th {
    border: 0px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 15px;
}

#example tbody tr {
    background-color: #ffffff !important;
    border-top: 1px solid #dee2e6;
}

#example .custom_icons:before {
    display: none;
}

#example .custom_icons {
    margin-left: 0px;
}

.green_txt {
    color: #212529;
}

#example .custom_icons a {
    color: #00BEA3;
    padding-left: 0px;
    padding-right: 9px;
    position: relative;
    z-index: 1;
}

#example .custom_icons a .fal.fa-trash-alt {
    color: #CC0000;
}

#example input[type=checkbox]+label {
    display: inline-block;
    /* margin: 0.2em; */
    cursor: pointer;
    /* padding: 0.2em; */
    margin: 0;
}

#example input[type=checkbox] {
    display: none;
}

#example .dropdown-toggle::after {
    display: none !important
}

#example input[type=checkbox]+label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    /* border: 1px solid #dddddd; */
    border: 1px solid #9066F0;
    border-radius: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 0.2em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    font-size: 10px;
}

#example th input[type=checkbox]+label:before {
    border: 1px solid #000000;
}

.tags_layout #example th input[type=checkbox]+label:before {
    border: 1px solid #fff;
    background-color: #fff;
}

#example input[type=checkbox]+label:active:before {
    transform: scale(0);
}

#example input[type=checkbox]:checked+label:before {
    background-color: #9066F0;
    border-color: #9066F0;
    color: #fff;
}

.tags_layout #example th input[type=checkbox]:checked+label:before {
    background-color: #fff;
    border-color: #fff;
    color: #9066F0;
}

.main_title_header label.custom_arrow {
    margin-bottom: 0;
}

.fancybox-is-open .fancybox-bg {
    background-color: rgb(0 0 0 / 90%) !important;
}
@media (min-width:1200px) {
    .hot_leads .list_title_section .inner_table_right, .hot_leads .entries_filter, .hot_leads .inner_table_right {
    width: 100%;
}
    
}
@media (min-width: 992px) {
    .tags_layout #example th.action_col {
        text-align: right !important
    }
}

.tags_layout #example tr td.name a {
    color: #9066F0;
    background-color: #fff;
    padding: 5px;
}

.tags_layout #example tr td.name a:hover {
    color: #fff;
    background-color: #9066F0;
    border-radius: 5px;
}

#example input[type=checkbox]:disabled+label:before {
    transform: scale(1);
    border-color: #aaa;
}

#example input[type=checkbox]:checked:disabled+label:before {
    transform: scale(1);
    background-color: #9066F0;
    border-color: #9066F0;
}

.page-link {
    border: 0px;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.page-item.active .page-link {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

.page-item.disabled .page-link {
    background: transparent;
}

.page-item .page-link:hover {
    background-color: #000000;
}

.page-item .page-link:hover {
    color: #ffffff;
}

.page-link {
    color: #ffffff;
    background: #9066F0;
}

.page-item {
    margin-right: 9px;
}

.pagination-lg .page-link {
    padding: 1px 9px;
    font-size: 15px;
}

.page-item.disabled .page-link {
    color: #000000;
}

.sfsr_list .site_btn {
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    margin-left: 0px;
    line-height: inherit;
    padding: 5px 10px;
}

.sfsr_list .site_btn:first33-child {
    margin-top: 0px;
}

.spacer:first-child {
    height: 20px;
}

.table-bordered .hot_lead {
    border: 1px solid #b51415 !important;
}

#example.table-bordered .hot_lead td {
    vertical-align: top;
}

tr.hot_lead td:last-child {
    position: relative;
}

.spacer {
    height: 20px;
}

tr.hot_lead td:last-child:after {
    content: '';
    border: 0;
    background-image: url(../images/red_bg.png);
    width: 141px;
    height: 98px;
    display: block;
    position: absolute;
    top: -9px;
    background-size: contain;
    background-repeat: no-repeat;
    right: -52px;
}


/*custom table end*/


/*steps begin*/

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 33.3%
}

.normal_button {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
}

.normal_button .step_btn {
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid #000000;
    padding: 5px;
    display: inline-block;
}

.normal_button .step_btn span {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.normal_button.active .step_btn {
    border: 1px solid #9066F0;
}

.normal_button.active .step_btn span {
    background-color: #9066F0;
}

.stepwizard .stepwizard-step .svg-inline--fa,
.stepwizard .stepwizard-step i {
    font-size: 35px;
    color: #ffffff;
    padding-top: 0;
}

.stepwizard .btn-default {
    background-color: #000000;
}

.setup-panel {
    position: relative;
}

.setup-panel:before {
    content: '';
    position: absolute;
    width: 66%;
    height: 1px;
    background-color: #000000;
    top: 46px;
    left: 15%;
}

.steps_content .white_form {
    background-color: #ffffff;
}

.white_form {
    border: 1px solid #dddddd;
    border-radius: 4px;
}

.white_form .form_area {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
}

.white_form .form_area input[type='text'],
.white_form .form_area input[type='email'],
.white_form .form_area input[type='password'],
.white_form .form_area input[type='file'],
.white_form .form_area input[type='tel'],
.white_form .form_area textarea {
    font-size: 17px;
    border: 2px solid #7239EA;
    box-shadow: none;
}

.rehab_area .white_form .form_area input {
    margin-bottom: 15px;
}

.rehab_area .white_form .form_area select {
    font-size: 17px;
    border: 1px solid #9066F0;
    box-shadow: none;
    width: 100%;
    height: 42px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.rehab_area .form_area #importForm label {
    padding-left: 0;
}

.form-control {
    font-size: 18px;
    color: #868686;
}

.white_form.fancybox-content .form_area input[type='text'],
.white_form.fancybox-content .form_area input[type='tel'],
.white_form.fancybox-content .form_area input[type='email'],
.white_form.fancybox-content .form_area input[type='password'] {
    border: 1px solid #dedede;
    border-radius: 4px;
}

.white_form {
    border: 0px;
    width: 100%;
    display: inline-block;
    padding-bottom: 20px;
    padding-top: 20px;
}

.fancybox-slide .white_form {
    padding-top: 0 !important;
}

.fancybox-slide .rehab_area .white_form {
    padding-top: 20px !important;
}

.white_form .ui-state-highlight,
.white_form .ui-widget-content .ui-state-highlight,
.white_form .ui-widget-header .ui-state-highlight {
    border: 1px solid #9066F0;
    background: #9066F0;
    color: #ffffff;
}

.white_form .form_area ::-webkit-input-placeholder {
    color: #888888;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    font-family: 'Futura Std';
}

.white_form .form_area :-ms-input-placeholder {
    color: #888888;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    text-align: center;
}

.white_form .form_area ::placeholder {
    color: #888888;
}

.files input {
    outline: 2px dashed #31cbb0 !important;
    outline-offset: -2px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 149px 0px 60px 45% !important;
    /*padding-left: calc(45% - 15px) !important; */
    text-align: center !important;
    margin: 0;
    width: 100% !important;
    background: red;
    border-radius: 0px !important;
    z-index: 1;
}

.files input:focus {
    outline: 2px dashed #92b0b3;
    /* outline-offset: -10px; */
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border: 1px solid #92b0b3;
}

.files {
    position: relative;
    outline: 0px;
    margin-bottom: 0px;
    overflow: hidden;
}

.files:after {
    pointer-events: none;
    position: absolute;
    top: 7px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    font-family: "Font Awesome 5 Pro";
    content: "\f574";
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #9066F0;
    font-size: 57px;
}

.color input {
    background-color: #A895FF;
}

.files:before {
    position: absolute;
    bottom: 63px;
    left: 0;
    pointer-events: none;
    width: 100%;
    right: 0;
    display: block;
    margin: 0 auto;
    color: #0c1d20;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    border-radius: 0px !important;
}


/*.form_area .form-control:focus {
      border-color: #A895FF !important;
      background-color: #A895FF;
}*/

.invalid-feedback {
    color: #ff0700;
    font-size: 15px;
}

.drag_txt {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 101px;
    font-size: 20px;
}

.steps_content .select2-container {
    width: 100% !important;
    text-align: left;
}

.steps_content .select2-selection__rendered {
    padding-left: 15px !important;
}

.steps_content .site_btn {
    width: 100%;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 18px;
}

.steps_content .site_btn:hover {
    color: #ffffff;
}

.two_btn a {
    width: 49.5% !important;
    display: inline-block;
    vertical-align: middle;
}

.two_btn a:first-child {
    background-color: #000000;
}

.two_btn a:first-child:hover {
    background-color: #9066F0;
}


/*steps end*/


/*form begin*/

.grey_bg {
    background-color: #f8f8f8;
}

.white_bg {
    background-color: #ffffffff;
    border: 1px solid #dddddd;
    border-radius: 10px;
}

.white_bg h3 {
    font-size: 30px;
}

.white_bg h3.category_title span {
    color: #00c19e;
}

.white_bg h4 {
    font-size: 22px;
}

.white_bg .custom-file-input {
    font-family: 'Futura Std';
    border: 1px solid #dddddd;
    cursor: pointer;
}

.white_bg .custom-file-label {
    border-radius: 0px;
    -webkit-box-shadow: inset -1px 1px 8px 0px rgba(237, 237, 237, 1);
    -moz-box-shadow: inset -1px 1px 8px 0px rgba(237, 237, 237, 1);
    box-shadow: inset -1px 1px 8px 0px rgba(237, 237, 237, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.white_bg .custom-file-label::after {
    color: #555555;
    background-color: #eeeeee;
}

.white_bg .select2-container--default .select2-selection--single {
    height: 35px;
    border: 1px solid #dddddd;
    border-radius: 0px;
}

.white_bg .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    outline: none;
    -webkit-box-shadow: inset -1px 1px 8px 0px rgba(237, 237, 237, 1);
    -moz-box-shadow: inset -1px 1px 8px 0px rgba(237, 237, 237, 1);
    box-shadow: inset -1px 1px 8px 0px rgba(237, 237, 237, 1);
}

.white_bg .select2-container--default .select2-results__option--highli {
    background-color: #9066F0;
}

.white_bg .select2-container--default .select2-results__option[aria-selected=true] {
    color: #555555;
    background-color: #eeeeee;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #9066F0 !important;
}

.white_bg .custom-file-input:focus~.custom-file-label {
    box-shadow: none;
}

.select2-hidden-accessible {
    outline: none !important;
}

.green_icon {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #0d1d21;
    text-decoration: none;
}

.ip_row .addmore {
    background-color: #67d9c2;
    display: block;
    color: #ffffff;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 10px;
    width: 89px;
}

.ip_row .addmore:hover {
    background-color: #7A4CF2;
}

.green_icon .svg-inline--fa,
.green_icon i {
    background-color: #9066F0;
    color: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    padding-top: 5px;
    margin-right: 8px;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    font-weight: 500;
}

.submit_btn {
    background-color: #9066F0;
    color: #ffffff;
    font-size: 16px;
    width: 100%;
    /*  height:40px;
  line-height:40px;*/
    border-radius: 4px;
    border: 0px;
    margin-bottom: 8px;
    margin-top: 10px;
}

.submit_btn:hover {
    background-color: #000000;
}

.white_bg .select2-container {
    width: 98% !important;
    border: 1px solid #dddddd;
}


/*form end*/


/*custom drag section begin*/

.custom_grey .list-group-item {
    background-color: transparent;
    border: 0px;
    margin-top: 15px;
    background-color: #ffffff;
    color: #1f1f1f;
    font-size: 16px;
    cursor: move;
    border-radius: 0px;
}

.custom_grey #sortable .list-group-item {
    padding: 0px;
}

.custom_grey {
    background-color: #f3f3f3;
}

.white_title_bg {
    background-color: #ffffff;
}

.custom_grey {
    margin-right: 25px;
    border: 6px solid #e0dcdc;
    padding: 25px;
}

.custom_grey #sortable .list-group-item:first-child,
.custom_grey .list-group-item:first-child {
    /*margin-top:25px;*/
}

.custom_grey #sortable .list-group-item {
    /* background-color: #ffffff; */
    border: 0px;
    cursor: default;
}

.custom_grey .list-group-item {
    border-radius: 0px;
}

.custom_grey #sortable .droppable {
    border: 0px;
    cursor: move;
}

.custom_grey .list-group-item {
    /*  height: 48.6px;
  line-height: 48.6px;*/
    padding: 0px 0;
    /*width: 98%;*/
}

.simple_title {
    font-size: 16px;
    margin-bottom: 0px;
}

.simple_nxt {
    font-size: 14px;
}

.bounce-arrow::before {
    content: '';
    opacity: .8;
    position: absolute;
    display: inline-block;
    margin-top: -10px;
    left: -50px;
    width: 80px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/images/arrow.png);
    -webkit-animation: bounce-arrow 1.75s ease-in-out infinite;
    -moz-animation: bounce-arrow 1.75s ease-in-out infinite;
    -o-animation: bounce-arrow 1.75s ease-in-out infinite;
    animation: bounce-arrow 1.75s ease-in-out infinite;
    animation: bounce-arrow 1.75s ease-in-out infinite;
}

@-webkit-keyframes bounce-arrow {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-.4em)
    }
}

@-moz-keyframes bounce-arrow {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-.4em)
    }
}

@-o-keyframes bounce-arrow {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-.4em)
    }
}

@keyframes bounce-arrow {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-.4em)
    }
}

.bounce-logo {
    -webkit-animation: bounce-coach .8s ease-in-out infinite;
    -moz-animation: bounce-coach .8s ease-in-out infinite;
    -o-animation: bounce-coach .8s ease-in-out infinite;
    animation: bounce-coach .8s ease-in-out infinite;
    animation: bounce-coach 1.4s ease-in-out infinite;
}

.bounce-coach {
    position: absolute;
    z-index: 1;
    right: 140px;
    top: 60px;
    background: url(/images/replace/uparrow-vertical-2x.png) no-repeat scroll 0 0 transparent;
    background-size: 43px;
    height: 85px;
    width: 44px;
    -webkit-animation: bounce-coach .8s ease-in-out infinite;
    -moz-animation: bounce-coach .8s ease-in-out infinite;
    -o-animation: bounce-coach .8s ease-in-out infinite;
    animation: bounce-coach .8s ease-in-out infinite;
    animation: bounce-coach 1.4s ease-in-out infinite;
}

@-webkit-keyframes bounce-coach {
    0% {
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(.7em)
    }
}

@-moz-keyframes bounce-coach {
    0% {
        -moz-transform: translateY(0)
    }
    100% {
        -moz-transform: translateY(0)
    }
    50% {
        -moz-transform: translateY(.7em)
    }
}

@-o-keyframes bounce-coach {
    0% {
        -o-transform: translateY(0)
    }
    100% {
        -o-transform: translateY(0)
    }
    50% {
        -o-transform: translateY(.7em)
    }
}

@keyframes bounce-coach {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(.7em)
    }
}

.bounce {
    -webkit-animation: bounce .8s ease-in-out infinite;
    -moz-animation: bounce .8s ease-in-out infinite;
    -o-animation: bounce .8s ease-in-out infinite;
    animation: bounce .8s ease-in-out infinite;
    animation: bounce 1.4s ease-in-out infinite;
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(.4em)
    }
}

@-moz-keyframes bounce {
    0% {
        -moz-transform: translateY(0)
    }
    100% {
        -moz-transform: translateY(0)
    }
    50% {
        -moz-transform: translateY(.4em)
    }
}

@-o-keyframes bounce {
    0% {
        -o-transform: translateY(0)
    }
    100% {
        -o-transform: translateY(0)
    }
    50% {
        -o-transform: translateY(.4em)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(.4em)
    }
}

.simple_nxt .svg-inline--fa,
.simple_nxt i {
    padding-right: 5px;
}

.custom_grey .ui-draggable-dragging {
    z-index: 10;
    background-color: #ffffff !important;
    margin-top: 0px;
    border: 1px dashed #4f96c3 !important;
}

.custom_grey #sortable .ui-draggable-handle {
    margin-top: 0px;
}

span.droppable {
    float: left;
    min-height: auto !important;
    margin: 0 15px 0px 0px;
    background-color: #e9e7e7 !important;
}

.custom_grey #sortable .ui-sortable-handle {
    /* height:49.6px;*/
    width: 100%;
    border: 0px;
}

.custom_grey .list-group {
    width: 100%;
    margin: auto;
    /* padding: 20px 15px 20px 15px; */
}

.custom_grey #sortable2 span.droppable {
    border: 1px dashed #2fcbae;
}

.custom_grey #sortable .ui-state-highlight .ui-sortable-handle .ui-draggable-handle {
    margin-top: 0px;
    width: 50% !important;
    padding-left: 10px;
}

.custom_grey #sortable .ui-draggable-handle {
    background-color: #bbdfd7 !important;
    color: #00c19e !important;
    padding-left: 10px;
    padding-right: 10px;
    border: 2px dotted #00c19e;
    cursor: move;
}

.custom_grey #sortable .ui-state-highlight li {
    display: none;
}

.custom_grey #sortable .ui-state-highlight li:last-child {
    display: block;
}

.back_btn {
    background-color: #00c19e;
    display: inline-block;
    padding: 11px 71px;
    font-size: 17px;
    border-radius: 10px;
    color: #ffffff;
    position: relative;
}

.back_btn:hover,
.validation_btn:hover {
    background-color: #000000;
    color: #ffffff;
}

.back_btn .svg-inline--fa,
.back_btn i {
    position: absolute;
    left: 43px;
    top: 40%;
}

.validation_btn {
    background-color: #00c19e;
    display: inline-block;
    padding: 0px;
    font-size: 17px;
    border-radius: 10px;
    color: #ffffff;
    position: relative;
}

.validation_btn input {
    background-color: transparent;
    border: 0px;
    width: 100%;
    height: 49.2px;
    line-height: 39.2px;
    border: 0px;
    outline: none;
    color: #ffffff;
    /* padding-left: 29px; */
    /* padding-right: 35px; */
    text-align: center;
    line-height: 49.2px;
    /* padding-top: 0px; */
    /* padding-bottom: 0px; */
    padding: 0px 57px;
}

.validation_btn .svg-inline--fa,
.validation_btn i {
    position: absolute;
    right: 33px;
    top: 36%;
}

.back_btn .svg-inline--fa,
.validation_btn .svg-inline--fa,
.back_btn i,
.validation_btn i {
    font-size: 13px;
}

.back_btn,
.validation_btn {
    text-transform: capitalize;
}


/*.custom_grey::-webkit-scrollbar {
  width: 10px;
}

.custom_grey::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.custom_grey::-webkit-scrollbar-thumb {
  background: #888;
}

.custom_grey::-webkit-scrollbar-thumb:hover {
  background: #555;
}*/


/*.custom_grey.workBox .list-group {
  height:600px;

}*/

.custom_grey #sortable2 .list-group {
    overflow-y: auto;
}

#workBox2 {
    overflow-y: auto;
}

#sortable .list-group-item {
    position: relative;
}

#sortable2 label.error {
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    top: 1px;
    right: 0;
    /* background: #00c19e;*/
    height: 18px;
    line-height: 18px;
    padding: 1px 5px;
}

#workBox {
    height: 600px;
    overflow: auto;
    position: relative;
    right: 7%
}

#workBox1 {
    position: sticky;
    left: 0;
    top: 0;
    height: inherit;
}

#workBox .ui-state-default,
#workBox .ui-widget-content .ui-state-default,
#workBox .ui-widget-header .ui-state-default,
#workBox .ui-button,
html #workBox .ui-button.ui-state-disabled:hover,
html #workBox .ui-button.ui-state-disabled:active {
    border: 0px;
}

.steps_content .white_bg {
    background-color: transparent;
    border: 0px;
}

#mapForm {
    font-size: 18px;
}

.custom_header_txt p {
    margin-top: 0px;
    margin-bottom: 0px;
}


/*custom drag section end*/


/*pop up form begin*/

.fancybox-content {
    padding: 0px;
    border: 0px;
}

.popup_form.fancybox-content {
    padding: 0px;
}

.fancybox-content h3 {
    background: #9066F0;
    color: #ffff;
    padding: 10px 15px;
}

.fancybox-slide--html .fancybox-close-small {
    padding: 0px;
    right: 15px;
    top: 20px;
    color: #ffffff;
    background: #000000;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.fancybox-slide--html .fancybox-button svg {
    width: 85%;
    margin: auto;
}

.fancybox-slide--html .fancybox-button svg:hover {
    opacity: 0.8;
}

.popup_form .form_area {
    padding: 15px;
}

.fancybox-content {
    width: 850px;
}


/*pop up form end*/

.range_slider #custom-handle {
    width: 35px;
    height: 35px;
    background-color: #00b393;
    border: 1px solid #00b393;
    border-radius: 50%;
    font-size: 15px;
    padding-top: 5px;
    font-weight: 900;
    top: 0px;
    color: #fff;
    cursor: pointer;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    box-shadow: none;
    border: 1px solid #9066F0;
}

.select2-container--bootstrap4 .select2-selection {
    border: 1px solid #9066F0;
}

.space_btn {
    margin-left: 30px;
}

#importForm h4 {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 15px;
    margin-bottom: 25px !important;
}

.form_area .import_popup button {
    position: absolute;
    width: 150px;
    right: 54px;
    top: 10px;
    background: #ffffff;
    color: #9066F0;
    border: 0px;
    outline: 0;
}

.form_area .import_popup button:hover {
    background-color: #000000;
    color: #ffffff;
}

.form_area .import_popup label {
    padding-left: 5px;
    padding-right: 0px;
}

.tags {
    border: 1px solid #01bf9d;
    padding: 10px 15px 0px 15px;
    border-radius: 4px;
    min-height: 51px;
}

.tags span {
    background-color: #7A4CF2;
    padding: 1px 10px 0px 10px;
    display: inline-block;
    color: #ffffff;
    margin-bottom: 10px;
}

#importForm textarea.form-control {
    height: 195px;
}

.error {
    color: red !important;
}


/*#step-1  .form_area button {
  background-color:transparent;
  width:inherit;
  line-height:inherit;
  height:inherit;
}*/

.map_main_area #sortable2 span.droppable {
    margin: 0px 0px 0px 0px;
}

.custom_grey #sortableList2 .ui-sortable-helper,
.custom_grey #sortable2 .ui-sortable-handle {
    background-color: #badfd7;
    color: #00c19e;
    /*height: 47.6px*/
    ;
    text-align: center;
}

#sortable2 .ui-state-default.list-group-item {
    display: flex;
    padding: 0
}


/* .sm_hits .range_slider #custom-handle {
    top: -9px;
} */

.form_area .two_btn button[type='submit'] {
    height: 50px !important;
    line-height: 50px !important;
}

.two_btn .list_black_button button {
    background-color: #000000;
}

.two_btn .list_black_button button:hover {
    background-color: #9066F0;
}

.list_black_button {
    max-width: 100%;
    flex: 0 0 100%;
}

.two_btn .list_black_button {
    flex: 0 0 50%;
    max-width: 50%;
}

.form_area .alert.alert-success.alert-dismissible button {
    background-color: transparent;
    height: inherit;
    ;
    line-height: inherit;
    width: inherit;
}

.admin_btn:before {
    display: none !important;
}

.admin_btn {
    margin-left: 0px !important;
    padding-left: 0px !important;
    margin-right: 14px;
}

.fancybox-container {
    z-index: 9993;
}

.circle_chart {
    position: relative;
}

.circle_center {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.circle_center p {
    font-size: 35px;
}

.circle_center p span {
    display: block;
    font-size: 18px;
    font-weight: normal
}

.exp {
    position: relative;
    z-index: 99;
    text-align: center;
}

.step_bg {
    background-image: url(../images/reistacker-payment-plan-page1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px 0;
}

.white_txt {
    color: #ffffff;
    font-size: 25px;
}

.steps_area {
    background-color: #ffffff;
    border-radius: 15px;
}

.steps_area .form_area {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
}

.steps_area .form_area input[type='text'],
.steps_area .form_area input[type='tel'],
.steps_area .form_area input[type='email'],
.steps_area .form_area input[type='password'] {
    font-size: 18px;
}

.steps_area_2 .form_area input[type='text'],
.steps_area_2 .form_area input[type='tel'],
.steps_area_2 .form_area input[type='email'],
.steps_area_2 .form_area input[type='password'] {
    font-size: 18px;
    padding-left: 41px;
    border: 0px;
    width: inherit;
    padding: 0px;
    width: 87%;
}

.steps_area .form_area input[type='submit'],
.steps_area .form_area button {
    height: 65px;
    line-height: 65px;
    background-color: #ff7f00;
}

.steps_area .form_area input[type='submit']:hover,
.steps_area .form_area button:hover {
    background-color: #00a78e;
}

.steps_area .testimonial_content {
    font-style: italic;
    font-size: 18px;
    line-height: 21px;
}

.steps_area .testimonial_content h6 {
    color: #00ab92;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
}

.steps_area .carousel-indicators li {
    height: 15px;
    width: 15px;
    border-radius: 50%;
}

.steps_area .testimonial_slider .carousel-indicators li {
    background-color: #cccccc;
}

.testimonial_slider .carousel-indicators li.active {
    background-color: #2d455e;
}


/* The container */

.check_container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #878787 !important;
}

.check_container a:hover {
    color: #1c2520;
    border-bottom: 1px solid #1c2520;
}


/* Hide the browser's default checkbox */

.check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #bbbbbb;
}


/* On mouse-over, add a grey background color */


/*.check_container:hover input ~ .checkmark {
  background-color: #ccc;
}*/


/* When the checkbox is checked, add a blue background */

.check_container input:checked~.checkmark {
    background-color: #11ad95;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.check_container input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.testimonial_slider .carousel-indicators li {
    background-color: red;
}

.testimonial_slider .carousel-indicators {
    bottom: -40px;
}

.people_bg {
    background-image: url(../images/testimonial_img.png);
    width: 160px;
    height: 147px;
    background-position: center;
    background-size: contain;
}

.people_bg img {
    margin-top: 26px;
    width: 131px;
    height: 131px;
    object-fit: cover;
    border-radius: 50%;
}

.box_border img,
.box_border input {
    display: inline-block;
    vertical-align: middle;
}

.box_border img {
    padding-right: 10px;
    padding-left: 10px;
}

.box_border {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
}

.box_border_two input {
    width: 68% !important;
}

.plan_checkbox {
    border: 2px solid #cccccc;
    margin-bottom: 10px;
    color: #bbbbbb;
    padding: 10px;
    position: relative;
    cursor: pointer;
}

.plan_checkbox.active {
    border: 2px solid #9066F0;
}

.plan_checkbox span {
    display: block;
    line-height: 23px;
    cursor: pointer;
}

.plan_checkbox h5 {
    font-size: 25px;
    margin-bottom: 0px;
    cursor: pointer;
}

.plan_checkbox label {
    cursor: pointer;
}

.plan_checkbox input[type="radio"] {
    position: absolute;
    top: 50%;
    right: 15px;
    cursor: pointer;
}

.left_border {
    position: relative;
}

.left_border:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 69px;
    display: inline-block;
    background: #c2c2c2;
    left: 4px;
}

.plan_checkbox .checkmark {
    border-radius: 50%;
    width: 19px;
    height: 19px;
    right: 0px;
    left: auto;
    top: 50%;
    text-align: center;
    background-image: url(../images/n_radio.png);
    background-repeat: no-repeat;
    background-position: center;
}

.plan_checkbox .check_container input:checked~.checkmark {
    background-image: url(../images/c_radio.png);
    background-color: transparent;
}

.plan_checkbox .check_container {
    padding-left: 0px;
}

.plan_checkbox .check_container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 7px;
    border: 0px;
    height: 7px;
    border-radius: 50%;
    background: transparent;
}

.plan_active {
    -webkit-box-shadow: 0px 2px 12px 0px rgba(217, 204, 217, 1);
    -moz-box-shadow: 0px 2px 12px 0px rgba(217, 204, 217, 1);
    box-shadow: 0px 2px 12px 0px rgba(217, 204, 217, 1);
    border: 2px solid #01be9e;
    a
}

.plan_active h5 {
    color: #00bf9e;
}

.plan_active p,
.plan_active span {
    color: #000000;
}

.plan_active .left_border:before {
    background: #000000;
}

input.apple-switch {
    position: relative;
    appearance: none;
    outline: none;
    width: 50px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #00bf9e;
    border-radius: 50px;
    box-shadow: inset -20px 0 0 0 #ffffff;
    transition-duration: 200ms;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

input.apple-switch:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
}

input.apple-switch:checked {
    border-color: #00bf9e;
    box-shadow: inset 31px 0 0 0 #00bf9e;
}

input.apple-switch:checked:after {
    left: 20px;
    box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}

.bill_box {
    display: inline-block;
    vertical-align: middle;
}

.apple-switch {
    display: inline-block;
}

.grey_check_box {
    background-color: #eff1f2;
    padding: 0px 5px;
}

.content_area,
#app {
    flex: 1;
}

.border_around {
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 2px 17px 0px rgba(186, 171, 186, 1);
    -moz-box-shadow: 0px 2px 17px 0px rgba(186, 171, 186, 1);
    box-shadow: 0px 2px 17px 0px rgba(186, 171, 186, 1);
}

.ticket_form {
    background-color: transparent;
    box-shadow: none;
}

.ticket_form input[type='text'],
.ticket_form input[type='tel'],
.ticket_form textarea,
.ticket_form input[type='email'],
.ticket_form input[type='password'] {
    box-shadow: none;
    font-size: 18px;
    line-height: 46px;
    height: 46px;
}

.ticket_form textarea,
.form_area textarea {
    height: 150px;
    line-height: 25px;
    padding-top: 15px;
}

h3.green_title {
    color: #00c09e;
}

.ticket_form input[type="submit"] {
    line-height: 60px;
    height: 60px;
}

.notification_area {
    border: 1px solid #eeeeee;
    background-color: #ffffff;
    padding: 100px 15px;
}

.notification_area h3 {
    color: #9066F0;
}

.resp-tabs-container .site_btn {
    min-width: 200px;
    text-transform: uppercase;
}

.form-control:focus {
    box-shadow: none;
}

.box_border_child {
    width: 100%;
    border: none;
    padding: 8px 15px;
}

.hasDatepicker {
    position: relative;
    z-index: 9998;
}

.select2-container {
    z-index: 9993;
}

.fancybox-inner .select2-container {
    z-index: 9999;
    /* margin-top:20px;*/
}

.files:before {
    position: absolute;
    bottom: 80px;
    left: 0;
    pointer-events: none;
    width: 100%;
    right: 0;
    content: " Drag and drop .csv file here.. or ";
    display: block;
    margin: 0 auto;
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
}

.drag-over input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border: 1px solid #92b0b3;
    background-color: #ffffff;
}

.sp_close_btn button {
    display: inline-block;
    background-color: transparent;
    border: 0px;
}

.sp_close_btn button .svg-inline--fa,
.sp_close_btn button i {
    font-size: 19px;
}

.sp_close_btn button .svg-inline--fa:hover,
.sp_close_btn button i:hover {
    color: #9066F0;
}

.red_delete a {
    color: #f54336;
}

.map_fields_page .navik-header {
    z-index: 9999999;
}

.import-select-row .select2 {
    width: 100% !important;
}

.form_area .import-select-row .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    position: relative;
    top: 0;
    left: 0;
}

.advanced_filter_contacts .white_form select.form-control {
    border-color: #9066F0;
    background-color: #9066F0;
    color: #fff;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    position: relative;
}

.select_wrap {
    position: relative;
}

.advanced_filter_contacts .white_form .select_wrap:after {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    right: 15px;
    position: absolute;
    color: #fff;
    top: 14%;
    font-size: 19px;
    font-weight: 600;
}

.fancybox-content .white_form .select2-selection {
    position: relative;
}

.fancybox-content .white_form .select2-selection:after {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    right: 12px;
    position: absolute;
    color: #9066F0;
    top: 14%;
    font-size: 19px;
    font-weight: 600;
}

.fancybox-content .white_form .select2-container .select2-search--inline .select2-search__field {
    margin-top: 5px !important;
    width: 95% !important;
    font-size: 16px;
}

.fancybox-content .white_form label {
    color: #000;
}

.fancybox-content .white_form .select2-results__option--selectable {
    font-size: 16px;
}

.advanced_filter_contacts {
    width: 991px;
}

.advanced_filter_contacts .form_area input[type='submit'],
.advanced_filter_contacts .form_area button {
    text-transform: uppercase;
}


/* .advanced_filter_contacts {
  position: fixed;
  top:0;
  right:-1000px;
  height: 100vh;
  width:450px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease
} */

.advanced_filter_contacts.from-right {
    right: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease
}

.advanced_filter_contacts .form_area .date_icon input {
    width: 80%
}

.content_area iframe {
    width: 100%;
}


/* input.card_holder_name.box_border_child {
 min-width: 88%;
 width: auto;
} */

input[type="file"].form-control {
    line-height: 23px;
}

.select2-container .select2-search--inline .select2-search__field {
    max-width: 90%;
}

#example.sfsr_list td.no_data,
td.no_data {
    padding-left: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

span.droppable {
    display: inline-block;
    min-height: 25px;
    margin: 0 15px;
    background-color: #cfcfcf;
}

.navik-header {
    position: static;
}

footer {
    position: absolute;
    bottom: 0;
    z-index: 9990;
    width: 100%;
}

.content_area {
    padding-bottom: 140px !important;
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#preloader {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    z-index: 9999999;
    opacity: .7;
    text-align: center;
    padding-top: 10%;
}

.d-none {
    display: none;
}

.select2-dropdown {
    z-index: 9999
}

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

.monthly_card {
    position: relative;
}

.monthly_card .filter_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #00a38b;
    font-size: 18px;
}


/*********** Responsive begin ***********/

@media (min-width:1300px) {
    .border_right_payment {
        border-right: 1px solid #eff1f2;
        padding-right: 30px;
    }
    .container {
        max-width: 1400px;
    }
    /*.ui-state-highlight{
    height: 50px !important;
    border: 2px solid $mint;color: $mint;
  }*/
    .sort2>.draggable {
        padding-left: 15px;
    }
    .ui-active {
        border: 0px !important;
    }
    #sortable1>li {
        border: 1px dashed #2fcbae !important;
    }
    #workBox {
        overflow-y: auto;
    }
    .custom_grey .custom_paraent .list-group-item {
        margin-top: 0px;
    }
    #example.sfsr_list tr.hot_lead .custom_icons a {
        position: relative;
        z-index: 1;
        top: 15px;
        right: -6px;
    }
    .hot_lead .ribbon_height {
        min-height: 88px;
    }
    .inner_table_right a,
    .main_title_header .site_btn {
        min-width: 204px;
    }
    .content_area .lead_custom_width {
        flex: 0 0 70.666667%;
        max-width: 70.666667%;
        border: 1px solid #eeeeee;
        padding: 0;
    }
    /*.special_margin span,
  .inner_table_right a,
  .special_margin input[type="submit"],
  .inner_table_right input[type="search"] {
    font-size: 18px;
  }*/
    .main_title_header .custom_arrow select {
        min-width: 204px;
    }
    .form_area #importForm button.save_button {
        top: -55px;
        right: 15px;
    }
}

@media (max-width:1299.98px) {
    .sfsr_main_th {
        flex-direction: column;
    }
    tr.hot_lead td:last-child:after {
        display: none;
    }
    #example.sfsr_list input[type=checkbox]+label {
        position: absolute;
        left: 5px;
        top: 5px;
    }
    #example.sfsr_list td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        min-height: 35px;
    }
    #example.sfsr_list td {
        width: 100%;
    }
    #example.sfsr_list table,
    #example.sfsr_list thead,
    #example.sfsr_list tbody,
    #example.sfsr_list th,
    #example.sfsr_list td,
    #example.sfsr_list tr {
        display: block;
    }
    #example.sfsr_list thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #example.sfsr_list tr {
        border: 1px solid #ccc;
    }
    #example.sfsr_list td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    .sfsr_list td:nth-of-type(1):before {
        content: " ";
    }
    .sfsr_list td:nth-of-type(2):before {
        content: "Name";
    }
    .sfsr_list td:nth-of-type(3):before {
        content: "Property Address";
    }
    .sfsr_list td:nth-of-type(4):before {
        content: "Phone Numbers";
    }
    .sfsr_list td:nth-of-type(5):before {
        content: "Emails";
    }
    .sfsr_list td:nth-of-type(6):before {
        content: "Hits";
    }
    .sfsr_list td:nth-of-type(7):before {
        content: "Tags";
    }
    .sfsr_list td:nth-of-type(8):before {
        content: "Actions";
    }
    #example.table-bordered.sfsr_list tr.spacer:first-child {
        display: none;
    }
    #example.table-bordered.sfsr_list tr.spacer {
        /* display: none; */
        background-color: #f6f7fb !important;
        height: 20px;
        border: 0px !important;
    }
    #example.table-bordered.sfsr_list {
        border: 0px;
    }
    .circle_btm_txt {
        margin-bottom: 15px;
    }
    .inner_table_right input[type="search"] {
        /* width: 80%;*/
    }
    .table_header .fa-plus:before {
        display: none;
    }
    .inner_table_right form,
    .inner_table_right a {
        vertical-align: middle;
    }
    .inner_table_right a {
        /* padding: 0px 9px; */
    }
    tr.hot_lead td:first-child:after {
        content: '';
        border: 0;
        background-image: url(../images/red_bg.png);
        width: 73px;
        height: 142px;
        display: block;
        position: absolute;
        top: -6px;
        background-size: contain;
        background-repeat: no-repeat;
        right: -7px;
        z-index: 1;
    }
    .step_bg .h-100,
    .step_bg,
    html {
        height: auto !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    /* .setup-panel:before {
    width: 522px;
    left: 185px;
  } */
    input.card_holder_name.box_border_child {
        min-width: 50%;
        width: 60%;
    }
    .box_border img {
        padding-right: 5px;
        padding-left: 5px;
    }
    .custom_table #example td {
        font-size: 12px;
    }
    .pro_user_table th,
    .pro_user_table td {
        padding: 10px 0;
    }
    .custom_table #example .custom_icons a {
        padding-right: 2px;
        font-size: 16px;
    }
    .mobile_area {
        /*  width:55%;*/
    }
    .list_title_section .inner_table_right,
    .entries_filter,
    .inner_table_right {
        width: 100%;
    }
    .inner_table_right {
        margin-bottom: 20px;
    }
    .special_margin_show_num {
        margin-bottom: 20px !important;
    }
    .inner_table_right.inner_table_right_search input[type="search"] {
        margin-left: 10px;
    }
    .inner_table_right_search a.site_btn {
        font-size: 18px;
    }
    .inner_table_right input.search_text {
        width: 350px;
    }
    .inner_table_right .site_btn_record {
        width: 175px;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .steps_area_2 .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .pro_tile_section select {
        margin-left: 0;
    }
    .table_header .custom_form {
        padding-right: 9px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .inner_table_right a {
        /*font-size: 12px;*/
    }
}

@media (max-width:991.98px) {
    .circle_btm_txt {
        margin-bottom: 15px;
    }
    .inner_table_right input[type="search"] {
        /*  width: 85%;*/
    }
    .inner_table_right a {
        /* height:36px; */
        /* line-height:36px; */
        margin-left: 17px;
        /* padding: 0px 9px; */
    }
    .special_margin input[type="submit"] {
        min-width: 63px;
    }
    .pro_tile_section select {
        margin-left: 0px;
    }
    .table_header .custom_form {
        padding-right: 5px;
    }
    /* Force table to not be like tables anymore */
    #example td {
        width: 100%;
    }
    #example table,
    #example thead,
    #example tbody,
    #example th,
    #example td,
    #example tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #example thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #example.records_table thead tr {
        top: 0;
        left: 0;
        position: relative;
    }
    #example.records_table thead tr th {
        display: none;
    }
    #example.records_table thead tr th:first-child {
        display: block;
        height: 50px;
        padding-left: 0;
        vertical-align: middle;
    }
    #example tr {
        border: 1px solid #ccc;
    }
    #example td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
    }
    #example.table-bordered td,
    #example.table-bordered th {
        text-align: left !important;
    }
    input.card_holder_name.box_border_child {
        min-width: 50%;
        width: 60%;
    }
    .box_border img {
        padding-right: 5px;
        padding-left: 5px;
    }
    /*
  Label the data
  */
    .pr_list td:nth-of-type(1):before {
        content: " ";
    }
    .pr_list td:nth-of-type(2):before {
        content: "Name";
    }
    .pr_list td:nth-of-type(3):before {
        content: "Upload Date";
    }
    .pr_list td:nth-of-type(4):before {
        content: "Tags";
    }
    .pr_list td:nth-of-type(5):before {
        content: "Actions";
    }
    .cr_list td:nth-of-type(1):before {
        content: " ";
    }
    .cr_list td:nth-of-type(2):before {
        content: "Name";
    }
    .cr_list td:nth-of-type(3):before {
        content: "Property Address";
    }
    .cr_list td:nth-of-type(4):before {
        content: "Mailing Address";
    }
    .cr_list td:nth-of-type(5):before {
        content: "Lists";
    }
    .cr_list td:nth-of-type(6):before {
        content: "Actions";
    }
    .sr_list td:nth-of-type(1):before {
        content: " ";
    }
    .sr_list td:nth-of-type(2):before {
        content: "Name";
    }
    .sr_list td:nth-of-type(3):before {
        content: "Upload Date";
    }
    .sr_list td:nth-of-type(4):before {
        content: "Records";
    }
    .sr_list td:nth-of-type(5):before {
        content: "Hot Leads";
    }
    .sr_list td:nth-of-type(6):before {
        content: "Actions";
    }
    .ctc_lists td:nth-of-type(2):before {
        content: "Name";
    }
    .ctc_lists td:nth-of-type(3):before {
        content: "Property Address";
    }
    .ctc_lists td:nth-of-type(4):before {
        content: "Mailing Address";
    }
    .ctc_lists td:nth-of-type(5):before {
        content: "Lists";
    }
    .ctc_lists td:nth-of-type(6):before {
        content: "Actions";
    }
    .payment_table td:nth-of-type(1):before {
        content: "You credit and debit cards ";
    }
    .payment_table td:nth-of-type(2):before {
        content: "Name on card";
    }
    .payment_table td:nth-of-type(3):before {
        content: "Expires on";
    }
    .payment_table td:nth-of-type(4):before {
        content: "Make Default";
    }
    .payment_table td:nth-of-type(5):before {
        content: "Actions";
    }
    td[data-label]:before {
        content: attr(data-label) !important;
    }
    #example td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        min-height: 35px;
        text-align: left !important;
    }
    #example input[type=checkbox]+label {
        position: absolute;
        left: 5px;
        top: 5px;
    }
    .table_header {
        padding-top: 4px !important;
    }
    .content_area h3 {
        font-size: 20px;
    }
    .sfsr_main_th {
        margin-bottom: 20px;
    }
    .sfsr_main_th .custom_form .site_btn {
        /* line-height:inherit; */
        /* height:inherit; */
        /* padding:5px 14px; */
    }
    .list_blade_area .custom_form select {
        padding-left: 6px;
    }
    .list_blade_area .special_margin input[type="submit"],
    .list_blade_area .special_margin input[type="button"] {
        min-width: 91px;
    }
    .form_area .date_icon input {
        width: 87%;
        margin-right: 3%;
    }
    .list_blade_area_two .inner_table_right a {
        margin-left: 10px;
    }
    .list_blade_area_two .table_header .site_btn {
        padding: 8px 6px;
    }
    .frm_grp select {
        margin-bottom: 15px
    }
    .ribbon_height .site_btn {
        border-radius: 20px;
    }
    .list_title_section .inner_table_right,
    .entries_filter,
    .inner_table_right {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /* .setup-panel:before {
    width: 365px;
    left: 148px;
  } */
    .two_btn a {
        width: 48.5% !important;
    }
    .steps_content .site_btn {
        font-size: 17px;
    }
    input.card_holder_name.box_border_child {
        min-width: 85%;
        width: 85%;
    }
}

@media (max-width: 767.98px) {
    .drag_txt {
        font-size: 14px;
    }
    .sfsr_main_th .custom_form .site_btn {
        margin-left: 0px;
        font-size: 14px;
    }
    .sfsr_table_header .inner_table_right a {
        height: 40px;
        line-height: 40px;
        margin-top: -8px;
    }
    .sfsr_main_th span {
        margin: 10px 0px;
    }
    .login_form h3 {
        font-size: 26px;
    }
    .img_mb {
        width: 38px;
    }
    .new_ac_txt a,
    .new_ac_txt {
        font-size: 11px;
    }
    .custom_icons a {
        padding-left: 12px;
    }
    .custom_dropdown .dropdown-toggle {
        /* width: 124px; */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .site_footer p,
    .site_footer a {
        line-height: 14px;
        font-size: 14px;
    }
    .site_footer a {
        padding-left: 4px;
        padding-right: 3px;
    }
    .footer_m_left {
        width: 100%;
        margin: auto !important;
        text-align: center;
    }
    .footer_m_left a {
        margin-top: 8px;
    }
    .site_footer .container.d-flex.align-items-center {
        display: block !important;
    }
    .site_footer {
        text-align: center;
    }
    .lead_list_title {
        font-size: 15px;
    }
    .pro_tile_section {
        flex-direction: column;
    }
    .inner_table_right {
        /*order: -1;*/
        width: 100%;
        display: flex !important;
    }
    .inner_table_right.inner_table_right_content {
        display: block !important;
    }
    .inner_table_right.inner_table_right_content a {
        margin-left: 0;
        width: 100%;
    }
    .inner_table_right.inner_table_right_content .mobile_area {
        margin-bottom: 20px;
    }
    .inner_table_right form {
        width: 68%
    }
    .inner_table_right input[type="search"] {
        width: 90% !important;
    }
    .inner_table_right input[type="submit"] {
        width: 10%;
    }
    .table_header .special_margin {
        width: 100%;
    }
    .table_header .special_margin.special_margin_show_nu {
        width: auto;
        padding-bottom: 0 !important;
    }
    .table_header .entries_filter_special .special_margin {
        width: unset;
    }
    .mobile_area {
        display: flex;
    }
    .table_header .mr-auto {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .special_margin input[type="submit"] {
        width: 100%;
    }
    .table_header .custom_form select,
    .custom_arrow,
    .table_header .custom_form {
        width: 100%;
    }
    /* .admin_panel .inner_table_right input[type="search"] {
    width: 56% !important;
  } */
    .inner_table_right a {
        width: 29%;
        margin-left: 3%;
        /* height: 42px;
    line-height: 42px;*/
        text-align: center;
    }
    .main_title_header .custom_arrow,
    .main_title_header .special_margin {
        margin-top: 10px;
    }
    /* .table_header .special_margin:last-child {
        width: 33%;
    }*/
    .pro_tile_section select,
    .special_margin .custom_form {
        width: 99.5%;
    }
    .pro_tile_section select,
    .special_margin .custom_form {
        width: 100%;
    }
    .content_area h3 {
        font-size: 24px;
    }
    /* .inner_table_right a,
  .special_margin input[type="submit"] {
    font-size: 14px;
  }*/
    .custom_form select,
    .custom_form a {
        width: 100%;
    }
    .fancybox-content {
        width: 90%;
    }
    .form_area .date_icon input {
        width: 90%;
        margin-left: 10%;
    }
    .advanced_filter_contacts .form_area .date_icon input {
        width: 85%;
        margin-left: auto !important;
    }
    #advanced_filter label {
        margin-bottom: 10px;
    }
    .form_area .date_icon .svg-inline--fa,
    .form_area .date_icon i {
        position: relative;
        top: -29px;
        /* left: -7px;*/
    }
    .advanced_filter_contacts .form_area .date_icon .svg-inline--fa,
    .advanced_filter_contacts .form_area .date_icon i {
        position: relative;
        top: 0;
        left: 0;
    }
    #advanced_filter .m_hits label {
        margin-bottom: 20px;
        margin-top: 12px;
    }
    .space_btn {
        margin-left: -15px;
    }
    .fancybox-content h3 {
        font-size: 20px;
    }
    #importForm button {
        height: 35px;
        line-height: 35px;
        top: 5px;
    }
    .form_area .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
        height: 16px !important;
        width: 16px !important;
        line-height: 16px !important;
    }
    .fancybox-slide--html .fancybox-close-small {
        top: 11px;
    }
    .form_area #importForm button {
        top: 4px;
    }
    .content_area h4 {
        font-size: 20px;
        margin-top: 20px;
    }
    .form_area #importForm button.save_button {
        top: -48px;
        right: 15px;
    }
    .form_area #importForm label {
        text-align: left !important;
        padding-left: 15px;
    }
    .notes_area {
        margin-top: 15px;
    }
    #filter_form .special_margin input[type="submit"],
    #filter_form .special_margin input[type="button"] {
        min-width: 100%;
    }
    .mobile_area {
        display: flex;
        width: 100%;
    }
    .pro_tile_section .inner_table_right input[type="submit"] {
        margin-right: 2%;
    }
    .list_blade_area .list_title_section .inner_table_right {
        width: 100%;
    }
    .list_blade_area .inner_table_right input[type="search"] {
        width: 90% !important;
    }
    .list_form_area .form_area .date_icon .svg-inline--fa,
    .list_form_area .form_area .date_icon i {
        position: relative;
        top: -35px;
        left: -1px;
    }
    .map_main_area .custom_grey {
        padding: 15px;
    }
    .map_main_area .custom_grey .list-group-item {
        font-size: 11px;
    }
    .map_main_area .custom_grey {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .sort2>.draggable {
        padding-left: 0px !important;
    }
    .m_minus_top {
        margin-top: -70px;
    }
    .m_bottom {
        margin-bottom: 25px;
    }
    .validation_btn input {
        padding: 0px 19px;
    }
    .validation_btn .svg-inline--fa,
    .validation_btn i {
        right: 7px;
    }
    .validation_btn .fa-arrow-right:before {
        font-size: 8px;
    }
    .back_btn {
        padding: 11px 31px;
    }
    .back_btn .svg-inline--fa,
    .back_btn i {
        left: 20px;
        top: 35%;
    }
    .back_btn .fa-arrow-left:before {
        font-size: 8px;
    }
    #addmoreinputs .simple_title {
        font-size: 15px;
    }
    #sortable1>li,
    #sortable2 .py-3 {
        padding: 10px 0px !important;
    }
    #sortable2>li,
    .custom>li {
        display: flex;
    }
    .detail_table .inner_table_right {
        margin-top: 0px;
    }
    .detail_table .table_header .special_margin:last-child {
        width: 100%;
    }
    .detail_table .sfsr_table_header .align-items-center {
        align-items: inherit !important;
    }
    .detail_table .inner_table_right form {
        width: 100%;
    }
    .stepwizard-step p {
        font-size: 14px;
    }
    .steps_area_2 .form_area input[type='text'],
    .steps_area_2 .form_area input[type='tel'],
    .steps_area_2 .form_area input[type='email'],
    .steps_area_2 .form_area input[type='password'] {
        width: 83%;
    }
    .m_box_border {
        margin-bottom: 15px;
    }
    .profile_page .form-group.row {
        margin-bottom: 0;
    }
    .profile_page .form-group.row .form-control {
        margin-bottom: 15px;
    }
    .profile_page .box_border {
        margin-bottom: 15px;
    }
    .two_btn .list_black_button {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .two_btn .list_black_button button {
        height: auto !important;
        line-height: auto !important;
    }
    .form_area #importForm .site_btn.generate_btn {
        height: auto !important;
        line-height: auto !important;
        text-align: center !important;
    }
    h2.resp-accordion {
        font-size: 25px !important;
    }
    .table_header .pro_tile_section .mobile_spl {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #filter_form .special_margin input.bulk_submit[type="button"] {
        min-width: 100px;
        margin-left: 5px;
    }
    .inner_table_right a.site_btn_estimate {
        font-size: 16px;
        width: 77%;
    }
    .upgrade_btn_div{
    position: absolute;
    top: -100px;
}
.table_header .pro_tile_section .special_margin_email{
    width:40%;
}
.site_btn.site_btn_email{margin-top:20px;}
.client-dashboard .header_btn_nxl .header_menu{
        width: unset;
}
.client-dashboard .header_menu ul li a{
    margin:0;
margin-top:3px;}

}

@media (min-width: 576px) and (max-width: 767.98px) {
    /* .setup-panel:before {
    width: 250px;
    left: 118px;
  } */
    .steps_content .site_btn {
        font-size: 11px;
    }
    .two_btn a {
        width: 48.5% !important;
    }
    .page-item.first,
    .page-item.previous,
    .page-item.next,
    .page-item.last {
        display: none !important;
    }
     .inner_table_right button.site_btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 576.99px) {
    .sep {
        display: none;
    }
    .col-md-51 {
        width: 100%;
        margin-bottom: 15px;
    }
    .page-item.first,
    .page-item.previous,
    .page-item.next,
    .page-item.last {
        display: none !important;
    }
    
}

@media (max-width:575px) {
    /* .setup-panel:before {
    width: 100% !important;
    left: 0px !important;
  } */
    .stepwizard .stepwizard-step .svg-inline--fa,
    .stepwizard .stepwizard-step i {
        font-size: 25px;
    }
    .normal_button span {
        height: 50px;
        width: 50px;
    }
    /* .setup-panel:before {top:32px;} */
    .stepwizard-step p {
        line-height: 20px;
    }
    .drag_txt {
        font-size: 15px;
    }
    .two_btn a {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .mobile_area {
        width: 100%;
    }
    .inner_table_right a {
        width: 70%;
        text-align: center;
    }
    .inner_table_right button.site_btn {
        width: 100%;
        text-align: center;
    }
    .pro_tile_section .inner_table_right input[type="submit"] {
        margin-right: 0;
    }
    .list_blade_area_two .inner_table_right a {
        margin-left: 0;
    }
    .list_blade_area_two .inner_table_right a.site_btn_stack {
        margin-left: 10px;
    }
    .list_blade_area_two .inner_table_right input[type="search"] {
        width: 90% !important
    }
}

@media (max-width: 480px) {
    .custom_icons a {
        padding-left: 3px;
        font-size: 20px;
    }
    .navik-header .logo {
        width: 100px;
    }
    .header_right {
        margin-right: 25px;
    }
    .custom_dropdown .dropdown-toggle {
        font-size: 13px;
    }
    .custom_icons {
        margin-left: 9px;
    }
    .burger-menu {
        top: 22px;
        right: 11px;
    }
    .menu-caret {
        top: 57px;
    }
    .custom_dropdown .dropdown-toggle {
        width: 90px;
        text-align: right;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 4px;
    }
    .custom_icons:before {
        height: 20px;
    }
    .main_title_header .special_margin {
        margin-top: 15px !important;
    }
    .navik-header .logo img {
        width: 140px;
        max-width: inherit;
    }
    .custom_icons:before {
        top: 2px;
        display: none;
    }
    /* .table_header .pro_tile_section .special_margin {
        width: 31.7%;
    }*/
    .table_header .pro_tile_section .special_margin1 {
        width: 100%;
    }
    .table_header .pro_tile_section .mobile_spl {
        width: 100%;
    }
    .custom_header_txt p {
        font-size: 14px;
    }
    .steps_content .site_btn,
    .list_black_button button {
        font-size: 19px;
        height: 37px !important;
        line-height: 37px !important;
    }
    .two_btn .list_black_button button {
        height: auto !important;
        line-height: auto !important;
    }
    .form_area #importForm .site_btn.generate_btn {
        height: auto !important;
        line-height: auto !important;
        text-align: center !important;
    }
    #example td {
        word-break: break-all;
    }
    .inner_table_right a {
        font-style: 14px;
    }
    .mobile_pad_off {
        padding: 0;
    }
    .steps_content .form_area input[type='submit'],
    .form_area button {
        font-size: 19px;
    }
    /* .admin_panel .inner_table_right input[type="search"] {
        width: 86% !important;
    }*/
    .table_header .pro_tile_section .special_margin_email{
    width:40%;
}
}


/*********** Responsive end ***********/

.dropdown .dropdown-menu {
    padding: 10px;
    border-radius: 5px;
    top: 10px !important;
    -webkit-box-shadow: -1px 1px 8px 8px rgba(211, 211, 211, 1);
    -moz-box-shadow: -1px 1px 8px 8px rgba(211, 211, 211, 1);
    box-shadow: -1px 1px 8px 8px rgba(211, 211, 211, 1);
}

.dropdown .dropdown-menu.show p {
    padding: 5px 7px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0;
    color: #888888;
}

.dropdown-item {
    padding: 0 !important;
    background-color: transparent !important;
}

.dropdown-item label {
    padding: 5px 13px !important;
    font-size: 14px;
    font-weight: 600;
    margin: 3px 0 !important;
    width: 100% !important;
}

.dropdown-item:hover label {
    color: #00bf9e;
    background-color: #e3e7eb;
    border-radius: 7px;
}

.dropdown-item input[type=checkbox]:checked+label {
    color: #00bf9e;
    background-color: #e3e7eb;
    border-radius: 7px;
}

#example .dropdown .dropdown-item input[type=checkbox]+label:before {
    display: none;
}

@media (max-width: 991.98px) {
    #example .dropdown .dropdown-item input[type=checkbox]+label {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }
    .dropdown .dropdown-menu {
        /* top: 35px !important;*/
    }
}


/* Tags page styles starts here */

.tags_layout {}

.tags_layout ::-webkit-input-placeholder {
    color: #000;
}

.tags_layout #example.user_mgmt {
    border: none;
}

.tags_layout #example th {
    background-color: #272D3E;
    color: #ffffff;
    font-weight: 500;
}

.tags_layout #example td span.active_txt {
    background-color: #9066F0;
    color: #ffffff;
    padding: 5px 30px;
    border-radius: 20px;
}

.tags_layout #example td span.inactive_txt {
    background-color: #9b9ea6;
    color: #ffffff;
    padding: 5px 30px;
    border-radius: 20px;
}

.tags_layout #example thead.white_bg {
    border: none;
    background-color: transparent !important;
}

.tags_layout #example.user_mgmt tbody tr {
    border: 1px solid #dee2e6;
}

.tags_layout #example thead.white_bg th {
    background-color: transparent;
    color: #777777;
    font-size: 13px;
}

.tags_layout #example tbody tr {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.tags_layout .spacer_10 {
    height: 10px;
    background-color: transparent !important;
    border: none !important;
}

@media (max-width: 991.98px) {
    .tags_layout .spacer_10 {
        display: none !important;
    }
}

.tags_layout .action_col {
    text-align: center;
}

.tags_layout #example .custom_icons a {
    color: #000;
}

.tags_layout #example .custom_icons a:hover {
    color: #00BEA3;
}

.tags_layout #example .custom_icons a.dropdown-item {
    padding: 5px !important;
}

@media (max-width: 991.98px) {
    .tags_layout #example .custom_icons .dropdown-menu {
        top: 10px !important;
    }
}

.tag_content {
    background-color: #f8f8f8;
    width: 450px;
    max-width: 90%;
    padding: 30px !important;
    -webkit-box-shadow: -1px 1px 8px 4px rgb(211 211 211);
    -moz-box-shadow: -1px 1px 8px 4px rgba(211, 211, 211, 1);
    box-shadow: -1px 1px 8px 4px rgb(211 211 211);
    overflow: visible;
}

.fancybox-slide .white_form.tag_content {
    padding-top: 30px !important;
}

.tag_content h3 {
    background-color: transparent !important;
    text-align: center;
    margin: 0px;
    color: #000;
    font-size: 24px;
    padding: 0;
    margin-bottom: 0 !important;
}

.tag_content .icon_div {
    padding: 30px 0;
    color: #9066F0;
}

.tag_content .form_area {
    background-color: transparent;
    margin-top: 0 !important;
    display: block;
}

.white_form.tag_content.fancybox-content .form_area input[type='text'] {
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 1px;
}

.tag_content .green_txt {
    color: #9066F0;
}

.tag_content .form_area input[type='submit'],
.tag_content .form_area button {
    border-radius: 5px;
    font-size: 16px;
}

.tag_content .cancel_btn,
.tag_content .cancel_btn:hover {
    background-color: transparent;
    color: #000;
}

.tag_content .fancybox-close-small {
    top: -11px;
    right: -12px;
    position: absolute;
    background-color: #9066F0;
    z-index: 999999999999999;
}


/* Tags page styles ends here */

.mobile_logo_header .mobile_logo_div {
    display: none;
}

.mobile_logo_header button i {
    font-size: 26px;
}

@media (max-width: 768.98px) {
    .mobile_logo_header .show_desktop {
        display: none;
    }
    .mobile_logo_header .mobile_logo_div .mobile_main_logo {
        width: 125px;
        padding-left: 15px;
        position: relative;
        top: 0;
    }
    .mobile_logo_header .mobile_logo_div {
        display: inline-block;
    }
    /* .toggled .mobile_logo_header .mobile_logo_div  {
    display: none;
  } */
    .mobile_logo_header .custom_icons:before {
        display: none;
    }
    .tags_layout {
        position: relative;
    }
    .tags_layout #example th {
        min-width: 30px;
        padding: 5px 0 !important;
        height: 40px !important;
    }
    /*  .switch_views {
        position: absolute;
        right: 20px;
        width: auto !important;
    }*/
    .header_btn_nxl .header_menu ul li {
        margin-bottom: 5px !important
    }
}


/**
 * Hot Leads Page
 */

.hotleads_content_area tbody tr.row_data {
    border: 2px solid #00BF9D !important;
    /* border-left: 25px solid #00BF9D !important; */
}

.hotleads_content_area tbody tr.row_data td:first-child {
    /* border-left: 10px solid #00BF9D; */
}

.hotleads_content_area tbody .yelow_td {
    background-color: #00BF9D;
    position: relative;
}

.hotleads_content_area tbody .yelow_td span.hot_lead_span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 54px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hotleads_content_area tbody .yelow_td span.hot_lead_span span {
    transform: rotate(-90deg);
    display: block;
    font-family: 'PT Sans Narrow';
    font-size: 14px;
    font-weight: bold;
}

@media (max-width:991.98px) {
    .hotleads_content_area tbody .yelow_td span.hot_lead_span {
        width: 100px;
    }
    .hotleads_content_area tbody .yelow_td span.hot_lead_span span {
        transform: rotate(0deg);
        font-size: 16px;
    }
    .tags_layout #example th {
        min-width: 30px;
        padding: 5px 0 !important;
        height: 40px !important;
    }
    .tags_layout #example td:nth-of-type(2):before {
        content: "";
    }
}

.upgrade_content {
    background-color: #f8f8f8;
    width: 575px;
    max-width: 100%;
    max-width: 90%;
    padding: 20px !important;
    -webkit-box-shadow: -1px 1px 8px 4px rgb(211 211 211);
    -moz-box-shadow: -1px 1px 8px 4px rgba(211, 211, 211, 1);
    box-shadow: -1px 1px 8px 4px rgb(211 211 211);
    overflow: visible;
}

.fancybox-content .upgrade_popup h3 {
    background-color: transparent;
    color: #000;
    padding-left: 0;
    padding-right: 0;
}

.fancybox-slide--html .upgrade_content .fancybox-close-small {
    right: -11px;
    top: -9px;
    color: #9066F0;
    background-color: #e3e7eb;
    opacity: 1;
}

.plan_checkbox.current_plan {
    position: relative;
    margin-top: 15px;
}

.plan_checkbox.active .check_container {
    color: #000 !important;
}

.current_plan_blurb {
    color: #fff;
    text-transform: uppercase;
    background-color: #9066F0;
    padding: 5px;
    position: absolute;
    top: -11px;
    left: 10px;
    font-size: 10px;
    line-height: normal !important;
}

.upgrade_btn.btn-inverse {
    border: 1px solid #9066F0;
    background-color: transparent;
    color: #9066F0;
    padding: 5px 14px;
}

.upgrade_btn.btn-inverse:hover {
    border: 1px solid #9066F0;
    background-color: #9066F0;
    color: #fff;
}

.btn.cancel_btn {
    background-color: transparent;
    color: #aaaaaa;
}

tr.spacer_10.default_method_spacer {
    height: 20px;
}

tr.default_method {
    border: 1px solid #9066F0 !important;
}

tr.default_method td:first-child {
    position: relative;
}

tr.default_method td:first-child::before {
    content: 'Default Card';
    color: #fff;
    text-transform: uppercase;
    background-color: #9066F0;
    padding: 5px;
    position: absolute;
    top: -11px !important;
    left: 10px;
    font-size: 10px;
    line-height: normal !important;
    width: 90px;
    text-align: center;
}

.tags_layout .custom_table .green_txt {
    display: inline-block;
}

.yellow_btn {
    background-color: #EFD358;
    color: #000;
}

.plan_section .card-header {
    background-color: #9066F0;
    color: #fff;
    font-size: 24px;
}

.content_area .resp-tabs-container h4 {
    color: #999999 !important;
    font-size: 24px;
}

.plan_section .card-header span {
    border-left: 3px solid #fff;
    padding: 6px 10px;
    margin-left: 5px;
    font-size: 18px;
}

.content_area .resp-tabs-container h4 {}

#profile_tab {
    position: relative;
}

#profile_tab .col-form-label {
    color: #999999;
}

#profile_tab .top_right_box {
    position: absolute;
    top: 10px;
    right: 0;
}

#profile_tab .resp-tabs-container {
    background-color: transparent;
}

#profile_tab .resp-tab-content {
    border: none;
    padding-top: 25px;
    color: #777777;
}

#profile_tab ul.resp-tabs-list {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#profile_tab .resp-tabs-list li {
    border: none;
    background-color: transparent !important;
    font-size: 24px;
    color: #999999;
}

#profile_tab .resp-tabs-list li.resp-tab-active {
    color: #9066F0;
    border-bottom: 2px solid #9066F0 !important;
    margin-bottom: -1px;
}

@media (max-width:1199.98px) {
    #profile_tab .top_right_box {
        position: relative;
        margin-bottom: 40px;
        text-align: right;
    }
}

@media (max-width:991px) {
    #profile_tab h2.resp-accordion {
        background-color: transparent !important;
        border-top: 1px solid #c1c1c1 !important;
        font-size: 18px !important;
        margin: 10px 0;
    }
    #profile_tab h2.resp-tab-active {
        border-bottom: 1px solid #c1c1c1 !important;
        margin-bottom: 0px !important;
        padding: 10px 15px !important;
    }
    .hidden_file_input_val {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #profile_tab .resp-tabs-list li {
        min-width: auto;
    }
    footer.site_footer p,
    footer.site_footer a {
        font-size: 11px;
    }
}

@media (max-width:850px) {
    .entries_filter_special_contact {
        width: 100%;
        position: relative;
    }
    .special_margin_full {
        position: absolute;
        right: 0;
        top: -44px;
    }
    .hidden_manage {
        width: 100%;
        margin-top: 14px !important;
    }
    .special_margin.hidden_manage .btn {
        margin: 0 !important;
    }
}

.tags_layout #example.user_mgmt tbody tr:hover {
    background-color: #eeeeee !important;
}

.user_mgmt select.change_role {
    width: 180px;
    background: #eeeeee;
    color: #777777;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 15px;
}

.user_mgmt label.custom_arrow {
    margin-bottom: 0;
}

#profile_tab .tags_layout #example tbody tr {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    background-color: transparent !important;
}

#profile_tab {
    display: none;
}

@media(max-width:767.98px) {
    .table_header .custom_form {
        padding-right: 0;
    }
    .inner_table_right input[type="search"] {
        width: 90%;
    }
    .table_header .entries_filter_special .special_margin.hidden_manage {
        width: 100%;
    }
}


/* @media (min-width:1200px) {
  .tags_layout #example { border-collapse: separate; }
.tags_layout #example td { border: solid 1px #000; }
.tags_layout #example tr:first-child td:first-child { border-top-left-radius: 10px; }
.tags_layout #example tr:first-child td:last-child { border-top-right-radius: 10px; }
.tags_layout #example tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.tags_layout #example tr:last-child td:last-child { border-bottom-right-radius: 10px; }
} */