*{
  margin: 0;
  padding: 0;
}
#bg_img {
  /* background-image: url("../../newImg/bg_img.png"); */
  background-image: url("../../newImg/bg_img_3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  /* display: flex; */
  /* justify-content: right; */
  /* align-items: center; */
  /* background-position: center; */
  /* overflow: hidden; */
}

/* #bg_img_2 {
  background-image: url("../../newImg/bg_img-2.png");
  background-size: cover;
  height: 44rem;
  max-width: 95%;
  border-radius: 30px;
  margin: 25px;
  margin-top: 0;
  overflow: hidden;
} */

#logo{
  /* width: 200px; */
  /* padding-top: 10px; */
  padding-left: 60px;
  height: 65px;
}
#paragraph{
  color: #a89d9d;
  font-size: 18px;
  padding-left: 55px;
  padding-top: 10px;
  margin-bottom: 0;
}

@font-face {
  font-family: 'SEGOE-UI';
  src: url('../../fonts/SEGOEUI.ttf');
}

@font-face {
  font-family: 'SEGOEUI-B';
  src: url('../../fonts/SEGUISB.ttf');
}

@font-face {
  font-family: 'SEGUI-SB';
  src: url('../../fonts/SEGUISB.ttf');
}

.login-box{
  display: flex;
/*  flex-direction: column;*/
  height: 580px;
  width: 450px;
  margin: auto;
  margin-right: 100px;
  align-items: center;
}
.login-box-inner{
  background-color: #fff;
  border-radius: 25px;
  width: 100%;
}
.login-box h2{
  color: #7037B9;
  /* font-size: 2rem; */
  font-family: 'SEGOE-UI';
  font-weight: bold;
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
  margin-top: 20px;
}
.login-box p{
  font-family: 'SEGOE-UI';
  font-size: 14px;
  color: #A660FF;
  font-weight: bolder;
  margin-bottom: 20px;
  letter-spacing: 0.7px;
}
.login-box label{
  color: #7037B9;
  font-family: 'SEGOE-UI';
  font-weight: 900;
}
.box{
  padding: 10px 15px;
  margin: 4px 0 0;
  border: 1px solid #cbd5e1;
/*  box-shadow: 6px 7px 11px #e8f0fe94;*/
  outline: none;
  border-radius: 5px;
}
.submit-btn{
  padding: 10px 20px;
  width: 100%;
  font-size: 20px;
  font-family: 'SEGOE-UI';
  font-weight:800;
  background-color: #7037B9;
  color: #fff;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.login-box a{
  color: #7037B9;
  text-decoration: none;
  text-align: right;
  font-size: 15px;
  font-family: 'SEGOE-UI';
  font-weight: 700;
  margin-top: 20px;
}
.login-box span{
  color: #aba9a9;
  font-family: 'SEGOE-UI';
}
.login-box span a{
  color: #A660FF;
  font-family: 'SEGOE-UI';
}

/* form i {
  text-align: right;
  margin-right: 40px;
  margin-top: -45px;
  color: #A660FF;
} */

.form-box {
  padding: 0 30px 20px;
  overflow: auto;
  max-height: 36rem;
}
#form-login .input-group-text{
  padding-left: 10px;
  background-color: transparent;
  margin: 4px 0 0;
  border-left: 0;
  line-height: 1;
}
#form-login #login_password{
  border-right: 0;
}

#form-register .input-group-text{
  background-color: transparent;
  margin: 4px 0 0;
  line-height: 1;
}

.has-error .help-block,
.has-error .control-label,
.has-error .input-group-addon,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .radio,
.has-error .radio-inline {
  color: #E74C3C;
  margin-top: 4px !important;
  display: block;
}
.has-error .form-control,
.has-error .input-group-addon {
  border-color: #E74C3C;
  background-color: #FFFFFF;
}

.has-success input, 
.has-success .input-group-addon {
  border-color: #27ae60;
}

.has-success .help-block,
.has-success .control-label,
.has-success .input-group-addon,
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .radio, 
.has-success .radio-inline {
  color: #27ae60;
  display: block;
}

.dataTables_paginate li.active a{
  background-color: #4f46e5;
  color: #fff;
}

.preloader-s{
  /* background-color: #192132eb; */
}
.ticket_button{
  position: fixed;
  right: 33px;
  bottom: 16px;
}

.fixed-positioning {
position: fixed;
bottom: 95px;
right: 15px;
z-index: 1;
}

.chat-box {
width: 300px;
overflow: hidden;
max-height: 0;
transition: 0.3s ease-in-out;
opacity: 0;
}

.chat-header {
justify-content: space-between;
align-items: center;
padding: 15px;
}

.chat-box .chat-header button {
padding: 3px;
border-radius: 3px;
cursor:pointer;
}

.chat-content {
padding: 15px;
overflow: hidden;
position: relative;
}

.chat-content.active {
padding: 15px 15px;
}

.chat-title {
margin-bottom: 15px;
text-align: center;
}

.chat-box .chat-form {
  background-color: transparent;
}

.chat-box input,
.chat-box textarea,
.chat-box label,
.chat-box button[type=submit] {
display: block;
width: 100%
}

.chat-box textarea {
  min-height: 50px;
}

.chat-box label {
  margin-bottom: 10px;
}

/* .ticket_chat_active{
  background-color: #313e59;
} */

#ticket_desc,
#ticket_file_attach {
  max-height: 36rem;
}
.bg-purple{
  background-color: #915bd8;
}

#sidebar-menu li {
  list-style: none;
}

#sidebar-menu li a {
  margin: auto;
}

.divcolor {
  border-radius: 50%; 
  background: #0a9de3b3;
  padding: 4px;
  color: #fff;
  width: 26px;
  margin-left: 5px;
  height: 26px;
}
.updatecolor {
  border-radius:50%; 
  background: #15980fb3;
  padding: 4px;
  color: #fff;
  width: 26px;
  margin-left: 5px;
  height: 26px;
} 
.bgcolor {
  background: #f5f4f4bf;
}
.notification_tittle {
  overflow: hidden;
  max-width: 10ch;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  }
.notification_des {
  overflow: hidden;
  max-width: 80ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-underline:hover{
  text-decoration: underline;
}

.style-alt .widget {
  background-color: #f6f6f6;
}

.widget-advanced .widget-header {
position: relative;
padding: 15px 15px 50px;
height: 150px;
overflow: hidden;
}

.widget-advanced .widget-main {
  position: relative;
  padding: 50px 15px 15px;
}

.widget-advanced .widget-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 150px;
}

.widget-advanced .widget-image-container {
  position: absolute;
  display: flex;
  padding: 5px;
  width: 74px;
  height: 74px;
  top: -36px;
  left: 50%;
  margin-left: -36px;
  border-radius: 36px;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
}

.widget .widget-image, .widget .widget-icon {
  width: 64px;
  height: 64px;
}

.widget .widget-icon {
  display: inline-block;
  line-height: 64px;
  text-align: center;
  font-size: 28px;
  color: #ffffff;
  border-radius: 32px;
}

.themed-background-dark-default {
  background-color: #394263;
}

.themed-background-dark-flatie {
  background-color: #32323a;
}

.themed-background-dark-fire {
  background-color: #4a2e2b;
}

.disabled\:bg-zinc-100:read-only {
  background-color: #f4f4f5;
}

:is(.dark .dark\:disabled\:bg-navy-600:read-only) {
  background-color: #313e59;
}

.btn.disabled, 
.btn[disabled]{
  opacity: 0.4;
}

td.dataTables_empty {
  text-align: center;
}

.datatable-layout-fix {
  table-layout: fixed;
}
input.select2-search__field {
  width: auto !important;
}

.invoice_signature,
.manifest_settings_invoice,
.change,
.keywords_filtering,
.sms_settings,
.manifest_settings{
  background-color: #5373db;
  color: #fff;
  justify-content: center;
  font-size: 16px;
}

.generate_token,
.user_accepted_agreement,
.ifsc_code,
.verify_account_no,
.verify_gst,
.verify_aadhar,
.generate_aadhar_otp{
  background-color: #1049e6;
  color: #fff;
  justify-content: center;
  font-size: 16px;
}

.channelorders_bulk_wt_size_prefill,
.weight_reconciliation,
.WeightReconcile{
  background-color: #e6c610;
  color: #fff;
  justify-content: center;
  font-size: 16px;
}

.change_subuser_password,
.update_password,
.recover_password{
  background-color: #2597e8;
  color: #fff;
  justify-content: center;
  font-size: 16px;
}

.quick_return{
  background-color: #13d450;
  color: #fff;
  justify-content: center;
  font-size: 18px;
}

.channel_cancel_order,
.cancel_order{
  background-color: #f22405;
  color: #fff;
  justify-content: center;
  font-size: 16px;
}

.bulkshopify_upload,
.bulkreverse_upload,
.bulkforward_upload{
  background-color: #f29305;
  color: #fff;
  justify-content: center;
  font-size: 16px;
}

.delete_subuser,
.delete_userseller,
.delete_channel,
.delete_useraddress,
.remove_shipper_logo{
  background-color: #f20505;
  color: #fff;
  justify-content: center;
  font-size: 17px;
}

.channel_bulkchangestatus,
.update_subuser_status,
.update_subuser,
.update_woocommerce,
.update_channel_orders_amount,
.update_channel_customer_details,
.update_shopify,
.update_customer_details,
.status_update_userseller,
.update_user_address_api,
.tracking_page_update,
.update_user_seller,
.status_update_useraddress,
.update_user_address,
.update_manifest_status,
.update_display_name{
  background-color: #7037B9;
  color: #fff;
  justify-content: center;
  font-size: 16px;
}

.add_sub_user,
.add_prestashop,
.add_magento,
.add_user_seller,
.add_shopify,
.add_woocommerce,
.add_user_address_api,
.add_user_address,
.shipper_logo{
  background-color: #05def2;
  color: #fff;
  justify-content: center;
  font-size: 20px;
}

.invoice_signature::before,
.manifest_settings_invoice::before,
.change::before,
.keywords_filtering::before,
.sms_settings::before,
.manifest_settings::before{
  content: "\f085";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.activity_download,
.report_mis_single_download,
.report_mis_mps_download,
.report_mis_bulk_download
{
  background-color: #5373DB;
  color: #fff;
  justify-content: center;
  font-size: 16px;
}

.activity_download::before,
.report_mis_single_download::before,
.report_mis_mps_download::before,
.report_mis_bulk_download::before
{
  content: "\f019";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.generate_token::before,
.user_accepted_agreement::before,
.ifsc_code::before,
.verify_account_no::before,
.verify_gst::before,
.verify_aadhar::before,
.generate_aadhar_otp::before{
  content: "\f046";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.channelorders_bulk_wt_size_prefill::before,
.weight_reconciliation::before,
.WeightReconcile::before{
  content: "\f5cd";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.change_subuser_password::before,
.update_password::before,
.recover_password::before{
  content: "\f084";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.quick_return::before{
  content: "\f07a";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.channel_cancel_order::before,
.cancel_order::before{
  content: "\f00d";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.bulkshopify_upload::before,
.bulkreverse_upload::before,
.bulkforward_upload::before{
  content: "\f0ee";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.delete_subuser::before,
.delete_userseller::before,
.delete_channel::before,
.delete_useraddress::before,
.remove_shipper_logo::before{
  content: "\f014";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.channel_bulkchangestatus::before,
.update_subuser_status::before,
.update_subuser::before,
.update_woocommerce::before,
.update_channel_orders_amount::before,
.update_channel_customer_details::before,
.update_shopify::before,
.update_customer_details::before,
.status_update_userseller::before,
.update_user_address_api::before,
.tracking_page_update::before,
.update_user_seller::before,
.status_update_useraddress::before,
.update_user_address::before,
.update_manifest_status::before,
.update_display_name::before{
  content: "\f044";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.add_sub_user::before,
.add_prestashop::before,
.add_magento::before,
.add_user_seller::before,
.add_shopify::before,
.add_woocommerce::before,
.add_user_address_api::before,
.add_user_address::before,
.shipper_logo::before{
  content: "\f0fe";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5%;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  /* max-width: 500px; */
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #F7F7F7;
  border-bottom: 1px solid #EBEBEB;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.slide-image{
  border-radius: 0 0 50% 50%;
  overflow: hidden;
  height: 293px;
}

#update-modal-desc ul,
#noti_details ul{
  list-style: disc;
  padding: revert;
}

.table-zoom-font{
  font-size :80%;
}

.table-zoom{
  zoom: 0.8;
}

.column-visibility{
  top: 180px;
  left: 100px;
}
.tagtd .ts-wrapper .item{
  line-break: anywhere;
}

.tippy-box[data-theme~='error'] {
  background-color: #ff5724;
  color: #fff;
}
.tippy-box[data-theme~='error'] > .tippy-arrow {
  color: #ff5724;
}

.tippy-box[data-theme~='light'] {
  background-color: #e9eef5;
  color: #1e293b;
}
.tippy-box[data-theme~='light'] > .tippy-arrow {
  color: #e9eef5;
}

.tippy-box[data-theme~='warning'] {
  background-color: #ff9800;
  color: #fff;
}
.tippy-box[data-theme~='warning'] > .tippy-arrow {
  color: #ff9800;
}

.tippy-box[data-theme~='info'] {
  background-color: #0ea5e9;
  color: #fff;
}
.tippy-box[data-theme~='info'] > .tippy-arrow {
  color: #0ea5e9;
}

@media (min-width: 1024px) {
  .lg\:absolute{
    position: absolute;
  }
  #btn_bulkprocess{
    top: 25%!important;
    right: 2%!important;
  }

  #NDR_action_btn{
    margin-top: -20px!important;
  }
}

@media only screen and (max-width: 800px) {
  #bg_img_2{
    background-image: none;
  }
  #logo {
    padding-left: 0;
    padding-top: 0;
    width: auto;
    margin: auto;
    display: block;
  }
  #paragraph {
    padding-left: 0;
    text-align: center;
  }
  .login-box {
    height: 490px;
    margin-right: auto;
  }
  .login-box-inner {
    box-shadow: 0px 0px 6px #00000014;
  }
  .form-box {
    max-height: 30rem;
  }
  .datatable-layout-fix {
    table-layout: auto;
  }
  #btn_bulkprocess{
    top: 35%!important;
    right: 10%!important;
  }
  .column-visibility {
    top: 482px;
  }
}

@media only screen and (max-width: 500px) {
  .login-box {
    width: auto;
  }
  #user_profile_tbl .whitespace-nowrap{
    white-space: break-spaces;
  }

  .base-weight > span {
    float: none !important;
    display: block;
    margin-top: 10px;
  }
  
  .sm\:float-none{
    float: none !important;
  }

  .sm\:w-full {
    width: 100%;
  }
  #btn_bulkprocess{
    top: 35%!important;
    right: 10%!important;
  }
  .mobile-view-image{
    overflow: hidden!important;
    height: 147px!important;
  }
  .column-visibility {
    top: 560px;
    left: 30%;
  }
}

@media only screen and (max-width: 320px) {
  .column-visibility {
    left: 27%;
  }
}

@media only screen and (max-width: 320px) {
  #cod-charge button{
    display: block;
  }
  .column-visibility {
    left: 22%;
  }
}