body {
    font-size: 0.8rem;
}

.dataTables_scroll .dataTables_scrollBody {
    min-height: 300px;
}

.followuplist td:nth-child(4), .followuplist td:nth-child(5), .followuplist td:nth-child(6), .followuplist td:nth-child(7) {
    text-align: center;
}
.followuplist thead th:nth-child(1), .followuplist td:nth-child(1) {
    max-width: 130px;
}
.followuplist thead th:nth-child(2), .followuplist td:nth-child(2) {
    max-width: 320px;
}
.followuplist thead th:nth-child(3), .followuplist td:nth-child(3) {
    max-width: 200px;
}
.followuplist td:nth-child(2) .bg-success {
    margin-left: 5px;
}
.followuplist td:nth-child(4) span, .followuplist td:nth-child(4) span:hover {
    font-size: 0.7rem;
    padding: 3px 5px;
    color: #fff !important;
    background-color: #4b4b4b;
    overflow: hidden;
    border-color: #4b4b4b;
    transition: all 0.135s ease-in-out;
    transform: scale(1.001);
    border-radius: 0.25rem;
}

.followuplist td:nth-child(5) span, .followuplist td:nth-child(5) span:hover,
.expiredfollowuplist td:nth-child(5) span, .expiredfollowuplist td:nth-child(5) span:hover {
    font-size: 0.7rem;
    padding: 5px 10px;
    color: #7367f0 !important;
    background-color: #E8E6FC;
    overflow: hidden;
    border-color: #E8E6FC;
    transition: all 0.135s ease-in-out;
    transform: scale(1.001);
    border-radius: 0.5rem;
    font-weight: bold;
}

.expiredfollowuplist td:nth-child(4), .expiredfollowuplist td:nth-child(5), .expiredfollowuplist td:nth-child(6), .expiredfollowuplist td:nth-child(7) {
    text-align: center;
}
.expiredfollowuplist td:nth-child(4), .expiredfollowuplist td:nth-child(5), .expiredfollowuplist td:nth-child(6), .expiredfollowuplist td:nth-child(7) {
    text-align: center;
}
.expiredfollowuplist thead th:nth-child(1), .expiredfollowuplist td:nth-child(1) {
    max-width: 130px;
}
.expiredfollowuplist thead th:nth-child(2), .expiredfollowuplist td:nth-child(2) {
    max-width: 320px;
}
.expiredfollowuplist thead th:nth-child(3), .expiredfollowuplist td:nth-child(3) {
    max-width: 200px;
}
.expiredfollowuplist td:nth-child(4) span, .expiredfollowuplist td:nth-child(4) span:hover {
    font-size: 0.7rem;
    padding: 3px 5px;
    color: #fff !important;
    background-color: #4b4b4b;
    overflow: hidden;
    border-color: #4b4b4b;
    transition: all 0.135s ease-in-out;
    transform: scale(1.001);
    border-radius: 0.25rem;
}
.expiredfollowuplist td:nth-child(2) .bg-success {
    margin-left: 5px;
}

.authentication-inner .card-body {
    padding: 1rem 2rem !important;
}
.authentication-inner .card-body .img-fluid {
    max-width: 70%;
}
.authentication-inner .card-body .app-brand-link {
    display: block;
}
#myWidget iframe {
    width: 330px !important;
}

.quotationlist thead th:nth-child(1), .quotationlist td:nth-child(1),
.webquotationlist thead th:nth-child(1), .webquotationlist td:nth-child(1),
.webtargetorderlist thead th:nth-child(1), .webtargetorderlist td:nth-child(1) {
    width: 150px;
}

.quotationlist thead th:nth-child(2), .quotationlist td:nth-child(2),
.webquotationlist thead th:nth-child(2), .webquotationlist td:nth-child(2),
.webtargetorderlist thead th:nth-child(2), .webtargetorderlist td:nth-child(2) {
    width: 350px;
}

.followuphistory td:nth-child(1) span.source, .followuphistory td:nth-child(1) span.source:hover {
    font-size: 0.7rem;
    padding: 3px 5px;
    color: #fff !important;
    background-color: #4b4b4b;
    overflow: hidden;
    border-color: #4b4b4b;
    align-items: center;
    justify-content: center;
    transition: all 0.135s ease-in-out;
    transform: scale(1.001);
    border-radius: 0.25rem;
}
.followuphistory td:nth-child(3) span.leadtype, .followuphistory td:nth-child(3) span.leadtype:hover {
    font-size: 0.7rem;
    padding: 5px 10px;
    color: #7367f0 !important;
    background-color: #E8E6FC;
    overflow: hidden;
    border-color: #E8E6FC;
    transition: all 0.135s ease-in-out;
    transform: scale(1.001);
    border-radius: 0.5rem;
    font-weight: bold;
}

.quotationlist td:nth-child(5), .quotationlist td:nth-child(6), .quotationlist td:nth-child(7),
.quotationlist th:nth-child(5), .quotationlist th:nth-child(6), .quotationlist th:nth-child(7) {
    text-align: center;
}

.orderlist td:nth-child(5), .orderlist td:nth-child(6), .orderlist td:nth-child(7),
.orderlist th:nth-child(5), .orderlist th:nth-child(6), .orderlist th:nth-child(7) {
    text-align: center;
}

/*.mobileleadlist .orderpdf .ti, .mobilelatestfollowuplist .orderpdf .ti, .mobileexpiredlist .orderpdf .ti, .mobilenotfollowuplist .orderpdf .ti,
.mobileorderlist .orderpdf .ti, .orderlist .quotationpdf .ti, .followuplist .orderpdf .ti, .expiredfollowuplist .orderpdf .ti, .allleadsssp .orderpdf .ti,
.tabletleadlist .orderpdf .ti, .quotationlist .orderpdf .ti, .mobileleadlist .quotationpdf .ti, .mobilelatestfollowuplist .quotationpdf .ti,
.mobileexpiredlist .quotationpdf .ti, .mobilenotfollowuplist .quotationpdf .ti, .mobilequotationlist .quotationpdf .ti, .quotationlist .quotationpdf .ti,
.followuplist .quotationpdf .ti, .expiredfollowuplist .quotationpdf .ti, .allleadsssp .quotationpdf .ti, .tabletleadlist .quotationpdf .ti,
.followuplisttablet .quotationpdf .ti, .followuplisttablet .orderpdf .ti {
    font-weight: bold;
}*/

.orderpdf .ti, .quotationpdf .ti {
    font-weight: bold;
}

.quotationlist .quotationpdf, .followuplist .quotationpdf, .expiredfollowuplist .quotationpdf, .allleadsssp .quotationpdf,
.webquotations .quotationpdf, .dataTable .quotationpdf, .tabletleadlist .quotationpdf, .orderlist .quotationpdf {
    color: #ff9f43 !important;
    background-color: transparent !important;
    padding: 5px 5px;
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 10px;
}

.dataTable .orderpdf, .tabletleadlist .orderpdf, .orderlist .orderpdf, .followuplist .orderpdf, .expiredfollowuplist .orderpdf,
.allleadsssp .orderpdf, .quotationlist .orderpdf {
    color: #28c76f !important;
    background-color: transparent !important;
    padding: 5px 5px;
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 10px;
}

.quotationlist td:nth-child(5) span, .orderlist td:nth-child(5) span {
    font-size: 0.7rem;
    padding: 3px 5px;
    color: #fff !important;
    background-color: #4b4b4b;
    overflow: hidden;
    border-color: #4b4b4b;
    align-items: center;
    justify-content: center;
    transition: all 0.135s ease-in-out;
    transform: scale(1.001);
    border-radius: 0.25rem;
}

.lbpadding {
    padding-top: 12px;
}
.graybox {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000000;
}
.blueborder {
    border: 1px solid #b8b1fa !important;
}
.redborder {
    border: 1px solid #ffcccb !important;
}

.copyright {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.copyright p, .copyright a {
    color: #fff;
}

.copyright p, .copyright a {
    color: #fff;
}

.content-overlay {
    position: fixed;
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(bg.png);
    cursor: pointer;
    transition: all 0.7s, z-index 0s;
    z-index: -1;
    background-size: cover;
    background-position: 50% 50%;
}

a.link-primary {
  color: #7367f0 !important;
}
a.link-danger {
  color: #ea5455 !important;
}
a.link-success {
  color: #28c76f !important;
}

.link-purple {
  color: #A020F0 !important;
}
.link-orange {
  color: #FFA500 !important;
}
.link-pink {
  color: #FF10F0 !important;
}
.link-magenta {
  color: #FF00FF !important; 
}
.link-olive {
  color: #808000 !important; 
}
.link-mint {
  color: #3EB489 !important;
}
.link-yellow {
  color: #9ACD32 !important;
}
.link-copper {
  color: #B87333 !important;
}
.link-coffee {
  color: #3B2F2F !important;
}
.link-redgold {
  color: #EB5406 !important;
}

.bg-purple {
  background-color: #A020F0 !important;
}
.bg-orange {
  background-color: #FFA500 !important;
}

.text-orange {
  color: #FFA500 !important;
}
.text-magenta {
  color: #FF00FF !important;
}
.text-purple {
  color: #A020F0 !important;
}
.text-orange {
  color: #FFA500 !important;
}
.text-copper {
  color: #B87333 !important;
}
.text-coffee {
  color: #EB5406 !important;
}

.bg-label-purple {
  background-color: #F7EBFE !important;
  color: #A020F0 !important;
}
.bg-label-orange {
  background-color: #fff1e3 !important;
  color: #FFA500 !important;
}

#inquiryloading {
  margin: 5px 0px 20px 0px;
}

.datatable-count .card-header {
    padding: 1rem 2rem;
}
#layout-menu li.active i {
  color: #FFF !important;
}
#layout-menu li.open i {
  color: #E2000F !important;
}

.text-right {
  text-align: right;
}

.dashboardchart {
    display: block !important;
}
.dashboardchart .text-right {
    text-align: right;
    display: block;
}
.text-muted {
    color: #b9b9c3 !important;
}

.ti-fliter::before {
  content: "\eaa5";
}
.ti-hook::before {
  content: "\f01e";
}
.ti-whatsapp::before {
  content: "\ec74";
}
.ti-history::before {
  content: "\ebea";
}

.repeater-wrapper > .btnDeleteRepeater:first-child {
  display: none !important;
}
.data-repeater-item .btnDeleteRepeater:first-child {
  display: none !important;
}
.pt-4 {
  padding-top: 2.75rem !important;
}

.d-inline-block .dropdown-menu li:first-child .dropdown-item {
  margin-top: 10px;
}
.d-inline-block .dropdown-menu li:last-child .dropdown-item {
  margin-bottom: 10px;
}
.d-inline-block .dropdown-menu a {
  cursor: pointer;
}
.searchtitle {
    margin-top: 2rem !important;
}
.app-brand.demo img {
  height: 40px;
}
.datatables-ajax thead th, .datatables-ajax thead td, .table-responsive thead th, .table-responsive thead td {
    background-color: #F3F3F3;
}

.dashbord-details h5 {
    font-size: 0.9rem;
}

.leaddetailstable table th, .leaddetailstable table td {
    padding: 5px 10px;
    border: 1px solid #dbdade;
    font-size: 0.85rem;
}

.manageproducts {
    margin-top: 0px;
    padding-left: 0px;
}
.manageproducts #add_new_btn, .manageproducts #delete_btn {
    border: 0px;
    background-color: transparent;
    margin-top: 10px;
}
.manageproducts #add_new_btn i, .manageproducts #delete_btn i {
    color: #fff !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.135s ease-in-out;
    transform: scale(1.001);
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-style: normal;
}
.manageproducts #add_new_btn i {
    background-color: #28c76f !important;
    border-color: #28c76f !important;
}
.manageproducts #delete_btn i {
    background-color: #d34c4d !important;
    border-color: #d34c4d !important;
}
.manageproducts .quotation-item .form-control, .manageproducts .quotation-item .form-select {
    font-size: 0.75rem;
}

.footer-container img {
    margin-right: 5px;
    max-width: 30px;
}
.content-footer .footer-container {
    block-size: auto;
    color: #bbbabf;
    padding-bottom: 1rem !important;
}
.content-footer .footer-container strong {
    position: relative;
    top: 5px;
    font-size: 13px;
}
.content-footer .footer-container a {
    position: relative;
    top: 5px;
    left: 3px;
    font-size: 13px;
    font-weight: bold;
    color: #bbbabf;
    text-decoration: underline;
}

.authentication-inner button {
    background: linear-gradient(72.47deg, #6f2b7f 22.16%, rgba(182,30,66, 0.7) 76.47%) !important;
    box-shadow: 0px 2px 6px 0px rgb(182 30 66 / 48%) !important;
    color: #fff !important;
}
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(72.47deg, #6f2b7f 22.16%, rgba(182,30,66, 0.7) 76.47%) !important;
    box-shadow: 0px 2px 6px 0px rgb(182 30 66 / 48%) !important;
    color: #fff !important;
}

.mobileorders, .mobilequotations {
    display: block;
}

.leadsretrivediv {
    text-align: right;
    font-style: italic;
    color: #ea5455;
    font-size: 12px;
}

.addnewfollowup {
    text-align:right;
}

.btnindiamart {
    text-align: center;
}
.btntradeindia {
    text-align: right;
}
.btnallleads {
    text-align: right;
}

#whatsapp-chat-widget {
    display: block;
}
#wa-widget-send-button a {
    color: #FFF;
}
#wa-widget-send-button .ti {
    position: relative;
    top: -2px;
}
#wa-widget-send-button {
    font-size: 20px;
    margin: 0 0 15px 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    position: fixed !important;
    z-index: 16000160 !important;
    bottom: 0 !important;
    text-align: center !important;
    height: 50px;
    min-width: 50px;
    border-radius: 30px;
    visibility: visible;
    transition: none !important;
    background-color: #4dc247;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
    right: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.dataTables_wrapper div.dataTables_filter {
    margin-top: -80px !important;
}
    
div#snow-editor, div#snow-editor_2, div#snow-editor_3 {
    max-height: 500px !important;
}

.dataTable .mobilesource, .dataTable .tabletsource {
    color: #fff !important;
    background-color: #4b4b4b;
    overflow: hidden;
    border-color: #4b4b4b;
    padding: 5px 5px;
    border-radius: 0.5rem;
    font-size: 0.8em;
}

.dataTable .mobiletype, .dataTable .tablettype {
    color: #7367f0 !important;
    background-color: #E8E6FC;
    overflow: hidden;
    border-color: #E8E6FC;
    padding: 5px 5px;
    border-radius: 0.5rem;
    font-size: 0.8em;
    margin: 0px 0px;
}

.mobiledashboardamc, .mobiledashboardtotals, .webhidebtn, .mobileleadscount, .mobilestoragedetails, .mobiledatatable, .mobiletypetable,
.mobilefollowuplist, .tabletorders, .tabletquotations, .mobileleadlist, .mobilenewleadlist, .tabletfollowuplist, .mobilesourcetable,
.mobilelatestfollowuplist, .mobileexpiredlist, .mobilenotfollowuplist, .mobilefollowuphistory, .tabletdatatable, .mobilestatustable,
.tabletusertable, .mobileusertable, .mobileusertypetable, .mobilelogtable, .mobilefollowuphistory, .mobileleadsearch, .mobilequotationlist,
.mobileorderlist, .mobiletargetorderlist, .tabletleadlist, .tebletdatatable, .tabletfollowuphistory, .mobiletargettable, .mobiletargetcollection,
.tebletnotificationlist, .mobilenotificationlist, .tabletorderlist, .tabletquotationlist, .webhidebtn, .tablettargetorderlist, .tabletleadsearch,
.tabletdatatable {
    display: none;
}

.redborderdiv .select2-container {
    border: 1px solid #ffcccb !important;
    border-radius: 0.375rem;
}

@media (min-width: 1401px) and (max-width: 1800px) {
    div.dataTables_wrapper div.dataTables_filter {
        margin-top: -75px !important;
    }
}
    
/* Laptop CSS */
@media (min-width: 1100px) and (max-width: 1400px) {
    body {
        font-size: 0.7rem;
    }
    .table th {
        font-size: 0.7rem;
    }
    .btn {
        font-size: 0.7rem;
    }
    #searchdata .form-label, #searchdata .form-select, #searchdata .form-control, .card-body .form-select, .card-body .form-control {
        font-size: 0.65rem;
    }
    div.dataTables_wrapper div.dataTables_filter {
        margin-top: -75px !important;
    }
    .datatable-count h5.card-header {
        font-size: 0.9rem;
    }
    .menu-vertical .menu-item .menu-link {
        font-size: 0.85rem;
    }
    
    .followuplist thead th:first-child, .followuplist td:first-child,
    .quotationlist thead th:first-child, .quotationlist td:first-child,
    .orderlist thead th:first-child, .orderlist td:first-child {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    #calculation_part label.form-label {
        font-size: 0.65rem;
    }
    .card-body .form-text.link-danger {
        font-size: 0.65rem;
    }
    .packagesubdiv .packageamount {
        font-size: 17px !important;
    }
    .packagesubdiv .packagetitle {
        font-size: 15px !important;
        margin-bottom: 10px !important;
    }
    .packagemaindiv .packagedetails span {
        font-size: 13px !important;
    }
    .packagesubdiv .packagebtn {
        float: right !important;
        top: -5px !important;
        display: inline-block !important;
        position: relative !important;
    }
    .leaddetailstable table th {
        width: 140px;
    }
    
    .quotationlist table thead th:nth-child(2), .quotationlist td:nth-child(2),
    .orderlist table thead th:nth-child(2), .orderlist td:nth-child(2),
    .webtargetorderlist table thead th:nth-child(2), .webtargetorderlist td:nth-child(2) {
        width: 250px;
    }
}

@media (min-width: 961px) and (max-width: 1099px) {
}

/* Tablet CSS */
@media (min-width: 471px) and (max-width: 960px) {
    body {
        overflow-x: hidden;
        font-size: 0.8rem;
    }
    .btn {
        font-size: 0.7rem;
        padding: 0.5rem 0.5rem;
    }
    .dashbord-details h5 {
      font-size: 0.6rem;
      font-weight: bold;
    }
    .card-header h5 {
        font-size: 0.9rem;
        font-weight: bold;
    }
    .dashbord-details h6, .dashbord-details small {
      font-size: 0.7rem;
    }
    .dashbord-details .card-body {
        padding: 0.8rem;
    }
    
    .tablettargetorderlist thead th:nth-child(1), .tablettargetorderlist td:nth-child(1),
    .tabletquotationlist thead th:nth-child(1), .tabletquotationlist td:nth-child(1),
    .tabletorderlist thead th:nth-child(1), .tabletorderlist td:nth-child(1) {
        width: 120px;
    }
    
    .tablettargetorderlist thead th:nth-child(2), .tablettargetorderlist td:nth-child(2),
    .tabletquotationlist thead th:nth-child(2), .tabletquotationlist td:nth-child(2),
    .tabletorderlist thead th:nth-child(2), .tabletorderlist td:nth-child(2) {
        width: 300px;
    }
    
    .btntradeindia {
        text-align: center;
    }

    .menu-vertical .menu-item .menu-link {
        font-size: 0.8rem;
    }
    
    .webtargetcollection div.dataTables_wrapper div.dataTables_filter,
    .tabletfollowuphistory div.dataTables_wrapper div.dataTables_filter,
    .tebletnotificationlist div.dataTables_wrapper div.dataTables_filter,
    .tabletdatatable div.dataTables_wrapper div.dataTables_filter,
    .webtypetable div.dataTables_wrapper div.dataTables_filter,
    .webstatustable div.dataTables_wrapper div.dataTables_filter,
    .websourcetable div.dataTables_wrapper div.dataTables_filter,
    .tabletusertable div.dataTables_wrapper div.dataTables_filter,
    .webusertypetable div.dataTables_wrapper div.dataTables_filter,
    .userloglist div.dataTables_wrapper div.dataTables_filter,
    .weblogtable div.dataTables_wrapper div.dataTables_filter {
        margin-top: 15px !important;
    }
    
    .expiredfollowuplist thead th:nth-child(2), .expiredfollowuplist td:nth-child(2) {
        max-width: 270px;
    }
    
    .dataTables_filter {
        margin-top: -80px !important;
        margin-bottom: 5px !important;
    }
    
    .webtablethidebtn {
        display: none !important;
    }
    
    .weborders, .webquotations, .webfollowuplist, .mobilefollowuplist, .webdatatable, .mobilestatustable, .mobilesourcetable,
    .mobiletypetable, .mobileusertable, .webusertable, .mobileusertypetable, .mobilelogtable, .tablethidebtn, .webleadlist,
    .webfollowuphistory, .mobiletargettable, .mobiletargetcollection, .mobilenotificationlist, .webnotificationlist,
    .webquotationlist, .weborderlist, .webtargetorderlist, .webleadsearch {
        display: none;
    }
    .tabletorders, .tabletquotations, .tabletfollowuplist, .tabletdatatable, .webstatustable, .websourcetable, .webtypetable, .tabletleadsearch,
    .tabletusertable, .webusertypetable, .weblogtable, .tabletleadlist, .mobilenotfollowuplist, .tabletfollowuphistory, .webtargettable,
    .webtargetcollection, .tebletnotificationlist, .tabletorderlist, .tabletquotationlist, .webhidebtn, .tablettargetorderlist, .tabletdatatable {
        display: block;
    }
    .tabletorders table thead th:nth-child(2), .tabletorders td:nth-child(2),
    .tabletquotations table thead th:nth-child(2), .tabletquotations td:nth-child(2) {
        max-width: 260px;    
    }
    .tabletorders table thead th:nth-child(4), .tabletorders td:nth-child(4), .tabletquotations table thead th:nth-child(4),
    .tabletquotations td:nth-child(4), .tabletfollowuplist td:nth-child(3), .tabletleadlist td:nth-child(4),
    .tabletlatestfollowuplist td:nth-child(3), .tabletlatestfollowuplist td:nth-child(4),
    .tabletexpiredlist td:nth-child(3), .tabletexpiredlist td:nth-child(4),
    .tabletquotationlist table thead th:nth-child(4), .tabletquotationlist td:nth-child(4),
    .tabletorderlist table thead th:nth-child(4), .tabletorderlist td:nth-child(4) {
        text-align: center;
    }
    .tabletorders td:nth-child(4) span, .tabletquotations td:nth-child(4) span {
        color: #fff !important;
        background-color: #4b4b4b;
        overflow: hidden;
        border-color: #4b4b4b;
        padding: 3px 5px;
        border-radius: 0.25rem;
        font-size: 0.7rem;
    }
    .tabletfollowuplist td:nth-child(3) span, .tabletfollowuplist td:nth-child(3) span {
        color: #fff !important;
        background-color: #4b4b4b;
        overflow: hidden;
        border-color: #4b4b4b;
        padding: 3px 5px;
        border-radius: 0.25rem;
        font-size: 0.7rem;
    }
    .tabletquotations td:nth-child(5) span {
        color: #fff !important;
        background-color: #E8E6FC;
        overflow: hidden;
        border-color: #E8E6FC;
        padding: 5px 5px;
        border-radius: 0.5rem;
        font-size: 0.7em;
        margin: 0px 5px;
    }
    .tabletfollowuplist td:nth-child(4) span {
        color: #7367f0 !important;
        background-color: #E8E6FC;
        overflow: hidden;
        border-color: #E8E6FC;
        padding: 5px 5px;
        border-radius: 0.5rem;
        font-size: 0.7em;
        margin: 0px 5px;
    }
    .tabletfollowuplist td:nth-child(5) span {
        color: #fff !important;
    }
    .datatable-count .card-header {
        padding: 1rem 1rem;
    }
    .leadsretrivediv {
        text-align: center;
        font-size: 11px;
    }
    
    .webleadscount .datatable-count {
        text-align: center;
    }
    
    .tabletdatatable .tabletitemtable table thead th:nth-child(2), .tabletdatatable .tabletitemtable td:nth-child(2) {
        text-align: left;
    }
    
    .tabletdatatable table thead th:first-child, .tabletdatatable table td:first-child,
    .tabletleadlist table thead th:first-child, .tabletleadlist table td:first-child,
    .tabletlatestfollowuplist table thead th:first-child, .tabletlatestfollowuplist table td:first-child,
    .tabletexpiredlist table thead th:first-child, .tabletexpiredlist table td:first-child,
    .mobilenotfollowuplist table thead th:first-child, .mobilenotfollowuplist table td:first-child,
    .tebletnotificationlist table thead th:first-child, .tebletnotificationlist table td:first-child,
    .tabletquotationlist table thead th:first-child, .tabletquotationlist table td:first-child,
    .tabletorderlist table thead th:first-child, .tabletorderlist table td:first-child {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    
    .mobilefollowuphistory th.sorting:before, .mobilefollowuphistory th.sorting:after {
        display: none !important;
    }
}

/* Mobile CSS */
@media only screen and (max-width: 470px) {
    .mobiledashboardamc, .mobiledashboardtotals, .webhidebtn, .mobileleadscount, .mobilestoragedetails, .mobiledatatable, .mobiletypetable,
    .mobilefollowuplist, .mobileleadlist, .mobilenewleadlist, .mobilelatestfollowuplist, .mobileexpiredlist, .mobilenotfollowuplist, .mobileleadsearch,
    .mobilefollowuphistory, .mobilestatustable, .mobilesourcetable, .mobileusertable, .mobileusertypetable, .mobilelogtable, .mobilefollowuphistory,
    .mobilequotationlist, .mobileorderlist, .mobiletargetorderlist, .mobiletargettable, .mobiletargetcollection, .mobilenotificationlist {
        display: block;
    }
    .webdashboardamc, .webdashboardtotals, .mobilehidebtn, .webleadscount, .webstoragedetails, .mobilehidesection, .webdatatable, .webtypetable,
    .tabletdatatable, .webfollowuplist, .mobileorders, .webleadlist, .webnewleadlist, .mobilequotations, .tabletfollowuplist, .websourcetable,
    .weblatestfollowuplist, .webexpiredlist, .webnotfollowuplist, .webnotfollowuplist, .webfollowuphistory, .tabletdatatable, .webstatustable,
    .webusertable, .tabletusertable, .webusertypetable, .weblogtable, .webfollowuphistory, .webleadsearch, .webquotationlist, .weborderlist,
    .tebletdatatable, .webtargetorderlist, .tabletleadlist, .tabletfollowuphistory, .webtargettable, .webtargetcollection, .webnotificationlist,
    .tebletnotificationlist, .tabletorderlist, .tabletquotationlist, .tablettargetorderlist, .tabletleadsearch, .tabletdatatable {
        display: none;
    }
    
    .mobiledatatable table thead th:first-child, .mobiledatatable td:first-child,
    .mobileleadlist table thead th:first-child, .mobileleadlist td:first-child,
    .mobilenewleadlist table thead th:first-child, .mobilenewleadlist td:first-child,
    .mobilelatestfollowuplist table thead th:first-child, .mobilelatestfollowuplist td:first-child,
    .mobileexpiredlist table thead th:first-child, .mobileexpiredlist td:first-child,
    .mobilenotfollowuplist table thead th:first-child, .mobilenotfollowuplist td:first-child,
    .mobilefollowuphistory table thead th:first-child, .mobilefollowuphistory td:first-child,
    .mobileleadsearch table thead th:first-child, .mobileleadsearch td:first-child,
    .mobilequotationlist table thead th:first-child, .mobilequotationlist td:first-child,
    .mobileorderlist table thead th:first-child, .mobileorderlist td:first-child,
    .mobileusertable table thead th:first-child, .mobileusertable td:first-child,
    .mobileusertypetable table thead th:first-child, .mobileusertypetable td:first-child,
    .userloglist table thead th:first-child, .userloglist td:first-child,
    .mobilelogtable table thead th:first-child, .mobilelogtable td:first-child,
    .mobilenotificationlist table thead th:first-child, .mobilenotificationlist table td:first-child,
    .mobiletargettable table thead th:first-child, .mobiletargettable table td:first-child,
    .mobiletargetcollection table thead th:first-child, .mobiletargetcollection table td:first-child,
    .mobiletargetorderlist table thead th:first-child, .mobiletargetorderlist table td:first-child {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    
    .mobilefollowuplist table thead th:nth-child(1), .mobilefollowuplist td:nth-child(1),
    .mobileexpiredlist table thead th:nth-child(1), .mobileexpiredlist td:nth-child(1),
    .mobilenotfollowuplist table thead th:nth-child(1), .mobilenotfollowuplist td:nth-child(1) {
        max-width: 200px;
    }
    
    .mobiledatatable #DataTables_Table_1_filter, .mobilefollowuphistory #datatable_mobile_filter, .mobiledatatable #DataTables_Table_2_filter,
    .mobilesourcetable #DataTables_Table_1_filter, .mobiletypetable #DataTables_Table_1_filter, .mobileusertable #DataTables_Table_2_filter,
    .mobilestatustable #DataTables_Table_1_filter, .mobileusertypetable #DataTables_Table_1_filter, .userloglist #DataTables_Table_0_filter,
    .mobilelogtable #DataTables_Table_1_filter, .mobilenewleadlist .datatable_ssp_mobile_filter {
      text-align: right;
    }
    
    /*.mobiledatatable #DataTables_Table_1_length, .mobiledatatable #DataTables_Table_2_length, .mobilesourcetable #DataTables_Table_1_length,
    .mobiletypetable #DataTables_Table_1_length, .mobilestatustable #DataTables_Table_1_length, .mobileusertable #DataTables_Table_2_length,
    .mobileleadlist #datatable_ssp_mobile_length, .mobilenewleadlist #datatable_ssp_mobile_length, .mobilelogtable #DataTables_Table_1_length, 
    .mobilelatestfollowuplist #datatable_ssp_mobile_length, .mobilelatestfollowuplist #datatable_ssp_mobile_length,
    .mobileexpiredlist #datatable_ssp_mobile_length, .mobilenotfollowuplist #datatable_ssp_mobile_length,
    .mobilefollowuphistory #datatable_mobile_length, .mobilefollowuphistory #datatable_mobile_info,
    .mobilequotationlist #datatable_ssp_mobile_length, .mobileleadsearch #datatable_mobile_length,
    .mobileorderlist #datatable_ssp_mobile_length, .mobileorderlist #datatable_mobile_length,
    .mobileusertypetable #DataTables_Table_1_length, .userloglist #DataTables_Table_0_length {
      display: none;
    }*/
    
    .dataTables_length {
        display: none;
    }
    
    .mobileleadlist #datatable_ssp_mobile_filter, .mobileleadlist #datatable_ssp_mobile_paginate,
    .mobilenewleadlist #datatable_ssp_mobile_filter, .mobilenewleadlist #datatable_ssp_mobile_paginate,
    .mobilelatestfollowuplist #datatable_ssp_mobile_filter, .mobilelatestfollowuplist #datatable_ssp_mobile_paginate,
    .mobileexpiredlist #datatable_ssp_mobile_filter, .mobileexpiredlist #datatable_ssp_mobile_paginate,
    .mobilenotfollowuplist #datatable_ssp_mobile_filter, .mobilenotfollowuplist #datatable_ssp_mobile_paginate,
    .mobilefollowuphistory #datatable_mobile_paginate, .mobileleadsearch #datatable_mobile_paginate,
    .mobilequotationlist #datatable_ssp_mobile_paginate, .mobilequotationlist #datatable_ssp_mobile_filter,
    .mobileorderlist #datatable_ssp_mobile_paginate, .mobileorderlist #datatable_ssp_mobile_filter {
        margin-top: 0px !important;
    }
    
    .mobilefollowuplist table thead th:nth-child(2), .mobilefollowuplist table td:nth-child(2),
    .mobileleadlist table thead th:nth-child(2), .mobileleadlist table td:nth-child(2),
    .mobileleadlist table thead th:nth-child(3), .mobileleadlist table td:nth-child(3),
    .mobilenewleadlist table thead th:nth-child(2), .mobilenewleadlist table td:nth-child(2),
    .mobilenewleadlist table thead th:nth-child(3), .mobilenewleadlist table td:nth-child(3),
    .mobilelatestfollowuplist table thead th:nth-child(2), .mobilelatestfollowuplist table td:nth-child(2),
    .mobilelatestfollowuplist table thead th:nth-child(3), .mobilelatestfollowuplist table td:nth-child(3),
    .mobileexpiredlist table thead th:nth-child(2), .mobileexpiredlist table td:nth-child(2),
    .mobileexpiredlist table thead th:nth-child(3), .mobileexpiredlist table td:nth-child(3),
    .mobilenotfollowuplist table thead th:nth-child(2), .mobilenotfollowuplist table td:nth-child(2),
    .mobilenotfollowuplist table thead th:nth-child(3), .mobilenotfollowuplist table td:nth-child(3),
    .mobileleadsearch table thead th:nth-child(2), .mobileleadsearch table td:nth-child(2) {
        text-align: center;
    }
    
    .mobiletargetorderlist div.dataTables_wrapper div.dataTables_filter,
    .mobiletargetcollection div.dataTables_wrapper div.dataTables_filter,
    .mobilestatustable div.dataTables_wrapper div.dataTables_filter,
    .mobiletypetable div.dataTables_wrapper div.dataTables_filter,
    .mobilesourcetable div.dataTables_wrapper div.dataTables_filter,
    .mobiledatatable div.dataTables_wrapper div.dataTables_filter,
    .mobilenotificationlist div.dataTables_wrapper div.dataTables_filter,
    .mobiletargettable div.dataTables_wrapper div.dataTables_filter,
    .mobileusertypetable div.dataTables_wrapper div.dataTables_filter {
        margin-top: 20px !important;
    }
    
    .mobiletargetorderlist div.dataTables_wrapper div.dataTables_filter input,
    .mobiletargetcollection div.dataTables_wrapper div.dataTables_filter input,
    .mobilestatustable div.dataTables_wrapper div.dataTables_filter input,
    .mobiletypetable div.dataTables_wrapper div.dataTables_filter input,
    .mobilesourcetable div.dataTables_wrapper div.dataTables_filter input,
    .mobiledatatable div.dataTables_wrapper div.dataTables_filter input,
    .mobilenotificationlist div.dataTables_wrapper div.dataTables_filter input,
    .mobiletargettable div.dataTables_wrapper div.dataTables_filter input,
    .mobileusertypetable div.dataTables_wrapper div.dataTables_filter input {
        width: 80% !important;
    }
    
    body {
        overflow-x: hidden;
        font-size: 0.7rem;
    }
    .table th {
        font-size: 0.7rem;
    }
    .dashbord-details h5 {
        font-size: 0.7rem;
    }
    .dashbord-details h6, .dashbord-details small {
        font-size: 0.6rem;
    }
    
    .authentication-inner .card-body {
        padding: 1rem 2rem !important;
    }
    .authentication-inner .card-body .img-fluid {
        max-width: 70%;
    }
    .authentication-inner .card-body .app-brand-link {
        display: block;
    }
    #myWidget iframe {
        width: 285px !important;
    }
    
    hr.mx-n4 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
    
    #whatsapp-chat-widget {
        display: none !important;
    }
    .datatable-count .card-header {
        padding: 0.3rem 0.5rem;
        font-size: 0.9rem;
    }
    .btn {
        font-size: 0.8rem;
        padding: 0.5rem 0.8rem;
    }
    .dashbord-details .card-body {
        padding: 0.8rem;
    }
    .mobileleadscount .datatable-count {
        padding: 0rem 0.5rem;
    }
    .leadsretrivediv {
        text-align: center;
        font-style: italic;
        color: #ea5455;
        font-size: 12px;
    }
    
    div#snow-editor, div#snow-editor_2, div#snow-editor_3 {
        max-height: 900px !important;
    }
    .addnewfollowup {
        text-align:left;
    }
    .drag-target {
        width: 0px;
    }
    
    .menu-vertical .menu-item .menu-link {
        font-size: 0.8rem;
    }
    
    .mobiledatatable .ti-sm {
        font-size: 1rem !important;
    }
    .mobiledatatable .mx-2 {
        margin: 0rem;
    }
    
    .notificationtbl table thead th:nth-child(3), .notificationtbl td:nth-child(3) {
        max-width: 160px;    
    }
    
    .followuphistorytbl table thead th:nth-child(2), .followuphistorytbl table td:nth-child(2) {
        max-width: 210px !important;
    }
    
    .mobilequotationlist thead th:first-child, .mobilequotationlist td:first-child,
    .mobileorderlist thead th:first-child, .mobileorderlist td:first-child {
        max-width: 190px !important;
    }
    
    .mobileleadlist .leadssource {
        color: #fff !important;
        background-color: #4b4b4b;
        overflow: hidden;
        border-color: #4b4b4b;
        padding: 5px 5px;
        border-radius: 0.5rem;
        font-size: 0.6em;
    }
    .mobileleadlist .leadstype {
        color: #7367f0 !important;
        background-color: #E8E6FC;
        overflow: hidden;
        border-color: #E8E6FC;
        padding: 5px 5px;
        border-radius: 0.5rem;
        font-size: 0.6em;
        margin: 0px 5px;
    }
    .mobilefollowuplist .badge, .badge {
        padding: 5px 5px;
        font-size: 0.7em;
    }
    
    .mobilenewleadlist table thead th:nth-child(1), .mobilenewleadlist td:nth-child(1),
    .mobileleadlist table thead th:nth-child(1), .mobileleadlist td:nth-child(1),
    .mobilenotfollowuplist table thead th:nth-child(1), .mobilenotfollowuplist td:nth-child(1) {
        max-width: 150px;    
    }
    
    .mobilefollowuphistory #datatable_mobile_filter {
        margin-top: 20px !important;
    }
    
    .mobileleadsearch th.sorting:before, .mobileleadsearch th.sorting:after,
    .mobilefollowuphistory th.sorting:before, .mobilefollowuphistory th.sorting:after {
        display: none !important;
    }
    
    .mobilelatestfollowuplist thead th:nth-child(1), .mobilelatestfollowuplist td:nth-child(1),
    .mobileexpiredlist thead th:nth-child(1), .mobileexpiredlist td:nth-child(1) {
        max-width: 140px;
    }
    
    .mobilelatestfollowuplist th:nth-child(2), .mobilelatestfollowuplist td:nth-child(2),
    .mobileexpiredlist th:nth-child(2), .mobileexpiredlist td:nth-child(2) {
        max-width: 90px;
    }
    
    .mobileleadsearch table thead th:nth-child(1), .mobileleadsearch td:nth-child(1) {
        max-width: 220px;
    }
    
    .mobilequotationlist td:nth-child(2) span.bg-primary, .mobileorderlist td:nth-child(2) span.bg-primary {
        margin-left: 5px;
    }
    .mobilequotationlist td:nth-child(2) span.bg-primary a, .mobileorderlist td:nth-child(2) span.bg-primary a {
        color: #FFF;
    }
    .dataTables_wrapper td a {
        margin: 0px 0px;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 55% !important;
    }
    
    .dataTable .mobilesource, .dataTable .tabletsource {
        color: #fff !important;
        background-color: #4b4b4b;
        overflow: hidden;
        border-color: #4b4b4b;
        padding: 5px 5px;
        border-radius: 0.5rem;
        font-size: 0.6em;
    }
    
    .dataTable .mobiletype, .dataTable .tablettype {
        color: #7367f0 !important;
        background-color: #E8E6FC;
        overflow: hidden;
        border-color: #E8E6FC;
        padding: 5px 5px;
        border-radius: 0.5rem;
        font-size: 0.6em;
        margin: 0px 5px;
    }
    
    .btntradeindia {
        text-align: left;
    }
    .quotationlistmobile .ti-sm, .orderlistmobile .ti-sm {
        font-size: 0.7rem !important;
    }
}