.catlog_section {
    margin: 120px 0px 0px!important;
    padding: 25px 25px;
}


#tabs {
    width: 100%;
    height: 30px;
    padding-right: 2px;
}


 a {cursor:pointer;}
 
 #tabs li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    outline: none;
  
 }
 
 #tabs li a {
   font-size: 15px;
    font-weight: bold;
    color: #ff0000;
    border-bottom: 2px solid red;
    padding: 12px 10px;
    background: white;
    display: block;
    text-decoration: none;
    outline: none;
    border-radius: 0;
    text-align: center;
 }
 
 #tabs li a.inactive{
    color: black;
    background: none;
    font-size: 15px;
    font-weight: bold;
    padding: 12px 10px;
    display: block;
     border-bottom: 2px solid white;
    text-decoration: none;
    outline: none;
    text-align: center;
 }
 
 .container {
    clear: both;
    width: 100%;
     padding: 30px 0px 0px;
}

.today_section .count_data {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
 .line {
    height: 42px;
    background: red;
    width: 2px;
    border-radius: 5px;
}

.today_section .count_data {
     width: 42%;
    display: flex;
    align-items: center;
       justify-content: space-around;
    background: #ffffff;
    border-radius: 5px;
    padding: 25px 25px;
    margin: 15px auto 10px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    border-radius: 6px;
}


.visitors {
    text-align: center;
    position: relative;
    /*margin-right: 26px;*/
}

.visitors p {
    margin: 0px !important;
    font-size: 15px !important;
    font-weight: 600;
}
/*.visitors.border:before {
    content: "";
    position: absolute;
    right: -14px;
    top: 10px;
    width: 2px;
    height: 30px;
    background: red;
       z-index: 1;
}*/
.container h3 {
    font-weight: 600;
    font-size: 26px;
    color: #151515;
}
.card_box_Sec {
}
.card_box_Sec .card_list {
    margin: 15px 15px;
  box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    border-radius: 6px;
}

section.catlog_section.orders_Section .card_box_Sec .card_list .f-flex {
    align-items: flex-start;
}

section.catlog_section.orders_Section .card_box_Sec .card_list .f-flex .detail_cart.card_heading {
    align-items: flex-start;
}

.card_box_Sec .card_list .f-flex .card_img .Price p span.badge.badge-info {
    color: #fff;
    background-color: #17a2b8;
    display: inline-block;
    padding: 6px 15px;
    font-size: 77%;
    font-weight: 500;
    margin-top: 4px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.card_box_Sec .card_list .f-flex .card_img .Price p span.badge.badge-warning{
    color: #212529;
    background-color: #ffc107;
    display: inline-block;
    padding: 6px 15px;
    font-size: 77%;
    font-weight: 500;
    margin-top: 4px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.card_box_Sec .card_list .f-flex .card_img .Price p span.badge.badge-danger{
    color: #fff;
    background-color: #dc3545;
    display: inline-block;
    padding: 6px 15px;
    font-size: 77%;
    font-weight: 500;
    margin-top: 4px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.card_box_Sec .card_list .f-flex .card_img .Price p span.badge.badge-success {
    color: #fff;
    background-color: #28a745;
    display: inline-block;
    padding: 6px 15px;
    font-size: 77%;
    font-weight: 500;
    margin-top: 4px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.card_box_Sec .card_list .f-flex .card_img .Price p span.badge.badge-secondary{
    color: #fff;
    background-color: #6c757d;
    display: inline-block;
    padding: 6px 15px;
    font-size: 77%;
    font-weight: 500;
    margin-top: 4px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.card_box_Sec .card_list .f-flex .card_img .Price p span.badge.badge-primary {
    color: #fff;
    background-color: #007bff;
    display: inline-block;
    padding: 6px 15px;
    font-size: 77%;
    font-weight: 500;
    margin-top: 4px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.card_box_Sec .card_list .f-flex .detail_cart .heading table tbody tr td {
    font-size: 12px;
    font-weight: 600;
    padding: 1px 0px;
}

.card_box_Sec .card_list .f-flex .card_img .Price table tbody tr td {
    font-size: 12px;
    font-weight: 600;
    padding: 1px 0px;
}

.card_box_Sec .card_list .f-flex .detail_cart .heading table tbody tr td {
    font-size: 12px;
    font-weight: 600;
    padding: 1px 0px;
}

section.catlog_section.orders_Section .card_box_Sec .card_list .f-flex .detail_cart .heading table tbody tr td {
    font-size: 14px;
}
section.catlog_section.orders_Section .card_box_Sec .card_list .f-flex .card_img .Price table tbody tr td {
    font-size: 14px;
}

.card_box_Sec .card_list .f-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 14px;
    cursor: pointer;
}

.card_box_Sec .card_list .f-flex .card_img .img .img_list img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px dotted #ffb8b8;
}

.card_box_Sec .card_list .f-flex .card_heading h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}
.card_box_Sec .card_list .f-flex .card_heading p {
    font-size: 12px;
    font-weight: 600;
}
.card_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
       padding: 0px 14px 14px;
}
.card_footer .share ul li {
    display: inline-block;
    margin-left: 7px;
}


.card_footer .view {
    display: flex;
    align-items: center;
}
.card_footer .view .view_icon {
    margin-right: 20px;
    position: relative;
}
.card_footer .view .view_icon i {
       font-size: 12px;
}
.card_footer .view .view_icon span.count {
       font-size: 12px;
    font-weight: 600;
}
.card_footer .view .view_icon.message_icon:before {
    content: "";
    position: absolute;
    right: -12px;
        top: 15px;
    width: 4px;
    height: 4px;
       z-index: 1;
    background: #6c6c6c;
    border-radius: 50px;
}
.card_footer .share ul li a i {
      font-size: 18px;
}
.card_box_Sec .card_list .f-flex .card_img .img {
    position: relative;
}
.card_box_Sec .card_list .f-flex .card_img .img .img_count p {
    position: absolute;
    top: 16px;
    left: 16px;
    background: white;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 600;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #33363e;
}

.box_section .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.box_section .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
}
.box_section .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
}

.box_section .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
        padding: 0px 15px;
}

.box_section .col-lg-8{
     -ms-flex: 0 0 66.666%;
    flex: 0 0 66.666%;
    max-width: 66.666%;
    position: relative;
    width: 100%;
}

span.badge.badge-danger {
    color: #fff;
    background-color: #ff0000;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.card_box_Sec .card_list .f-flex .detail_cart {
    display: flex;
    align-items: center;
}
.card_box_Sec .card_list .f-flex .detail_cart .img {
    margin-right: 12px;
}
.card_box_Sec .card_list .f-flex .detail_cart .img img {
   width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 5px;
}
.card_box_Sec .card_list .f-flex .detail_cart .heading h3 {
    font-size: 18px;
    font-weight: 600;
      margin-bottom: 2px;
    color: black;
}

.BasicInfoC_section .BasicInfo_field .img ul li a span {
    font-size: 12px;
    font-weight: 600;
}

.BasicInfoC_section .BasicInfo_field .img ul li a img {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    margin-top: 5px;
}

.BasicInfoC_section .BasicInfo_field .img ul li{
    display: inline-block;
    margin-right: 6px;
}

.card_box_Sec .card_list .f-flex .detail_cart .heading p {
    margin: 0px;
    font-size: 12px;
    font-weight: 600;
    color: #5f5f5f;
        white-space: nowrap;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card_box_Sec .card_list .f-flex .card_img .Price p {
    font-size: 14px;
    font-weight: 600;
        color: black;
}
.card_box_Sec.detail_box .card_list {
    padding: 10px 0px;
}

.box_section .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.details_box_heading {
    margin: 10px 15px 15px;
}

.details_box_heading button.manage.btn.btn-success.waves-effect.waves-light {
    background: #ff4e4e;
    font-size: 13px;
    font-weight: 400;
    color: white;
    padding: 6px 14px;
    border-radius: 45px;
    margin-left: 12px;
    cursor: pointer;
}


.details_box_heading .heading h3 {
    font-size: 22px;
    font-weight: 600;
      color: #2d2d2d;
}
.details_box_heading .heading h3 i {
    font-size: 18px;
    margin-right: 15px;
}

.today_section .ckxc_catlog {
    width: 50%;
    margin: 0px auto;
}
.today_section .ckxc_catlog .visitor_order_box {
    display: flex;
    align-items: center;
    justify-content: center;
        margin-bottom: 18px;
}
.nav-list {
    list-style-type: none;
    width: 100%;
    margin: 0px;
}

.today_section .ckxc_catlog .visitor_order_box .visitor_count {
    margin: 0px 15px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    border-radius: 6px;
       padding: 30px 12px;
    width: 50%;
    text-align: center;
    position: relative;
}
.today_section .ckxc_catlog .visitor_order_box .visitor_count .count_number {
    position: absolute;
    right: 10px;
    top: 10px;
    background: red;
    border-radius: 5px;
}
.today_section .ckxc_catlog .visitor_order_box .visitor_count .count_number p {
    color: white;
    font-size: 12px;
    padding: 2px 9px;
}

.today_section .ckxc_catlog .visitor_order_box .visitor_count h3 {
       font-size: 40px;
    font-weight: 600;
    color: red;
    margin: 0px;
}

.today_section .ckxc_catlog .visitor_order_box .visitor_count p {
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    color: red;
}

.manage_share_box {
    margin: 25px 15px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 18px;
    position: relative;
    align-items: center;
}

.delete_switch ul li .toogle .switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 18px;
}

.delete_switch ul li .toogle .switch input {
    opacity: 0;
    width: 0;
    height: 0 !important;
}

.delete_switch ul li .toogle .switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    background: red !important;
    left: -8px !important;
}


.delete_switch ul li .toogle .switch .slider {
    position: absolute;
    cursor: pointer;
    width: 37px;
    height: 18px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #9d9b9b6b;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 25px;
}

.delete_switch ul li .toogle .switch .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 0px;
    bottom: 0px;
    background-color: #33363e;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50px;
}
.delete_switch ul{
    height: 17px;
}

.delete_switch ul li {
    display: inline-block;
    padding-left: 5px;
}
.delete_switch ul li a i {
    font-size: 17px;
}

.manage_share_box .manage_list {
    text-align: center;
}
.manage_share_box .manage_list a p i {
    font-size: 25px;
      margin-bottom: 12px;
}
.manage_share_box .manage_list a p.manage {
       background: #ff4e4e;
    font-size: 12px;
    font-weight: 500;
    color: white;
    padding: 4px 14px;
    border-radius: 45px;
}
section.catlog_section.ckc_catlog_details .box_section h3 {
    font-size: 25px;
    font-weight: 700;
    color: black;
}
.card_box_Sec.detail_box .card_list.details_img {
    padding: 0px;
    border-radius: 5px;
}
.card_box_Sec.detail_box .card_list.details_img a img {
    border-radius: 5px;
    width: 100%;
        padding: 12px;
 /*   height: 425px;
    object-fit: cover;*/
}
section.catlog_section.ckc_catlog_details .box_section .details_info {
    margin: 15px 15px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    border-radius: 6px;
        padding: 0px 15px;
}
.BasicInfoC_section {
    padding: 12px 0px 20px;
}
.BasicInfoC_section .col-lg-6.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding: 0px 15px;
}


.float {
    position: fixed;
    width: 36px !important;
    height: 36px !important;
    line-height: 32px !important;
    bottom: 75px !important;
    right: 29px !important;
    background-color: #fff !important;
    color: #f20000 !important;
    border-radius: 50px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    text-align: center;
    z-index: 9999999;
}

  .float i.fa.fa-plus.my-float {
    margin: 0px;
}

.BasicInfoC_section .col-lg-12.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding: 0px 15px;
}

.BasicInfoC_section .BasicInfo_field {
    margin-bottom: 18px;
    position: relative;
}
.BasicInfoC_section .BasicInfo_field label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px !important;
    display: block;
    color: black;
    margin-right: 10px;
}
.BasicInfoC_section .BasicInfo_field input.field {
       border: 1px solid silver !important;
    height: 40px !important;
    font-size: 15px !important;
    font-weight: 400;
     padding: 0px 40px 0px 12px !important;
}
.BasicInfoC_section .BasicInfo_field p {
    height: 40px !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 36px;
}
.BasicInfoC_section .BasicInfo_field select {
    border: 1px solid silver !important;
    height: 40px !important;
    font-size: 15px !important;
    font-weight: 400;
    width: 100%;
    border-radius: 4px;
    padding: 0 12px;
   color: #767676;
}
.error {
    color: red;
    font-size: 12px;
    font-weight: 500;
}

.float i {
    line-height: 32px;
    font-size: 16px;
}

a.remove {
    position: absolute;
    bottom: -24px;
    right: 0;
    left: 0;
    display: block;
    font-size: 13px;
    text-align: center;
    color: red;
}

.BasicInfoC_section .BasicInfo_field .gm {
    position: absolute;
    right: 10px;
    top: 27px;
}
.BasicInfoC_section .BasicInfo_field p a {
    color: #2196f3;
    font-size: 13px !important;
}
.BasicInfoC_section .BasicInfo_field .gm p a {
    text-decoration: underline;
}
section.catlog_section.ckc_catlog_details .box_section .BasicInfoC_section .BasicInfo_field h3 {
    font-size: 18px !important;
    color: red;
}
.BasicInfoC_section .BasicInfo_field textarea#comment {
    width: 100%;
    border: 1px solid silver !important;
    height: 85px !important;
    font-size: 15px !important;
    font-weight: 400;
    border-radius: 4px;
    padding: 12px 12px;
}

.BasicInfoC_section .BasicInfo_field textarea#catlog_description {
    width: 100%;
    border: 1px solid silver !important;
    height: 85px !important;
    font-size: 15px !important;
    font-weight: 400;
    border-radius: 4px;
    padding: 12px 12px;
}
.BasicInfoC_section .BasicInfo_field .gm.Manage {
    top: 0;
}
.BasicInfoC_section .BasicInfo_field label span {
    font-size: 10px !important;
    color: #8b8b8b;
}
.categories_btn button.sub_cat {
    background: white;
    border: 1px solid red;
    color: red;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-top: 8px;
    cursor: pointer;
}

.categories_btn button.sub_cat:hover{
    background: red;
    border: 1px solid red;
    color: white;
}

.categories_btn button.sub_cat i {
    margin-right: 7px;
    font-size: 12px;
}



.Video_picture_box .avatar-upload {
    position: relative;
    /* max-width: 205px; */
    margin: 10px 0px 0px;
    display: flex;
    align-items: center;
    overflow: auto;
    padding: 0px 0px 8px 0px;
    height: 150px;
}

.Video_picture_box .avatar-preview a.images_delete {
    display: block;
    text-align: center;
    color: red;
    font-size: 12px;
    margin-top: 8px;
    cursor: pointer;
}

/* width */
.Video_picture_box .avatar-upload::-webkit-scrollbar {
    height: 6px;
  }
  
  /* Track */
  .Video_picture_box .avatar-upload::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .Video_picture_box .avatar-upload::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  .Video_picture_box .avatar-upload::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

    /* .Video_picture_box .avatar-edit {
           position: absolute;
          left: 112px;
          z-index: 1;
          top: 0px;
    } */
        .Video_picture_box input {
            display: none;
        }
        .Video_picture_box label {
                display: inline-block;
                width: 34px;
                height: 34px;
                margin-bottom: 0;
                border-radius: 100%;
                background: #FFFFFF;
                   border: 2px dotted#ff0000;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                cursor: pointer;
                font-weight: normal;
                transition: all .2s ease-in-out;
                width: 95px;
                height: 95px;
            }
                .Video_picture_box label:hover {
                    background: #f1f1f1;
                    border-color: #d6d6d6;
                }

                .Video_picture_box label:after {
                    content: "\f040";
                    font-family: 'FontAwesome';
                    color: #ff0000;
                    right: 0;
                    line-height: 95px;
                    margin: auto;
                    padding-left: 38px;
                }


                /* .Video_picture_box label:after {
                   content: "\f040";
    font-family: 'FontAwesome';
    color: #ff0000;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
                } */
           
    .Video_picture_box .avatar-preview {
           width: 95px;
    height: 95px;
    position: relative;
    border-radius: 100%;
    border: 0px solid #ff0000;
    margin-right: 14px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
    }
        .Video_picture_box .avatar-preview div {
            width: 95px;
            height: 95px;
            border-radius: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .BasicInfo_field p.custom_fields a {
    text-decoration: underline;
}
  
  section.catlog_section.visitors_section ul#tabs li a.inactive {
    background: white;
    border: 1px solid red;
    color: red;
    border-radius: 50px;
    padding: 6px 18px;
        font-size: 14px;
}

 section.catlog_section.visitors_section ul#tabs li a.inactive:hover{
    background: red;
    color: white;
}

section.catlog_section.visitors_section ul#tabs li a {
    background: red;
    color: white;
    border-radius: 50px;
    padding: 6px 18px;
    font-size: 14px;
}
section.catlog_section.visitors_section ul#tabs li a.inactive i {
    font-size: 13px;
    margin-right: 4px;
}
.card_box_Sec .card_list .f-flex .card_img .img .img_list ul li {
    display: inline-block;
    margin-left: 8px;
    font-size: 18px;
}
.card_box_Sec .card_list .card_content {
    display: flex;
          padding: 5px 14px 2px;
    cursor: pointer;
}
.card_box_Sec .card_list .f-flex .card_img .img .img_list ul li a i.fa-brands.fa-hotjar {
    color: red;
}
.card_box_Sec .card_list .card_content .left_sec {
    width: 50%;
}
.card_box_Sec .card_list .card_content .left_sec .details_heading h4 {
    font-size: 15px;
    font-weight: 600;
    color: #f44336;
}
.card_box_Sec .card_list .card_content .left_sec .details_heading h4 i {
    font-size: 14px;
    margin-right: 3px;
}
.card_box_Sec .card_list .card_content .left_sec .details_heading p {
    font-size: 13px;
    font-weight: 600;
    color: #747474;
}
.card_box_Sec .card_list .card_content .left_sec .details_heading {
   margin-bottom: 12px;
}

/*
div#dialog_model_popup, div#dialog_model_popup{
    display: block;
    position: fixed;
    z-index: 999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
div#dialog_model_popup .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle, div#dialog_model_popup .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle  {
 background: none;
    border: none;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 0px !important;
    padding: 10px 8px;
}


div#dialog_model_popup p#nonmodal1, div#dialog_model_popup p#nonmodal1 {
    padding: 10px 15px;
    font-size: 15px;
}


div#dialog_model_popup button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close, div#Sharelink button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    background: none;
    border: none;
    font-size: 22px;
}*/
div#addcatlog button.close, div#Sharelink button.close {
    position: static;
}
div#addcatlog .modal-header, div#Sharelink .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    border-bottom: 1px solid #dadada;
}
div#addcatlog .modal-content, div#Sharelink .modal-content {
    padding: 0px;
    border-radius: 5px;
}
div#addcatlog .modal-body, div#Sharelink .modal-body {
    padding: 10px;
}

div#addcatlog .modal-body h3, div#Sharelink .modal-body h3 {
    font-size: 16px;
    font-weight: 600;
}

div#addcatlog .row, div#Sharelink .row{
     display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
div#addcatlog .row .col-lg-12.col-md-12, div#Sharelink .row .col-lg-12.col-md-12{
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;

}

div#addcatlog .modal-body, div#Sharelink .modal-body {
    padding: 25px 12px;
    margin: 0px 25px;
}
div#addcatlog .row .col-lg-12.col-md-12 label, div#Sharelink .row .col-lg-12.col-md-12 label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}
div#addcatlog .row .col-lg-12.col-md-12 .BasicInfo_field input#catlog_name, div#Sharelink .row .col-lg-12.col-md-12 .BasicInfo_field input#catlog_name {
    height: 40px;
    font-size: 15px;
    border: 1px solid #d6d6d6;
    margin-bottom: 0px;
}
div#addcatlog .row .col-lg-12.col-md-12 .BasicInfo_field p#name_error, div#Sharelink .row .col-lg-12.col-md-12 .BasicInfo_field p#name_error  {
    color: red;
    font-size: 14px;
    margin-top: 3px;
}
div#addcatlog .row .col-lg-12.col-md-12 .BasicInfo_field button.btn.btn-primary, div#Sharelink  .row .col-lg-12.col-md-12 .BasicInfo_field button.btn.btn-primary {
    display: block;
    margin: 22px auto 0px;
    background: red;
    border: none;
    color: white;
    padding: 8px 22px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
div#addcatlog .modal-content, div#Sharelink .modal-content {
    border-radius: 10px;
}
div#addcatlog .modal-content .modal-header h4.modal-title, div#Sharelink .modal-content .modal-header h4.modal-title {
    font-size: 18px;
    font-weight: 600;
}
.BasicInfoC_section .BasicInfo_field .save_btn {
    text-align: center;
}

.BasicInfoC_section .BasicInfo_field .save_btn button.save {
    background: red;
    border: none;
    color: white;
    padding: 8px 35px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.common_btn_sec.text-center {
    text-align: center;
}

.BasicInfo_field .save_btn {
    text-align: center;
}
.BasicInfo_field .save_btn button.save {  
    background: red;
    border: none;
    color: white;
    padding: 8px 35px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.common_btn_sec.text-center .save_btn button.save {
    background: red;
    border: none;
    color: white;
    padding: 8px 35px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

/*.manage_share_box .manage_list div#nav { position: relative; } */
.manage_share_box .manage_list div#nav a { padding: 5px 15px 5px;    display: block; }
.manage_share_box .manage_list .dropdown-toggle { padding: 0;  }
div.dropdown { display: none;position: absolute;
  display: none;
    position: absolute;
    top: 100%;
    margin-top: 5px;
    padding: 5px 5px 0 0;
    background: #ffffff;
    z-index: 2;
    width: 75%;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    border-radius: 6px;
}

section.catlog_section.visitors_details .ckxc_catlog {
    width: 100%;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
        padding: 30px 22px;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_icon i {
       font-size: 42px;
    margin-right: 32px;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading {
    text-align: left;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading h3 {
    font-size: 32px;
    margin-bottom: 4px;
    color: #000000;
    font-weight: 700;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading p {
    font-size: 20px;
    color: #606060;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading .f-flex {
    display: flex;
    align-items: center;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading .f-flex .call {
    margin-right: 10px;
    margin-top: 12px;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading .f-flex .call button.custom_btn {
    background: none;
    padding: 6px 18px;
    font-size: 14px;
    font-weight: 400;
    color: #242424;
    border: 1px solid #242424;
    border-radius: 5px;
    cursor: pointer;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading .f-flex .call button.custom_btn i {
    font-size: 13px;
    margin-right: 4px;
}


section.catlog_section.visitors_details .box_section .BasicInfoC_section .card_list {
    box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    border-radius: 5px;
}
section.catlog_section.visitors_details .box_section .BasicInfoC_section .card_list {
    box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    border-radius: 5px;
    padding: 20px 32px;
}

.manage_share_box .manage_list div#nav .dropdown .share_box {
    padding: 15px;
}
.manage_share_box .manage_list div#nav .dropdown .share_box .copy_link {
    border: 2px dotted red;
    border-radius: 5px;
padding: 10px;
}
.manage_share_box .manage_list div#nav .dropdown .share_box .copy_link p {
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
}
.manage_share_box .manage_list div#nav .dropdown .share_box .copy_link a {
    color: red;
    font-size: 15px;
    font-weight: 600;
}

.manage_share_box .manage_list div#nav .dropdown .share_box .social_share_link {
    display: flex;
    align-items: center;
    justify-content: left;
    overflow: auto;
    margin-top: 15px;
    padding-bottom: 8px;
}

/* width */
.manage_share_box .manage_list div#nav .dropdown .share_box .social_share_link::-webkit-scrollbar {
      height: 4px !important;
}

/* Track */
.manage_share_box .manage_list div#nav .dropdown .share_box .social_share_link::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.manage_share_box .manage_list div#nav .dropdown .share_box .social_share_link::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.manage_share_box .manage_list div#nav .dropdown .share_box .social_share_link::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.manage_share_box .manage_list div#nav .dropdown .share_box .social_share_link .link {
    margin-right: 8px;
}
.manage_share_box .manage_list div#nav .dropdown .share_box .social_share_link .link img {
    width: 26px;
}
.manage_share_box .manage_list div#nav .dropdown .share_box .social_share_link .link p {
    font-size: 13px;
    font-weight: 600;
    margin-top: 7px;
}
.social_footer {
    border-top: 1px solid #d5d5d5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0px 0px;
}
.social_footer .footer_heading h3 {
    font-size: 14px;
    font-weight: 600;
}
.social_footer .footer_toogle .toogle .switch {
  position: relative;
  display: inline-block;
  width: 57px;
  height: 30px;
}
/* Hide default HTML checkbox */
.social_footer .footer_toogle .toogle .switch input {
  opacity: 0;
  width: 0;
      height: 0 !important;
}

/* The slider */
.social_footer .footer_toogle .toogle .slider {
  position: absolute;
  cursor: pointer;
  width: 57px;
  height: 30px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
     background: red;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 25px;
}
 .slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50px;
  }


input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.catlog_section .card_box_Sec .card_footer.manage_share_box {
    margin: 0px;
    justify-content: space-between;
    margin-top: 12px;
}
.catlog_section .card_box_Sec .card_footer.manage_share_box ul li a {
    padding: 0px !important;
}


/*===============Responsive Code Start=================*/


@media (max-width: 1399.98px) { 

 }

 @media (max-width: 1199.98px) {

  .box_section .col-lg-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
}
.box_section .col-lg-8 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
}

 }

@media (max-width: 980.98px) { 

    section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading h3 {
    font-size: 16px;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading p {
    font-size: 14px;
    color: #606060;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_icon i {
    font-size: 35px;
    margin-right: 20px;
}

section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading .f-flex .call button.custom_btn {
    background: none;
    padding: 6px 12px;
    }
    .catlog_section {
    margin: 115px 0px 0px!important;
    padding: 25px 25px;
}
.card_box_Sec .card_list .f-flex .detail_cart .heading p {
    width: 175px;
}
#tabs li {

    width: auto;
}

section.catlog_section.ckc_catlog_details .box_section .BasicInfoC_section .BasicInfo_field h3 {
    font-size: 14px !important;
    color: red;
}
}


@media (max-width: 767.98px) {

    .box_section .col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding: 0px 15px;
}


div.dropdown { display: none;position: absolute;

    width: 100%;
}

 section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details {
      width: 100%;
    margin: 0px;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading h3 {
    font-size: 22px;
    margin-bottom: 4px;
    color: #000000;
    font-weight: 900;
}
section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading p {
    font-size: 14px;
    color: #606060;
}
section.catlog_section.visitors_section #tabs li {
    margin-right: 8px;
    width: auto;
}

section.catlog_section.visitors_section ul#tabs li a {
    width: 120px;
    padding: 8px 8px !important;
}

section.catlog_section.visitors_section .container {
    clear: both;
    width: 100%;
    padding: 10px 0px 0px;
}

section.catlog_section.visitors_section ul#tabs {
    margin-bottom: 0px;
    display: flex;
    overflow: auto;
    height: auto;
        padding-bottom: 10px;
}
    .card_box_Sec .card_list .card_content .left_sec .details_heading p {
    font-size: 12px;
}

section.catlog_section.ckc_catlog_details .box_section h3 {
    font-size: 18px;
    font-weight: 700;
    color: black;
}
    .BasicInfoC_section .col-lg-6.col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding: 0px 15px;
}

    section.catlog_section.ckc_catlog_details .box_section .details_info {
    margin: -40px 20px 15px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    border-radius: 6px;
    padding: 12px 15px;
    z-index: 1;
    background: white;
}

    .box_section .col-lg-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
}

    .today_section .ckxc_catlog {
    width: 75%;
    margin: 0px auto;
}

.card_box_Sec.detail_box .card_list {
    padding: 0px 0px;
}
.float i {
    line-height: 35px;
}
    .float {
        position: fixed;
        width: 35px !important;
        height: 35px !important;
        font-size: 13px !important;
        line-height: 35px !important;
        bottom: 75px !important;
        right: 30px !important;
        background-color: #f00;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        z-index: 9999999;
}

.catlog_section {
    margin: 100px 0px 0px!important;
    padding: 25px 25px;
}
#tabs li {
    margin-right: 2px;
    width: auto;
}

#tabs li a {
    font-size: 13px;
       padding: 8px 5px;
}
#tabs li a.inactive{
      font-size: 13px;
      padding: 8px 5px;
}

.today_section .count_data {
    width: 100%;
        justify-content: space-around;
}
.visitors.border:before {
    right: -125%;
    }
    .box_section .col-lg-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
}

}


@media (max-width: 575.98px) { 
    .card_box_Sec.detail_box .card_list.details_img a img {
    border-radius: 5px;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
    .today_section .ckxc_catlog .visitor_order_box .visitor_count .count_number p {
    color: white;
    font-size: 10px;
    padding: 1px 5px;
}
    .details_box_heading .heading h3 {
    font-size: 16px;
    font-weight: 700;
    color: #454545;
    text-align: left;
    background: #e8e8e8;
    border-radius: 5px;
    padding: 16px 15px;
}
    .manage_share_box {
    justify-content: space-between;
}
    .visitors p {
    margin: 0px !important;
    font-size: 13px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.visitors.border:before {
    right: -170%;
}
.container h3 {
    font-weight: 600;
    font-size: 20px;

}
.card_box_Sec .card_list {
    margin: 8px 15px;
    }
}


@media (max-width: 500.98px){
.today_section .ckxc_catlog {
    width: 100%;
    margin: 0px auto;
}
.today_section .ckxc_catlog .visitor_order_box .visitor_count {
    margin: 0px 8px;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
    border-radius: 6px;
    padding: 20px 12px;
    width: 50%;
    text-align: center;
}



}



@media (max-width: 420.98px){
    .catlog_section {
    margin: 100px 0px 0px!important;
    padding: 25px 15px;
}
section.catlog_section.visitors_section{
     padding: 25px 15px;
}
.card_box_Sec .card_list .f-flex .detail_cart .heading p {
    width: 175px;
}
.card_box_Sec .card_list .f-flex .detail_cart .img img {
    width: 40px;
    height: 40px;
}
.card_box_Sec .card_list .f-flex .detail_cart .heading h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px;
}
.card_box_Sec .card_list .f-flex .card_img .Price p {
    font-size: 13px;
    font-weight: 600;
    color: black;
}
}



@media (max-width: 375.98px){

    section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading h3 {
    font-size: 16px;
    margin-bottom: 4px;
    color: #000000;
    font-weight: 900;
}

section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_icon i {
    font-size: 22px;
    margin-right: 10px;
}

section.catlog_section.visitors_details .ckxc_catlog .visitor_order_box .visitor_count.visitor_count_details .details_heading .f-flex .call button.custom_btn {
    background: none;
    padding: 6px 4px;
}
    .card_box_Sec.detail_box .card_list.details_img a img {
    border-radius: 5px;
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.card_box_Sec .card_list .f-flex .detail_cart .heading p {
    width: 159px;
}
.card_box_Sec .card_list .f-flex .card_heading p {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card_box_Sec .card_list .f-flex .card_heading h3 {
    white-space: nowrap;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}


}

@media (max-width: 360.98px){
      section.catlog_section.ckc_catlog_details ul#tabs li {
    margin: 0px;
}

section.catlog_section.ckc_catlog_details ul#tabs li a {
    padding: 0px 2px;
    font-size: 12px;
}
    }

@media (max-width: 320.98px){

    section.catlog_section.ckc_catlog_details ul#tabs li {
    margin: 0px;
}

section.catlog_section.ckc_catlog_details ul#tabs li a {
    padding: 0px 2px;
    font-size: 12px;
}
#tabs li a {
    font-size: 13px;
    padding: 8px 3px;
}
#tabs li a.inactive {
    font-size: 13px;
    padding: 8px 3px;
}
.visitors.border:before {
    right: -112%;
}
.card_box_Sec .card_list .f-flex .detail_cart .heading p {
    width: 120px;
}
.manage_share_box {
    margin: 18px 0px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 18px;
}
.manage_share_box .manage_list a p.manage {
    background: #ff4e4e;
    font-size: 11px;
    font-weight: 500;
    color: white;
    padding: 4px 10px;
    border-radius: 45px;
}
}









/*===============Responsive Code End=================*/