/*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: #009DB8;
            text-decoration: none;
        }

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

        html,
        body {
            height: 100%;
        }

        h3 {
            color: #5C707E;
            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: #aaaaaa;
            -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: #009DB8;
        }

        .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: #009DB8;
            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: #009DB8;
            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: #009DB8;
        }

        /*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: #009dbc;
        }

        .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: #00a7c5;
            color: #ffffff;
        }

        .site_btn:focus,
        .btn:focus {
            outline: none !important;
        }

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

        /*custom drop down menu end*/
        /*content area begin*/

        .content_area h3 {
            color: #111111;
            font-size: 30px;
            line-height: 36px;
            font-family: "Montserrat";
            display: inline-flex;
            align-items: center;
        }

        .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: #000000;
        }

        .view_all_btn {
            color: #00a8c6;
        }

        .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;
            color: #009DB8;
            border: 1px solid #009DB8;
            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 6 Pro";
            content: "\f107";
            right: 12px;
            position: absolute;
            color: #009DB8;
            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;
            margin-left: 12px;
        }

        .special_margin {
            /* margin-top:-6px !important; */
            display: inline-flex;
            align-items: center;
        }

        .special_margin span {
            display: inline-block;
            font-size: 18px;
            line-height: 22px;
            color: #111111;
        }

        .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: #009DB8;
            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: 1px solid #009DB8;
            border-left: 0px solid #009DB8;
            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;
            border-radius: 5px;
        }
        .inner_table_right input[type="search"]{
            width: 100px;
            border-radius:0 5px 5px 0;
            color: #00a8c6;
            font-size: 18px;
            line-height: 21px;
        }
        .inner_table_right input[type="search"]::placeholder{           
            color: #00a8c6;
            font-size: 18px;
            line-height: 21px;
        }
        .inner_table_right input[type="submit"] {
            width: 50px;
            background-color: transparent;
            border: 0px;
            background-image: url(../images/search_icon.png);
            background-repeat: no-repeat;
            background-position: center;
            border-bottom: 1px solid #009DB8;
            display: inline-block;
            vertical-align: bottom;
            float: left;
            border: 1px solid #029ebd;
            border-right: 0 solid #029ebd;
            border-radius:5px 0 0 5px;
        }

      

        .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: #009dbc;
            color: #ffffff;
            margin-left: 17px;
            font-size: 18px;
            display: inline-block;
            border-radius: 4px;
            text-align: center;
        }

        .site_btn,
        .btn {
            background-color: #009dbc;
            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: #00a7c5;
            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: #00a7c5;
        }

        .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;           
            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 #e3e7eb;
        }
        #example tbody tr:last-child {
            border-bottom:1px solid #e3e7eb;
        } 
        .device_table tr{
            min-height: 60px;
        }
        .device_table tr td[data-label="User"] a{
           display: inline-block;
           padding-left: 7px;
           font-weight: 500;
           font-size: 15px;
           color: #00a8c6;
        }
        .device_table tr td[data-label="User"] a:hover{
            color: #000000;
        }
        .device_table tr td .custom_icons i{
            font-size: 28px;
        }
        .device_table tr td:nth-child(6) ,
        .device_table tr th:nth-child(6),
        .device_table tr td:nth-child(7) ,
        .device_table tr th:nth-child(7) {
            text-align: center;
        }
        #example .custom_icons:before {
            display: none;
        }

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

        .custom_icons a.square_icon {
            font-size: 28px;
        }

        .tags_layout #example .custom_icons a.square_icon {
            color: #009dbc;
        }

        .green_txt {
            color: #212529;
        }

        #example .custom_icons a {
            color: #00a8c6;
            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 6 Pro";
            /* border: 1px solid #dddddd; */
            border: 1px solid #00a7c5;
            border-radius: 0;
            display: inline-block;
            width: 18px;
            height: 18px;
            padding-left: 0.4em;
            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: #009DB8;
            border-color: #009DB8;
            color: #fff;
        }

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

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

        .fancybox-is-open .fancybox-bg {
            background-color: rgb(0 0 0 / 90%) !important;
        }

        /*------start----------*/

        .dale_funk {
            background: #fff;
        }

        .dale_funk .custom_icons {
            float: right;
        }

        .dale_funk .custom_icons a {
            color: #3F3E43;
        }

        .life_time_view {
            color: #fff;
            height: 100%;
            border-radius: 7px;
            padding: 10px 0;
            background: #009dc2;
            display: flex;
            justify-content: space-between;
            padding: 10px;
            align-items: center;
        }

        a.life_time_view:hover {
            background: #00768f;
        }

        .life_time_view img {
            max-width: 90px !important;
        }

        .life_time_view1 img {
            max-width: 70px !important;
        }

        .life_time_view span {
            font-size: 52px;
            line-height: 60px;
            font-weight: 600;
            color: #ffffff;
            font-family: 'Montserrat';
        }

        .life_time_view p {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 0;
            color: #ffffff;
            font-family: 'Montserrat';
        }

        .client_dashboard,
        .client_dashboard h4,
        .card_view select {
            color: #3F3E43;
            border: none;
        }

        .card_view p a::after {
            margin-left: 40px;
        }

        .page_share_main {
            float: right;
            position: relative;
            z-index: 5;
            margin-top: 7px;
        }

        .card_view select {
            /* for Firefox */
            -moz-appearance: none;
            /* for Chrome */
            -webkit-appearance: none;
            background-image: linear-gradient(45deg, transparent 50%, #dddd 50%), linear-gradient(135deg, #dddd 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
            /* background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; */
            background-position: calc(100% - 13px) calc(1em + -4px), calc(100% - 5px) calc(1em + -4px), calc(100% - 101%);
            background-size: 8px 8px, 8px 8px, 1px 1.5em;
            background-repeat: no-repeat;
        }

        /* For IE10 */

        .card_view select::-ms-expand {
            display: none;
        }

        .card_view h5 {
            font-size: 19px;
            line-height: 24px;
            font-weight: 600;
            margin-bottom: 0;
            font-family: 'Montserrat';
        }

        .card_view h5 span {
            font-size: 14px;
            line-height: 24px;
        }

        .page_share {
            /* display: flex;
    align-items: center;
    justify-content: end; */
            margin-bottom: -54px;
        }

        .page_share span {
            color: #59707f;
        }

        .page_share a {
            color: #009dbe;
        }

        .page_share_content {
            max-width: 360px;
            width: 100%;
            border-radius: 5px;
            box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            background: #fff;
            margin-top: 70px;
            text-align: center;
            color: #59707f;
            padding: 20px;
            position: absolute;
            display: none;
            right: 0;
        }

        .page_share_content h5 {
            font-size: 20px;
        }

        .page_share_content p {
            font-size: 16px;
            line-height: 21px;
            color: #777777;
        }

        .page_share_content p {
            margin-bottom: 15px;
        }

        .page_share_content .close {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .page_share_content .close1 {
            position: absolute;
            top: 10px;
            left: 10px;
        }

        .page_share_content ul {
            list-style: none;
            text-align: left;
            padding-left: 0;
            border-top: 1px solid #dddddd;
            margin-top: 10px;
        }

        .Copy_clipboard {
            border: 1px solid #dddddd;
            padding: 5px;
            border-radius: 5px;
        }

        .page_share_content ul li {
            border-bottom: 1px solid #dddddd;
            padding: 10px 0;
        }

        .page_share_content2 a.btn {
            width: 100%;
            color: #fff;
        }

        .Copy_clipboard1 {
            padding: 10px 0;
        }

        .page_share_content ul li a>i {
            margin-right: 20px;
        }

        .page_share_content ul li a>img,
        .page_share_content ul li a>svg {
            margin: -7px 20px 0 0;
        }

        .page_share_content ul li a {
            padding: 5px;
            color: #59707f;
            display: block;
            position: relative;
            font-size: 17px;
        }

        .page_share_content input {
            background: url(../images/cardifly-logo-share.png) no-repeat left center;
            border: none;
            padding-left: 45px;
            padding-right: 0;
            /* font-size: 14px; */
        }

        .page_share_content2 input {
            text-align: center;
            background-position: 0px;
        }

        .page_share_content3 input {
            background: url(../images/cardifly-logo-share.png) no-repeat left center;
            text-align: center;
            background-position: 70px;
        }

        .page_share_content2_input input {
            background: url(../images/mobile_chat.png) no-repeat left center;
            text-align: left;
        }

        .card_view .dropdown-toggle::after {
            margin-left: 20px;
        }

        .page_share_content2_input {
            padding: 2px 0 2px 7px;
            border-radius: 5px;
            border: 1px solid #dddd;
        }

        /* .virtual_card_width .back_btn {
    margin-top: 20px;
} */

        .page_share_content2_input button.btn:focus {
            box-shadow: none;
            outline: none;
        }

        .page_share_content2_input button.btn {
            background: transparent;
            color: #009dbe;
            font-size: 15px;
        }

        .page_share_content a {
            color: #59707f;
        }

        .page_share_content a.copy_btn {
            font-size: 15px;
            padding-left: 10px;
        }

        .page_share_content a.copy_btn:hover {
            color: #009dbe;
        }

        .page_share_content2 a {
            color: #009dbe;
        }

        .page_share_content3 img {
            margin: 20px auto;
        }

        .page_share_content .custom_icons {
            position: absolute;
            right: 0;
        }

        .page_share_content3 a.btn {
            color: #fff;
            width: 100%;
            margin-top: 20px;
        }

        .client_dashboard .site_btn svg {
            margin-right: 8px;
        }

        .page_share a.btn {
            background: #fff;
            color: #5a707f;
            margin-left: 15px;
            border: 1px solid #5a707f;
            padding: 4px 20px;
        }

        .page_share a.btn:hover {
            background-color: #009dbc;
            color: #ffffff;
            border: 1px solid #009dbc;
        }

        .page_share a.btn:focus {
            box-shadow: none;
            outline: none;
        }

        #card_chart_switch {
            width: 100%;
            border: 1px solid #ddd;
            border-radius: 3px;
            padding: 10px 35px 10px 10px;
            position: relative;
            font-size: 16px;
            line-height: 20px;
            color: #111111;
            font-weight: 600;
        }

        #card_chart_switch::after {
            position: absolute;
        }

        .side_bar_img.side_form_title {
            font-size: 17px;
            padding-top: 17px;
        }

        /*------end--------*/
        /*--- card popup start---- */

        a.transfer_card_btn i {
            color: #009dbc;
        }

        a.transfer_card_btn:hover i {
            color: #000000;
        }

        /*--- card popup end---- */

        #myModal01 {
            font-family: 'Montserrat';
            background-color: rgba(255, 255, 255, 0.8)
        }

        #myModal01 .modal-content {
            border: 1px solid #dddddd;
            box-shadow: 0 0px 11px #aaaaaa;
        }

        button.close {
            position: absolute;
            right: 10px;
            top: 10px;
            color: #1fa9c4;
            opacity: 1;
        }

        #myModal01 h6 {
            font-size: 25px;
            line-height: 30px;
            color: #3f3e43;
            margin: 0;
            padding: 10px 0;
        }

        #myModal01 h6:first-child {
            padding-top: 0;
        }

        #myModal01 .form-group {
            margin: 0;
        }

        #myModal01 p {
            font-size: 17px;
            line-height: 24px;
            color: #3f3e43;
            margin: 0;
            padding: 10px 0;
        }

        #myModal01 input {
            border: 1px solid #898989;
        }

        #myModal01 input::placeholder,
        #myModal01 input {
            font-size: 14px;
            line-height: 24px;
            color: #666666;
            font-family: 'Futura Std';
        }

        #myModal01 button.btn {
            font-size: 16px;
            line-height: 20px;
            background: #009dbc;
            color: #ffffff;
            height: 42px;
            font-family: 'Futura Std';
            margin: 10px 0;
            display: block;
            width: 100%;
        }

        #myModal01 .form-check {
            display: flex;
            align-items: center;
            padding-bottom: 5px;
            padding-left: 0;
        }

        #myModal01 label {
            font-size: 18px;
            color: #3f3e43;
        }

        #myModal01 input[type=radio]:focus {
            outline-color: transparent;
        }

        .form-check-input {
            opacity: 0;
            position: absolute;
        }

        .form-check-input,
        .form-check-label {
            display: inline-block;
            vertical-align: middle;
            margin: 5px;
            cursor: pointer;
        }

        .radio-custom-label {
            position: relative;
        }

        .form-check-input+.form-check-label:before {
            content: '';
            background: #fff;
            border: 2px solid #ddd;
            display: inline-block;
            vertical-align: middle;
            width: 22px;
            height: 22px;
            padding: 2px;
            margin-right: 10px;
            text-align: center;
        }

        .form-check-input:checked+.form-check-label:before {
            content: "\f00c";
            font-family: 'FontAwesome';
            color: #009dbc;
            font-weight: 900;
            font-size: 16px;
            line-height: 16px;
        }

        .form-check-label {
            margin: 0;
        }

        #myModal01 button.btn {
            font-size: 17px;
            font-family: 'Futura Std';
        }

        #myModal01 p.search_result {
            font-size: 14px;
            line-height: 20px;
            color: #3f3e43;
            border-top: 1px solid #bbbbbb;
            border-bottom: 1px solid #bbbbbb;
            font-family: 'Montserrat';
            padding: 0;
            margin: 10px 0;
        }

        #myModal01 button.btn.btn_card {
            max-width: 375px;
            width: 100%;
            background: #3f3e43;
        }

        #myModal01 button.btn:hover {
            background: #3f3e43;
        }

        #myModal01 button.btn.btn_card:hover {
            background: #009dbc;
        }

        #myModal01 img {
            margin: 15px auto;
            display: block;
        }

        #myModal01 .modal-dialog {
            max-width: 660px;
        }

        .virtual_card .hide_el {
            opacity: 0;
        }

        .virtual_card .hide_el:hover {
            opacity: 1;
        }

        #card_chart_switch {
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: linear-gradient(45deg, transparent 50%, #dddddd 50%), linear-gradient(135deg, #dddddd 50%, transparent 50%), linear-gradient(to right, #dddddd, #dddddd);
            background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 2.5em;
            background-size: 5px 5px, 5px 5px, 1px 1.5em;
            background-repeat: no-repeat;
        }

        .life_time_view_main p {
            font-size: 20px;
            line-height: 24px;
            font-weight: 500;
            max-width: 147px;
        }

        .life_time_view_main img {
            max-width: 83px !important;
        }

        .life_time_view_main img.life_time_view_img {
            max-width: 53px !important;
        }

        .life_time_view_main {
            padding: 0 10px;
        }

        .life_time_view_main .life_time_view {
            margin: 0 -9px;
        }

        @media (min-width: 1200px) {

            .hot_leads .list_title_section .inner_table_right,
            .hot_leads .entries_filter,
            .hot_leads .inner_table_right {
                width: 100%;
            }

            #profile_tab .resp-tabs-list li {
                font-size: 18px;
            }
        }

        @media (min-width: 992px) {
            .tags_layout #example th.action_col {
                text-align: right !important
            }
        }

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

        .tags_layout #example tr td.name a:hover {
            color: #fff;
            background-color: #009DB8;
            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: #009DB8;
            border-color: #009DB8;
        }

        .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: #009DB8;
        }

        .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 #00a7c5;
        }

        .normal_button.active .step_btn span {
            background-color: #00a7c5
        }

        .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: 1px solid #03c09e;
            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 #03c09e;
            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 #03c19e;
            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 #009DB8;
            background: #009DB8;
            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 6 Pro";
            content: "\f574";
            display: block;
            margin: 0 auto;
            background-size: 100%;
            background-repeat: no-repeat;
            color: #009DB8;
            font-size: 57px;
        }

        .color input {
            background-color: #86dfd2;
        }

        .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: #86dfd2 !important;
      background-color: #86dfd2;
}*/

        .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: #009DB8;
        }

        /*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: #009DB8;
        }

        .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: #009DB8 !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: #009DB8;
        }

        .green_icon .svg-inline--fa,
        .green_icon i {
            background-color: #009DB8;
            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: #009DB8;
            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: #009DB8;
            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 #03c09e;
        }

        .select2-container--bootstrap4 .select2-selection {
            border: 1px solid #03c09e;
        }

        .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: #009DB8;
            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: #00b997;
            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: #00a7c5;
        }

        .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: rgb(0, 157, 184);
            background: radial-gradient(circle, rgba(0, 157, 184, 1) 0%, rgba(13, 109, 129, 1) 89%);
            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: #009DB8;
        }

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

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

        .steps_area .testimonial_content h6 {
            color: #009DB8;
            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 #009DB8;
        }

        .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;
        }

        .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: #009DB8;
        }

        .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: #009DB8;
        }

        .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: #03c09e;
            background-color: #03c09e;
            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 6 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 6 Pro";
            content: "\f107";
            right: 12px;
            position: absolute;
            color: #009DB8;
            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;
        }

        #card_chart_switch+.select2-container {
            margin-top: 25px;
        }

        .select2-dropdown,
        .select2-container--default .select2-search--dropdown .select2-search__field {
            border: 1px solid #dddddd;
        }
        #filter_form{
            font-family: "Montserrat" !important;
        }
        .main_title_header{
            border-bottom: 1px solid #dddddd;
            padding-bottom: 15px;
        }
        .inner_table_right  .import_btn,
        .inner_table_right  .filter_btn{
            min-width: 120px !important;
            max-width: 130px !important;
            width: 100%;
            height: 44px;
            font-size: 18px !important;
            line-height: 21px !important;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .inner_table_right  .filter_btn{
            margin-right: 0 !important;
            background: #ffbe00 !important;
            color: #ffffff !important;
        }
        .inner_table_right  .filter_btn:hover{           
            background: #000000 !important;
            color: #ffffff !important;
        }
        .inner_table_right .mobile_area{
            display: flex;
            max-width: 157px;
            min-height: 45px;
            flex-direction: row-reverse;
        }
        #example td {
            word-break: break-all;
        }
        #advanced_filter{
            font-family: "Montserrat" !important;
        }
        #csv-import-form{           
            min-height:250px;
            padding: 25px;
            border-radius: 5px;
        }
         #csv-import-form #file{
            font-size: 18px;
            color: #868686;            
            background-color: #ffffff;
            border: 1px solid #ced4da;
            border-radius: 5px;
            margin-top: 30px;
            padding: 5px;
        }
        #csv-import-form  button  {            
            background-color: #009dbc;
            padding: 8px 14px;
            color: #ffffff;
            font-size: 18px;
            line-height: 28px;
            display: inline-block;
            border-radius: 4px;
            text-align: center;
            border: 0px;
            outline: none;
        }
        #csv-import-form button{
            margin-top: 30px;
        } 
        /*********** 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;
            }
            
            .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;
            }
             .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;
            }

            .navik-menu.menu-caret.submenu-top-border.submenu-scale.col-xl-10 {
                background-color: transparent !important;
            }

            .navik-menu.menu-caret.submenu-top-border.submenu-scale.col-xl-10 ul {
                background-color: #ffffff !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;
            }
            .list_title_section .inner_table_right,
            .entries_filter,
            .inner_table_right {
                width: 100%;
            }          

            .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: 1200px) {

            .life_time_view2 span,
            .life_time_view span,
            .life_time_view3 span {
                font-size: 30px;
            }

            .life_time_view_main img {
                max-width: 60px !important;
            }

            .life_time_view_main p {
                font-size: 17px;
                line-height: 23px;
            }

            .life_time_view_main img.life_time_view_img {
                max-width: 43px !important;
            }
        }

        @media (min-width: 992px) and (max-width: 1024px) {
            .life_time_view_main img {
                max-width: 60px !important;
            }

            .life_time_view_main p {
                font-size: 14px;
                line-height: 20px;
            }
        }

        @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 thead input[type=checkbox]+label {
                position: absolute;
                left: 5px;
                top: 5px;
            }

            .table_header {
                padding-top: 4px !important;
                margin-top: 15px;
            }

            .content_area h3 {
                font-size: 20px;
            }

            .sfsr_main_th {
                margin-bottom: 20px;
            }
            .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) {
            .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%;
            }

            .life_time_view img {
                max-width: 68px !important;
            }

            .life_time_view span {
                font-size: 35px;
                line-height: 40px;
            }
            .inner_table_right .filter_btn {
                min-width: auto !important;
                padding:0 15px;
            }
        }

        @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 {               
                width: 100%;
                display: flex !important;
                justify-content:space-between !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%;
            }

            .inner_table_right a {
                width: 29%;
                margin-left: 3%;
               
                text-align: center;
            }

            .main_title_header .custom_arrow,
            .main_title_header .special_margin {
                margin-top: 10px;
            }
            .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"] {               
                padding: 15px;
            }

            .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;
            }

            .page_share a,
            .page_share span {
                font-size: 20px;
            }

            .page_share .share_btn,
            .page_share a.btn {
                padding: 3px 10px;
                margin-left: 3px;
            }
            .special_margin:empty {
                display: none;
            }
            #example td {
                word-break: break-all;
            }
        }

        @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;
            }

            .burger-menu>span {
                text-align: center;
            }

            .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-size: 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: #009DB8;
            color: #ffffff;
            font-weight: 500;
        }

        .tags_layout #example td span.active_txt {
            background-color: #009DB8;
            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: #00a8c6;
        }

        .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: #009DB8;
        }

        .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: #009DB8;
        }

        .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: #009DB8;
            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: 767.98px) {
            .mobile_logo_header .mobile_logo_div {
                display: inline-block;
            }

            .list_blade_area .inner_table_right a {
                padding: 8px 5px;
            }
        }

        @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;
            }

            /* .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 #efd358 !important;
            /* border-left: 25px solid #efd358 !important; */
        }

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

        .hotleads_content_area tbody .yelow_td {
            background-color: #efd358;
            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: #009DB8;
            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: #009DB8;
            padding: 5px;
            position: absolute;
            top: -11px;
            left: 10px;
            font-size: 10px;
            line-height: normal !important;
        }

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

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

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

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

        tr.default_method {
            border: 1px solid #009DB8 !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: #009DB8;
            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: #009DB8;
            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: #009DB8;
            border-bottom: 2px solid #009DB8 !important;
            margin-bottom: -1px;
        }

        #profile_tab .resp-tabs-list li.resp-tab-active span {
            color: #009DB8;
        }

        .profile_page #slug-success.text-success {
            color: #009dbc !important;
        }

        .site_btn.site_fliter {
            background-color: #ffb900;
        }

        .site_btn.site_fliter:hover {
            background-color: #009dbc;
        }

        .client_dashboard {
            color: #111111;
            font-family: 'Montserrat';
        }

        .client_dashboard h2 {
            font-size: 26px;
            line-height: 30px;
            font-weight: 600;
        }

        .client_dashboard .alert-info {
            font-size: 15px;
            line-height: 24px;
            color: #111111;
            background: #8dd0e4;
            border: none;
            font-weight: 600;
            padding: 6px 35px 6px 10px;
            margin-bottom: 0;
        }

        .client_dashboard .alert-info button.close {
            top: 0px;
            right: -5px;
            font-size: 15px;
        }

        .alert-dismissible button {
            color: #00718f !important;
            box-shadow: none !important;
            text-shadow: none !important;
        }

        .alert-dismissible button:focus {
            outline: none;
            box-shadow: none;
        }

        .select2-container--default .select2-selection--single {
            border: 1px solid #dddddd !important;
        }

        .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #dddddd transparent !important;
            border-width: 0 6px 7px 6px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #dddddd transparent transparent transparent !important;
            border-width: 7px 6px 0 7px;
            margin-left: -5px;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #111111;
            font-weight: 500;
        }

        .select2-container--bootstrap4.select2-container--focus .select2-selection#select2-tag-container {
            border: 1px solid #898989;
        }

        .select2-container--bootstrap4.select2-container--focus .select2-selection {
            border: 1px solid #999999;
        }

        .select2-container .select2-search.select2-search--inline .select2-search__field {

            max-width: 75%;
            background: transparent;
            display: inline-block;
        }

        .select2-container .select2-search.select2-search--inline .select2-search__field::placeholder {
            color: #999999;
        }


        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            margin-left: 0px;
            margin-right: 1px;
            padding-right: 3px;
            padding-left: 3px;
            margin-top: -2px;
            padding-top: 0;
            border: 1px solid transparent;
            background: transparent;
        }

        .select2-container .select2-selection.select2-selection--multiple {
            height: auto;
            overflow-x: hidden;
            overflow-y: scroll;
            min-height: 40px !important;
            padding: 10px 53px 5px 10px !important;
            box-sizing: border-box;

        }

        .select2-container .select2-selection.select2-selection--multiple ul {
            padding-left: 0;
            margin: 0 !important;
            padding: 0 !important;
            display: block;
        }

        .select2-container .select2-selection.select2-selection--multiple::-webkit-scrollbar {
            display: none;
        }

        .select2-selection__choice span {
            font-size: 13px;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            margin-top: 0;
            margin-bottom: 3px;
        }

        .select2-container .select2-search--inline .select2-search__field {
            margin-left: 0px;
            margin-top: 0;
        }

        .select2-container--bootstrap4 .select2-results__option--highlighted,
        .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
            background-color: #009dbc;
            color: #f8f9fa;
        }

        .side_bar_img .select2-selection.select2-selection--multiple {
            background: url(../../images/cardfly-card-customizecard-slideout-color.png) no-repeat center right, linear-gradient(to right, #fafafa 0%, #fafafa 83.5%, #009ebb 83.5%, #009ebb 100%);
        }

        @media (max-width:1399.98px) {
            #profile_tab .resp-tabs-list li {
                margin: 0;
                min-width: 100px;
                padding: 13px 5px;
            }
        }

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

            #page-content-wrapper .navik-header {
                background-color: #000000;
                padding: 15px 0;
            }

            #page-content-wrapper .burger-menu span:after {
                color: #009dbe;
            }

            #page-content-wrapper .burger-menu:hover span:after {
                color: #ffb900;
            }

            #page-content-wrapper .burger-menu {
                width: 35px;
                top: -3px;
            }

            #page-content-wrapper .dashboard_mobile .burger-menu {
                top: 10px;
            }

            #page-content-wrapper .burger-menu span:after {
                font-size: 25px;
            }

            #page-content-wrapper .navik-menu.menu-caret.submenu-top-border.submenu-scale.col-xl-10 {
                top: 40px;
            }
            #example td.created span, #example td.not_created span {
                font-size: 11px;
                line-height: 16px;
                padding: 2px 11px 3px 18px;
            } 
        }

        @media (max-width:992px) {
            .page_share_main {
                margin-top: -60px;
            }

            li#profile_tab .resp-tabs-list li {
                padding: 13px 20px;
            }
        }

        @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:991.768px) {
            #profile_tab .resp-tabs-list li {
                min-width: auto;
            }

            footer.site_footer p,
            footer.site_footer a {
                font-size: 11px;
            }

            #profile_tab .resp-tabs-list li {
                padding: 13px 18px;
            }
        }

        @media (max-width:992px) {
            li#profile_tab .resp-tabs-list li {
                padding: 13px 20px;
            }

            .page_share_content {
                top: 60px;
                right: 5px;
                margin-top: 0;
            }
        }

        @media (max-width:767.98px) {
            .page_share_main {
                margin-top: 0;
                float: none;
            }

            #myModal01 h6 {
                font-size: 24px;
                line-height: 20px;
            }

            #myModal01 p {
                font-size: 16px;
                line-height: 23px;
            }

            /* .profile_page {
        margin-top: 25px
    } */
        }

        @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;
        }
        #search_sidebar{
            margin-left: 7px;
        }
        #search_sidebar,
        .import_btn,
        .filter_btn{
            height: 42px;
        }
        .bulk_submit{
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-top: -10px;
        }
        .table_header .table_header_devices_id .custom_form{
            margin-left: 0;
        }
        .table_header_devices_id .special_margin1{
            margin-right: 7px !important;
        }
        .table_header_devices_id .special_margin span {          
            padding-right: 5px;
        }
        @media(max-width:1100px) {
       .table_header_devices_id {
            flex-direction: column;

        }
        .table_header_devices_id>div{
            justify-content: space-around !important;
            width: 100%;
            margin: 3px 0;
        }
        }
        @media(max-width:991.98px) {
        #example.device_table tr>td:first-child {
            padding-left: 1% !important;
        }
    }
        @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%;
            }

            .page_share_main {
                margin-top: 0;
            }

            .page_share {
                margin-bottom: 20px;
                word-break: break-all;
                padding-left: 30px;
                position: relative;
            }

            .page_share img {
                position: absolute;
                left: 0;
            }

            .page_share.m_look_feel {
                padding-left: 0px;
                display: none;
            }

            .m_look_feel .site_btn {
                background-color: #ffb800;
                color: #ffffff;
                display: inline-block;
                vertical-align: middle;
                width: 47%;
                text-align: center;
                font-size: 18px;
                font-weight: 500;
            }

            .m_look_feel .site_btn:hover {
                background-color: #009dbc;
            }

            .page_share.m_look_feel .share_btn {
                display: inline-block;
                vertical-align: middle;
                padding: 8px 5px;
                width: 47%;
                color: #009dbb;
                text-align: center;
            }

            .page_share.m_look_feel .share_btn:hover {
                color: #ffffff;
            }

            .m_look_feel .site_btn i,
            .m_look_feel .share_btn i {
                display: inline-block !important;
            }

            .side_bar_customize_main {
                display: none;
            }

            #profile_tab.m_tab h2.resp-accordion {
                background-color: #ffffff !important;
                border-radius: 4px;
                color: #59707f;
                padding: 18px 15px !important;
                position: relative;
            }

            #profile_tab.m_tab .resp-tabs-container {
                padding-right: 15px;
            }

            #profile_tab.m_tab .resp-arrow {
                top: 30%;
                box-sizing: content-box;
                display: inline-block;
                width: 11px;
                height: 11px;
                margin-left: 8px;
                content: "";
                border-color: #587080;
                border-style: solid;
                border-width: 2px 2px 0 0;
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
                right: 20px;
                left: auto;
                position: absolute;
            }

            #profile_tab.m_tab h2.resp-tab-active span.resp-arrow {
                border-width: 0px 0px 2px 2px;
                top: 44%;
            }

            #page-content-wrapper .navik-header {
                background-color: #000000;
                padding: 15px 0;
            }

            #page-content-wrapper .burger-menu span:after {
                color: #009dbe;
            }

            #page-content-wrapper .burger-menu {
                width: 35px;
                top: -5px;
            }

            #page-content-wrapper .burger-menu span:after {
                font-size: 25px;
            }

            #page-content-wrapper .content_area h2 {
                color: #000000;
                font-family: 'Montserrat';
            }

            #page-content-wrapper .client_dashboard .build_Card {
                font-family: 'Montserrat';
                margin-top: 20px;
                font-size: 20px;
            }

            #page-content-wrapper .client_dashboard #example .custom_icons a {
                color: #ffffff;
                background: #009dbc;
                text-align: center;
                margin: auto;
                padding: 0 10px;
                border-radius: 5px;
            }

            #page-content-wrapper .client_dashboard #example .custom_icons a.dropdown-item {
                color: #009dbc;
            }

            #page-content-wrapper .client_dashboard #example .custom_icons a.dropdown-item:hover {
                color: #00a8c6;
            }

            #page-content-wrapper .client_dashboard #example .custom_icons a:hover {
                background: #000000;
            }

            #page-content-wrapper .client_dashboard #example .custom_icons a i {
                color: #ffffff;
            }

            #page-content-wrapper #example.mob_contact td.action_cols {
                width: 22%;
            }

            #page-content-wrapper .custom_icons .dropdown-menu {
                transform: translate3d(-115px, 31px, 0px) !important;
                top: 0px;
                left: 0px;
                will-change: transform;
                text-align: left !important;
            }

            #page-content-wrapper .mob_contact h3 {
                color: #009dbc;
                font-family: 'Montserrat';
            }

            #page-content-wrapper .mobile_show h4 {
                font-size: 25px;
                color: #000000;
                font-weight: 400;
                line-height: 28px;
            }

            #page-content-wrapper .mobile_show h4.views {
                font-size: 20px;
                line-height: 24px;
                margin-top: 5px;
            }

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

            #page-content-wrapper .client_dashboard .view_cards {
                background-color: #009cbd;
                font-family: 'Montserrat';
                font-size: 20px;
                height: 50px;
            }

            #page-content-wrapper .client_dashboard .view_cards:hover {
                background-color: #000000;
            }

            #page-content-wrapper .admin_layout_footer.site_footer {
                margin-top: 0;
                background-color: #000000 !important;
                color: #ffffff !important;
            }

            #page-content-wrapper .site_footer p,
            #page-content-wrapper .site_footer a {
                color: #ffffff !important;
                font-size: 14px;
                font-weight: 300;
            }

            #page-content-wrapper .content_area {
                padding-bottom: 25px !important;
            }

            #page-content-wrapper .navik-menu.menu-caret.submenu-top-border.submenu-scale {
                top: 40px;
            }

            .site_btn,
            .btn.check_btn {
                font-size: 15px;
            }

            /* #profile_tab ul.resp-tabs-list {
            display: none;
        } */
            #profile_tab.m_tab h2.resp-accordion {
                display: none;
            }

            /* #profile_tab.m_tab h2.resp-accordion[aria-controls='_tab_item-0'],
        #profile_tab.m_tab h2.resp-accordion[aria-controls='_tab_item-1'],
        #profile_tab.m_tab h2.resp-accordion[aria-controls='_tab_item-2'],
        #profile_tab.m_tab h2.resp-accordion[aria-controls='_tab_item-7'] {
            display: block;
        } */
            #app .content_area h3 {
                font-size: 30px;
                line-height: 35px;
                color: #009dbb;
                font-weight: 600;
            }

            .m_look_feel .site_btn {
                background: #009cbb;
                border: 1px solid #009cbb;
                padding: 8px 5px;
            }

            .m_look_feel .site_btn:hover {
                color: #009cbb;
                background: #ffffff;
                border: 1px solid #009cbb;
            }

            .page_share .share_btn {
                border: 1px solid #009cbb !important;
            }

            .page_share a i {
                margin-right: 10px;
            }

            #profile_tab.m_tab h2.resp-accordion {
                font-size: 22px;
                color: #000000;
            }

            #profile_tab.m_tab .resp-arrow {
                border-color: #000000;
                border-width: 5px 5px 0 0;
            }

            #profile_tab.m_tab h2.resp-tab-active span.resp-arrow,
            #profile_tab.m_tab h2.resp-accordion:hover span.resp-arrow {
                border-width: 5px 5px 0px 0px;
                top: 30%;
                border-color: #009cbb;
            }

            #profile_tab.m_tab h2.resp-accordion.resp-tab-active,
            #profile_tab.m_tab h2.resp-accordion:hover {
                color: #009cbd;
            }

            #profile_tab.m_tab .resp-tabs-container {
                padding-right: 0;
            }

            .card_unlock {
                display: flex !important;
                position: absolute;
                bottom: 0;
            }

            .card_unlock span {
                display: inline-block;
                font-family: 'Montserrat';
                font-size: 18px;
                line-height: 23px;
                color: #000000;
                font-weight: 400;
            }

            .card_unlock span i {
                font-size: 25px;
                color: #009cbd;
                margin-right: 20px;
            }

            .admin_layout_footer .text-md-right {
                display: none;
            }

            #page-content-wrapper .admin_layout_footer.site_footer {
                height: 64px;
                /* position: relative; */
                padding: 21px 0 32px 0 !important;
            }

            #app .content_area .main_title_header h3 {
                color: #000000;
            }

            #page-content-wrapper .content_area {
                padding-top: 10px !important;
            }

            #page-content-wrapper .mobile_show h4,
            #page-content-wrapper .site_footer p,
            #page-content-wrapper .site_footer a,
            #app .content_area .main_title_header h3,
            .page_share.m_look_feel a {
                font-family: 'Montserrat' !important;
            }

            .pro_tile_section h3 {
                margin-top: 10px !important;
            }

            #profile_tab {
                display: flex;
                flex-direction: column;
            }

            #profile_tab h2.resp-accordion {
                border: 1px solid #000000 !important;
            }

            /*---- dashboard--------- */
            #page-content-wrapper .content_area.client_dashboard {
                background: #f1f4f7;
                padding: 35px 0px !important;
                border-radius: 30px 30px 0 0;
                font-family: 'Montserrat';
            }

            .client_dashboard_mobile_view .row {
                align-items: center;
            }

            .dashboard_mobile_card {
                background: #ffffff;
                box-shadow: 1px 1px 11px 6px #e6e7e8;
                border: 1PX solid #dddddd;
                border-radius: 5px;
            }

            .dashboard_mobile_card:hover {
                box-shadow: 1px 1px 11px 6px #b6b6b6;
                border: 1PX solid #b6b6b6;
            }

            .client_dashboard_mobile_view .row .col-8 .dashboard_mobile_card {
                width: 100%;
                height: 58px;
                display: flex;
                align-items: center;
            }

            .dashboard_mobile_card div {
                justify-content: center;
                text-align: center;
                margin: auto;
                width: 100px;
                height: 135px;
                vertical-align: middle;
                display: flex;
                flex-direction: column;
            }

            .dashboard_mobile_card div p,
            .client_dashboard_mobile_view .row .col-8 .dashboard_mobile_card p {
                margin-bottom: 0;
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
                color: #3f3e43;
            }

            .dashboard_mobile_card div p b {
                display: block;
            }

            .dashboard_mobile_card p b {
                font-weight: 600;
            }

            .dashboard_mobile_card div img {
                margin: 10px auto;
            }

            .client_dashboard_mobile_view .row .col-8 .dashboard_mobile_card:first-child {
                margin-bottom: 18px;
            }

            .client_dashboard_mobile_view .row .col-8 .dashboard_mobile_card img {
                max-width: 45px;
                margin: 10px 7px;
            }

            .client_dashboard_mobile_view .row {
                margin-bottom: 40px;
            }

            #app.client_dashboard_main {
                background: url('../images/cards/dashboard-bg.png') no-repeat top;
                background-size: 100%;
                margin-top: -85px;
            }

            #page-content-wrapper .dashboard_mobile .burger-menu span:after {
                color: #ffffff;
            }

            #page-content-wrapper .dashboard_mobile .burger-menu {
                top: 7px;
            }

            .dashboard_mobile {
                background: transparent !important;
            }

            .dashboard_Welcome_text {
                padding-top: 120px;
                margin-bottom: 100px;
            }

            .client_dashboard_main h2 {
                font-size: 24px;
                line-height: 30px;
                font-weight: 500px;
                color: #ffffff;
                margin-bottom: 10px;
                font-family: 'Montserrat';
            }

            .client_dashboard_main h4 {
                font-size: 20px;
                line-height: 25px;
                font-weight: 400px;
                color: #ffffff;
                margin-bottom: 0;
                font-family: 'Montserrat';
            }

            #profile_form #profile_tab {
                display: flex !important;
                flex-direction: column;
            }

            #profile_form .resp-tabs-list {
                order: 2;
            }

            #profile_form .resp-tabs-container {
                order: 1;
            }

            .life_time_view:hover span,
            .life_time_view:hover p {
                color: #ffffff;
            }

            .life_time_view {
                justify-content: center;
                flex-direction: column;
            }
            .inner_table_right .import_btn, .inner_table_right .filter_btn {
                min-width: 85px !important;
            }
        }

        @media(max-width:500.98px) {           
            .admin_user_list .table_header_devices_id .custom_arrow select {
                min-width: 68px;
            }
           .table_header_devices_id .special_margin span {
                font-size: 14px;
                padding-right: 5px;
            }
           .table_header_devices_id .custom_form select, .custom_form a {
                padding: 6px 25px 6px 5px;
                font-size: 14px;
            }
            #filter_form .special_margin input.bulk_submit[type="button"] {
                min-width: 100%;
                height: 36px;
                display: inline-flex;
                align-items: center;
                justify-content: center;                
                padding: 0 10px;
                font-size: 17px;
            }
          .table_header_devices_id  .custom_arrow:after {
                display: inline-block;
                font-family: "Font Awesome 6 Pro";
                content: "\f107";
                right: 7px;
                position: absolute;
                color: #009DB8;
                top: 14%;
                font-size: 19px;
                font-weight: 600;
            }
            #app .content_area h3 {
                font-size: 28px;
                line-height: 35px;
            }
        }
        @media(max-width:400.98px) {
            .side_bar_img .select2-selection.select2-selection--multiple {
                background: url(../../images/cardfly-card-customizecard-slideout-color.png) no-repeat center right, linear-gradient(to right, #fafafa 0%, #fafafa 81%, #009ebb 81%, #009ebb 100%);
            }
            #csv-import-form #file {
                width: 100%;
            }
        }