@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
  font-family: "Poppins", serif !important;
  letter-spacing: 0.5px;
}

:root{
  --color-theme: #04b3c6;
  --color-theme-dark: #138496;
}

a{
 color: var(--color-theme); 
}
a:hover{
  color: var(--color-theme-dark); 
 }
 
th{
  font-weight: 500;
}


li,a{
    list-style: none;
    text-decoration: none;
}
ul.sub-manu li {
    border-right: none !important;
    border-left: none !important;
}

.dark-mode .content-wrapper {
    background-color: #f2f2f2;
    color: #000;
}
.dark-mode .card {
    background-color: #fff;
    color: #000;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 3px 6px 4px;
        margin-top: 50px;
}
.dark-mode .card .card-footer {
    background-color: #fff;
}

.dark-mode .custom-control-label::before, .dark-mode .custom-file-label, 
.dark-mode .custom-file-label::after, 
.dark-mode .custom-select, .dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar), 
.dark-mode .input-group-text {
    background-color: #fff;
    color: #777;
}

.dark-mode .custom-file-label, .dark-mode .custom-file-label::after, 
.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus) {
    border-color: #777;
}
.dark-mode .content-wrapper .content-header {
    color: #fff;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 1px 2px 0px;
}
.content-header h1 {
    color: #000;
}
.dark-mode .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, 
.dark-mode .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
 /*   background-color: #3f6791;
    color: #fff;*/
      /*  background: #26436a21 !important;
    box-shadow: none !important;
    color: #26436a !important;*/
}

img.loginlogol {
    height: 120px !important;
}
.profile-user-img {
    border: 3px solid #adb5bd;
    margin: 0 auto;
    padding: 3px;
    width: 30px;
    height: 30px;
    object-fit: cover;
}


/* .login-page, .register-page {
    background-color: #f2f2f229;
} */


.login-page, .register-page{
    background: url('../dist/img/Fishing-Logo.png');
}
/* <img src="{{asset('../dist/img/Fishing-Logo.png')}}" alt="logo" class="loginlogol"> */

.login-box, .register-box {
    width: 400px;
}



.login-box-msg, .register-box-msg {
    font-size: 20px;
    text-transform: capitalize;
}

.admonlogin input {
    height: 50px;
}

.admonloginbtn {
    color: #fff;
    background-color: #26436A;
    border-color: #26436A;
    box-shadow: none;
}

.admonloginbtn:hover {
    color: #fff;
    background-color: #040B69;
    border-color: #040B69;
}
.adminforgotpass{
    color: #26436A;
}
.adminforgotpass:hover{
    color: #0011ef;
}

.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
    border-color: #0011ef;
}
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
    background-color: #26436a;
    border-color: #26436a;
}
.alert.alert-success.alert-block {
    width: 25%;
    position: absolute;
    right: 50%;
    left: 50%;
    transform: translate(-50%);
    z-index: 11;
}
.alert .close, .alert .mailbox-attachment-close {
    color: #fff;
    opacity: 1.2;
}  
.alert-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #d32535;
    WIDTH: 30% !important;
    position: absolute !important;
    right: 50%;
    z-index: 99 !important;
    left: 50% !important;
    top: 10%;
    transform: translate(-50%) !important;
} 
.edit-del-btn {
    display: flex;
    /* justify-content: space-between; */
}

 .bbbb td.edit-del-btn {
    border: none;
    border-top: 1px solid #dee2e6;
}
.product_list td.edit-del-btn {
  border: none;
    border-top: 1px solid #dee2e6;
}





/* New Css */



/* .desbord-admin .dash-admin{

        background: #fff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 3px 0px;

}

.desbord-admin .dash-admin input {
    background: none;
    border: none;
}

.desbord-admin .dash-admin  .input-group-append button.btn.btn-sidebar {
    background: none;
    border: none;
    color: #596b8c;
    font-size: 12px;
} */



content-wrapper {
    background-color: #f1f3f6;
  }
  .daskbord-right {
    / box-shadow: rgba(100, 100, 111, 0.2) 0px 1px 4px 0px; /
/* background: #fff;
    padding: 10px 0px;
    border: solid 1px #e5e9ec; */
  }
  aside.main-sidebar.sidebar-light-primary.elevation-4 {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 4px 0px !important;
  }

  nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    background-color: #f1f3f6;
    color: #1f2d3d;
    / padding: 13px 0px; /
  }
  .customer-rev {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
  }

  .customer-name h5 {
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
  }

  .customer-name {
    padding-top: 10px;
  }

  .customer-price p {
    background: #26436A;
    padding: 2px 15px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
  }
  .customers .customer-img img {
    border-radius: 100%;
    height: 50px;
    width: 50px;
    object-fit: cover;
  }
.daskbord-right-content .title h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    padding-bottom: 5px;
}

  .weekly span.date {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    color: #777;
  }

  .weekly-sales {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

 .weekly-sales .weekly-sale-rate {
    font-size: 40px;
    font-weight: 700;
    color: #000;
}

  .incress span {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    color: #777;
  }


  .store p {
    text-transform: capitalize;
    font-size: 15px;
    padding-bottom: 10px;
    color: #777;
  }

 .store p span {
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

.store button {
    background: #26436A;
    border: none;
    padding: 8px 12px;
    text-transform: capitalize;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
}
  ol.breadcrumb.float-sm-right li.breadcrumb-item a {
    color: var(--color-theme);
  }


.daskbord-right-inner {
    height: 100%;
    padding: 10px 20px;
    position: relative;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 18px 0px;
    background: #fff;
    border-radius: 10px;
}


.store {
  position: absolute;
  bottom: 30px;
}


.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background: #26436a21 !important;
    box-shadow: none !important;
    color: #26436a !important;
}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link {
  font-size: 16px;
  font-weight: 400;
  color: #26436a;
}
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link i{
  font-size:14px;
  color: #26436a;

}
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover {
  color: #000;
}

/*[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link {
  background: none;
  color: #000;
}


[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link.active {
  color: #000;
}*/

/*[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link {
  color: #596b8c;
  font-size: 14px;
  padding-left: 50px;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link i {
  font-size: 12px;
  display: none;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover {
  background: none;
}*/

.desbord-admin .dash-admin{

  background: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 3px 0px;

}

.desbord-admin .dash-admin input {
  background: none;
  border: none;
}

.desbord-admin .dash-admin  .input-group-append button.btn.btn-sidebar {
  background: none;
  border: none;
  color: #596b8c;
  font-size: 12px;
}

.data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 85%;
    bottom: 10%;
}

.bottom-box {
  padding: 20px;
  background: #f53c69ba;
  border-radius: 10px;
  height: 100%;
  background: rgb(2,0,36);
  background: linear-gradient(70deg, rgb(210 22 121) 0%, rgb(245 55 110) 45%);
  position: relative;
}
.bottom-box.box-contentdes:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #eb467d;
    left: 0;
    top: 55%;
    transform: translateY(-55%);
}

.bottom-box .box-content .title h5 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}

.bottom-box .box-content .title span {
  font-size: 16px;
  text-transform: capitalize;
  color: #f1f3f6;
}



.bottom-box .box-content .title p {
  font-size: 35px;
  font-weight: 600;
  color: #fff;
}

.data .data_1 p {
  margin: 0px;
  text-transform: capitalize;
  font-weight: 500;
  color: #f1f3f6;
  margin: 0px;
}

.data .data_1 span {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}

/*.bottom-box.sww {
    width: 60%;
    position: relative;
    text-align: center;
}*/

/*.bottom-box.sww .box-content.bhu .title h5 {
    position: absolute;
    left: 0px;
    transform: rotate(90deg);
    bottom: 50%;
    top: 50%;
}*/

.dasktop_bottom {
    padding: 40px;
}



.dashbord-fhty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    position: relative;
}

.bottom-box.sww {
    width: 32.5%;
} 




.bottom-box.sww {
    position: relative;
    overflow: hidden;
    background: linear-gradient(70deg, rgb(50 150 185) 0%, rgb(87 195 225) 45%);
    height: 250px;
    min-height: 250px;
}
.bottom-box.sww.dsds {
    background: linear-gradient(-90deg, rgb(240 109 90) 0%, rgb(244 145 110) 45%);
}
.bottom-box.sww.efrt{
    background: linear-gradient(-100deg, rgb(137 27 204) 50%, rgb(87 82 147) 100%);
}


.title-xs {
    transform: rotate(-90deg);
    width: 100%;
    height: 60px;
    position: absolute;
    left: -42%;
    bottom: 50%;
    top: 50%;
    background: #000;
    text-align: center;
    justify-content: center;
    display: flex;
    margin: 0px auto;
    line-height: 60px;
    align-items: center;
    background: linear-gradient(70deg, rgb(50 150 185) 0%, rgb(87 195 225) 45%);
}

.title-xs.derw{
    background: linear-gradient(0deg, rgb(240 109 90) 0%, rgb(244 145 110) 45%);
}

.title-xs.rtt{
    background: linear-gradient(-180deg, rgb(137 27 204) 50%, rgb(103 53 133) 100%);
}


.title-xs h5 {
    color: #fff;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 500;
    position: absolute;
    left: 30%;
}
.box-content.bhu .title em {
    display: block;
    margin-top: -10px;
    color: #fff;
}


.data .data_1{
    position: relative;
}
.data .data_1:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 30px;
    background: #eb467d;
    right: -100%;
    bottom: 20%;
    transform: translate(0%, -20%);
}

.data .data_1:last-child:before {
    background: none;
}




/*content list page*/



.nav-pills.button-tabs-pill .nav-link.active, .nav-pills .show>.nav-link {
    background: #26436A;
    color: #fff !important;
}

.seo_form .seo_form_inn label {
    text-transform: capitalize;
    font-size: 16px;
/*    font-weight: 500;*/
}

/*.seo_form .seo_form_inn input {
    margin-bottom: 30px;
}
*/
.general_form-inn input {
    margin-bottom: 20px;
}

.general_form-inn label {
    font-size: 16px;
/*    font-weight: 400 !important;*/
    text-transform: capitalize;
}



.general_form .drop-zone {
    height: 300px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-top: 20px;
}

.general_form .drop-zone--over {
  border-style: solid;
}

.general_form .drop-zone__input {
  display: none;
}

.general_form .drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-size: contain;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}

.general_form .drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}




.language_select_inn label {
    font-size: 16px;
/*    font-weight: 400 !important;*/
}
.language_select_inn_btn {
    text-align: right;
}





.my_profile_ .card-primary.card-outline {
    border-top: none;
}

.my_profile_ .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #26436A;
}

.my_profile_  .nav-pills .nav-link:not(.active):hover {
    color: #26436A;
}

.my_profile_ .sumbit_btn_ button{
    background: #dc3545 !important;
    border: solid 1px #dc3545 !important;
        font-size: 1rem !important;
    line-height: 1.5;
    border-radius: .25rem;
}

.my_profile_ .sumbit_btn_ button:hover{
    background: #c82333 !important;
    border: solid 1px #c82333 !important;
}



.category_edit_ .arow_down {
    display: flex;
    align-items: center;
}

.category_edit_ .catggory_name_ {
    width: 50%;
}

.category_edit_ .edit_icons { 
    width: 50%;
}


/*Responsive Start*/

@media(max-width:1920px) and (min-width:1400px){
}

@media(max-width:1399px) and (min-width:1200px){


.my_profile_ .list-group-unbordered>.list-group-item a {
    font-size: 14px;
}

.my_profile_ .list-group-unbordered>.list-group-item b {
    font-size: 14px;
}
.alert.alert-success.alert-block {
    width: 35%;
}
.robots-mata-data {
    width: 33% !important;
}
.seo_form .seo_form_inn label {
    font-size: 15px;
}

}


@media(max-width:1199px) and (min-width:1024px){


.my_profile_ .list-group-unbordered>.list-group-item a {
    font-size: 14px;
}

.my_profile_ .list-group-unbordered>.list-group-item b {
    font-size: 14px;
}
.alert.alert-success.alert-block {
    width: 35%;
}
.alert-danger {
    left: 60% !important;
    transform: translate(-40%) !important;
}
.robots-mata-data {
    width: inherit !important;
}
.seo_form .seo_form_inn label {
    font-size: 15px;
}

}


[class*=sidebar-light] .list-group-item:hover {
    background: #fff;
}

.sidebar-search-results .search-title strong {
    color: #000 !important;
}




/*29/07/2024*/

th.dt_orderable_asc {
    position: relative;
}

span.dt_column_order:after {
    position: absolute;
    content: ">";
    right: 9.5px;
    transform: rotate(90deg);
    bottom: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #777;
}

span.dt_column_order:before {
    position: absolute;
    content: ">";
    right: 10px;
    transform: rotate(-90deg);
    top: 8px;
    cursor: pointer;
        font-size: 14px;
    color: #777;
}
.user_header_img {
    height: 40px !important;
    width: 40px !important;
    margin-top: -10px !important;
}
.city-list{
  display: inline-table !important;
}
.des{
  width:250px;
}





/*New Css Start 24-08-2024*/

.new_dasbord .dash_card h4.text-c-purple {
  color: #536dfe;
  font-weight: 500;
  font-size: 25px;
}

.new_dasbord .dash_card h4.text-c-green{
  color: #11c15b;
  font-weight: 500;
  font-size: 25px;
}
.new_dasbord .dash_card h4.text-c-red {
  color: #ff5252;
  font-weight: 500;
  font-size: 25px;
}

.new_dasbord .dash_card h4.text-c-blue{
  color: #448aff;
  font-weight: 500;
  font-size: 25px;
}

.new_dasbord .dash_card {
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 3px 0px;
	/* margin-bottom: 20px; */
	border-radius: 5px;
	overflow: hidden;
}

.new_dasbord .dash_card .card-block .col-9, .new_dasbord .dash_card .card-block .col-3{
  padding: 10px 20px;
}

.new_dasbord .dash_card .bg-c-purple {
  background: red;
  padding: 10px;
}
.new_dasbord .dash_card .bg-c-green{
  background: #11c15b;
  padding: 10px;
}

.new_dasbord .dash_card .bg-c-red {
  background: #ff5252;
  padding: 10px;
}
.new_dasbord .dash_card .bg-c-blue{
  background: gray;
  padding: 10px;
}


.new_dasbord .dash_card  p {
  margin: 0px;
}

/*====== color add =======*/
.text-color-1{
    background:  #339933 !important;
}
.text-custom-color-1{
    color: #339933 !important;
}
.text-color-2{
    background:  #666633 !important;
}
.text-custom-color-2{
    color: #666633 !important;
}
.text-color-3{
    background:  #6699ff !important;
}
.text-custom-color-3{
    color: #6699ff !important;
}
.text-color-4{
    background:  #ff33cc !important;
}
.text-custom-color-4{
    color: #ff33cc !important;
}
.text-color-5{
    background:  #ff9966 !important;
}
.text-custom-color-5{
    color: #ff9966 !important;
}
.text-color-6{
    background:  #009999 !important;
}
.text-custom-color-6{
    color: #009999 !important;
}
.text-color-7{
    background:  #ff66ff !important;
}
.text-custom-color-7{
    color: #ff66ff !important;
}
.text-color-8{
    background:  #006666 !important;
}
.text-custom-color-8{
    color: #006666 !important;
}
.text-color-9{
    background:  #666699 !important;
}
.text-custom-color-9{
    color: #666699 !important;
}
.text-color-10{
    background:  #ff5050 !important;
}
.text-custom-color-10{
    color: #ff5050 !important;
}


.active_trips .active_trips_heading .card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.active_trips .active_trips_heading {
    background: #fff;
    padding: 15px 15px;
    border-bottom: solid 1px #f2f2f2;
}

.active_trips .active_trips_heading .card_header h4 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    color: #000;
}

.active_trips .active_trips_heading .card_header .btn-actions-pane-right {}

.active_trips  .active_trips_heading .card_header .btn-actions-pane-right .btn-group-sm.btn-group button {
    background: #1b57c5;
    color: #fff;
    border: solid 1px #1b57c5;
    padding: 2px 10px;
    margin: 0px 0px 0px 10px;
    transition: all 0.3s linear;
}

.active_trips .active_trips_heading .card_header .btn-actions-pane-right .btn-group-sm.btn-group button:hover {
    background: #1b57c5c4;
    color: #fff;
    border: solid 1px #1b57c5c4;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.active_trips_table .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.03);
}
.active_trips_table {
    background: #fff;
}

/*New Css End 24-08-2024*/



.order_table_ .or_comment_history ul li {
    margin: 0px 20px 0px 0px;
    position: relative;
    font-size: 16px;
}

.order_table_ .or_comment_history ul li:before {
    position: absolute;
    content: "|";
    padding: 0px;
    right: -10px;
}

.order_table_ .or_comment_history ul li:last-child:before {
    display: none;
}
/*
.order_fer_ table tbody tr{
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: start;
    margin: 15px 0px 0px;
    padding: 5px;
    background: #7777771c;
  }

.order_fer_ table thead tr th h3 {
    font-size: 22px;
    font-weight: 500;
}*/
.order_fer_  h3 {
font-size: 22px;
    font-weight: 500;
    padding: 10px 0px;
}
.order_fer_ ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
     background: #7777771c;
}
.gghu ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
 }

 /*vikram css */
 .user-panel .sidebar-search-results .list-group{
 position: relative;
  }
  .user-panel input.form-control.form-control-sidebar {
    border: 1px solid #d9d9d9;
}
.desbord-admin .dash-admin .input-group-append button.btn.btn-sidebar{
  border: 1px solid #d9d9d9;
}

@media print {
    .printableArea, .printableArea * {
        visibility: visible;
    }
    .printableArea {
        position: absolute;
        left: 0;
        top: 0;
    }
}







    .email_confrimation{
        border: solid 1px #000;
        width: 800px;
        margin: 0px auto;
        padding: 40px 0px;
    }
    .email_confrimation .heading{
        text-align: center;

    }
     .email_confrimation .logo_,.email_confrimation .heding_2,.email_confrimation .heding_3{
        text-align: center;

    }
      .email_confrimation ul{
       padding: 0px;
       margin: 0px;
       width: 500px;
       margin: 0px auto;
    }
    .email_confrimation ul li a{
        list-style: none;
        text-decoration: none;
    }
      .email_confrimation ul li{
        list-style: none;
        text-decoration: none;
        margin-bottom: 20px;
        display: flex;
        text-align: center;
       justify-content: space-between;

    }

    .search-container form label {
    margin: 0px 10px;
}

.search-container form span.search-reset {
    margin: 0 10px;
}

.search-container form span.search-reset button {
    background: var(--color-theme);
    color: white;
    padding: .570rem 0.90rem;
    border-radius: .25rem;
    border: none;
    line-height: 26px;
}

.search-container form span.search-reset a.btn.btn-secondary {
    background: var(--color-theme);
    color: white;
    padding: .570rem 0.90rem;
    border-radius: .25rem;
    border: none;
    line-height: 26px;
    vertical-align: unset;
}

.search-container form a.btn.btn-success{
    line-height: 26px;
    vertical-align: unset;
    padding: .570rem 0.90rem;
  border-radius: .25rem;
}

.customer-header a.btn-success {
    margin: 0 10px;
}
table.table-responsive {
    display: inline-table;
}


@media(min-width:1921px)
{
  .layout-fixed .wrapper .sidebar {
    height: calc(90vh - (3.5rem + 1px));
}
}
@media (max-width:1920px)
{
    aside.main-sidebar.sidebar-light-primary .sidebar {
    height: 80vh;
}

}


.wrapper .content-wrapper{
    padding: 1rem !important;
}

.wrapper .content-wrapper .content-header{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.card-body:has(.create_product_){
    padding: 0 !important;
}

.card-body > .create_product_{
    padding: 1rem !important;
    border-radius: .25rem !important;
}

.card-body > .create_product_ > .container-fluid{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.wrapper .content-wrapper .content-header .row{
    align-items: center;
}

.wrapper .content-wrapper .search-container form input {
	display: inline;
	width: auto;
	height: unset;
	padding: 10px 10px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	box-shadow: inset 0 0 0 transparent;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	outline: unset !important;
}

.btn{
    text-transform: capitalize;
}

.card-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.card-header:after{
    content: unset;
}

table.dataTable > thead .sorting::before, table.dataTable > thead .sorting::after, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_desc::before, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_asc_disabled::before, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_desc_disabled::before, table.dataTable > thead .sorting_desc_disabled::after {
	bottom: 50% !important; 
	transform: translateY(50%);
    display: none !important;
}


.edit-del-btn{
   gap: 10px;
   display: flex;
   /* flex-wrap: wrap; */
   justify-content: center;
}

table.dataTable td span, table.dataTable td p{
    background-color: transparent !important;
}

.card-primary.card-outline {
	width: 100%;
}

.card-header:has(.tab-content) .tab-content{
    width: 100%;
    padding: 10px;
}

.seo_form > .row, .seo_form #searchForm .row{
    align-items: end;
}

.seo_form_inn .robots-meta + .robots-meta{
    margin-top: 10px;
}

.language_select_inn_btn {
	text-align: start !important;
}

.general_form> .container{
    max-width: 100%;
}

.card-body > .container{
    max-width: 100%;
}

.language_select_inn_btn{
    margin-top: 15px;
}

.language_select_inn > .d-flex .select-lang.ml-5:first-child{
    margin-left: 0 !important;
}

.form-group.choose_img{
    margin-top: 15px;
}

.seo_form > .container{
    max-width: 100%;
}

.card-body:has( .tab-content > .tab-pane > .card-body) .card-body{
padding: 0 !important;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #d4d4d4 transparent;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
}

.language_select_inn > .d-flex{
    margin-top: .5rem !important;
}

/* table{
    table-layout: fixed !important;
} */

th, td {
	text-align: center !important;
  white-space: nowrap;       /* Prevent text from wrapping */
  overflow: hidden;          /* Hide any overflowed text */
  text-overflow: ellipsis;   /* Show ellipsis (...) when text overflows */
  max-width: 170px;
  /* max-width: 100%;           */
  line-height: 1.5em;        /* Optional: adjust line height */
}

table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
	padding-right: 10px !important;
}
























.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
    .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

td img {
	margin: 10px auto !important;
}


[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.isactivated {
	background-color: rgba(0,0,0,.1) !important;
    color: #000 !important;
}


th p , td p{
  text-align: center !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 170px;
  max-width: 100%;
  line-height: 1.5em;
}


.dataTables_wrapper .dataTables_paginate .paginate_button{
  margin:0 !important;
  padding: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field{
  margin-bottom: 0;
}

@media (min-width: 992px) {
.sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p{
  opacity: 0;
  visibility: hidden;
}
}

.table_data table td, .table_data table th{
  vertical-align: middle;
}


.content-wrapper:has(.form-text.text-danger) .form-text.text-danger{
margin: 0 !important;
}


/* ########################################## Tabs Design  Change ###################################### */

label:not(.form-check-label):not(.custom-file-label) {
	font-weight: 600;
}

button{
  font-weight: 500 !important;
  letter-spacing: 0.5px;
}

.card.card-primary.card-outline.card-tabs {
	border: 0 !important;
	box-shadow: unset;
}

.card.card-primary.card-outline.card-tabs .card-header:has(.nav-tabs){
  background: #eae9e9;
}

.card.card-primary.card-outline.card-tabs .pt-1{
  padding-top: 0 !important;
}

.card.card-primary.card-outline.card-tabs .card-header .nav-tabs{
  border: 0 !important;
}

.card.card-tabs.card-outline .nav-item{
  border: 0 !important;
}

.card.card-tabs.card-outline .nav-item .nav-link{
  border: 0 !important;
  color: #6f7173;
  position: relative;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 100%/0px 2px no-repeat;
  transition: all 500ms ease;
  margin-bottom: 0 !important;
}

.card.card-tabs.card-outline .nav-item .nav-link.active{
  color: var(--color-theme-dark);
  background-size: 100% 2px;
  font-weight: 500;
}

table td p span{
  font-size: inherit;
  font-family: "Poppins", serif !important;
}

table td p{
  font-size: inherit;
  font-family: "Poppins", serif !important;
}


.page-item.active .page-link {
	background-color: var(--color-theme);
	border-color: var(--color-theme);
  outline: unset !important;
  box-shadow: unset !important;
}

.page-item.active .page-link:focus{
  outline: unset !important;
  box-shadow: unset !important;
}

.page-link{
  color: var(--color-theme);
}
.page-link:hover{
  color: var(--color-theme-dark);
}

.btn-primary{
  background-color: var(--color-theme);
	border-color: var(--color-theme);
}

.btn-primary:hover, .btn-primary:focus{
  background-color:var(--color-theme-dark);
  border-color: var(--color-theme-dark);
}

.btn-primary:active,.btn-primary.active{
  background-color:var(--color-theme-dark) !important;
  border-color: var(--color-theme-dark) !important;
}

input[type="checkbox"] {
  accent-color: var(--color-theme-dark) !important;
  height: 15px;
  width: 15px;
}

input[type="radio"] {
  accent-color: var(--color-theme-dark) !important;
  height: 15px;
  width: 15px;
}

.main-footer strong{
  font-weight: 600;
}

@media print {
  .no-print {
    display: none !important;
  }
}

.content-wrapper {
	background-color: #e7ebf2;
}

input:focus, button:focus, textarea:focus{
  overflow: unset;
}

input:focus, textarea:focus, select:focus{
  border-color: var(--color-theme-dark) !important;
}


 /* ############ Notification Dropdown Design ########### */

 .notification_dropdown_header{
  border: 0 !important;
  padding: 12px;
  max-width: 320px;
  min-width: 320px;
}

@media (max-width:575px) {
  .notification_dropdown_header{
    transform: translateX(55px);
  }
}

.notification_dropdown_header .notification_dropdown_header_headings{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px solid #dddddd;
  align-items: center;
}

.notification_dropdown_header .notification_dropdown_header_headings .span-titles{
  font-size: 16px;
  display: block;
  width: fit-content;
  line-height: 1.5;
  font-weight: 400;
  color: #9b9696;
  letter-spacing: 0.7px;
}

.notification_dropdown_header .notification_dropdown_header_headings .span-count {
	font-size: 14px;
	display: block;
	width: fit-content;
	line-height: 1.5;
	font-weight: 500;
	color: #9b9696;
	letter-spacing: 0.7px;
}

.notification_dropdown_header a{
  display: flex;
  width: 100%;
  padding: 12px 0;
  align-items: center;
}

.notification_dropdown_header a + a{
  border-top: 1px solid #dddddd;
}
.notification_dropdown_header a .icon{
  padding-inline-end: 15px;
  display: flex;
  width: fit-content;
  font-size: 22px;
  color: #b3adad;
  transition: all 0.5s;
}

.notification_dropdown_header a .contents{
  padding-inline-start: 15px;
  border-inline-start: 1px solid #dddddd;
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.notification_dropdown_header a .contents .titles{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  color: #515151;
  letter-spacing: 0.7px;
  transition: all 0.5s;
}

.notification_dropdown_header a .contents .posts_days{
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  color: #a6a5a5;
}
.notification_dropdown_header a:hover  .contents .titles{
color: var(--color-theme-dark);
}

.notification_dropdown_header a:hover .icon{
  color: var(--color-theme-dark);
}


/* ############### Account Dropodown ####################### */


.account_dropdown_header{
  border: 0 !important;
  background: #fff;
  border-radius: 7px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 0;
  transform: translateX(-15px);
}

.account_dropdown_header a{
  display: block;
  width: 100%;
  padding: 9px 15px;
  color: #515151;
  font-size: 15px;
  transition: all 0.5s;
  letter-spacing: 0.7px;
}
.account_dropdown_header a + a{
  border-top: 2px dashed #eaeaea;
}

.account_dropdown_header a:hover{
  background-color: transparent;
  color: var(--color-theme-dark);
}


.active_trips_table table td{
  vertical-align: middle;
}

.active_trips_table table td .badge{
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.5;
} 

.active_trips.dashboard_trips-last{
margin-bottom: 0;
}

table td p span{
  font-family: "Poppins", serif !important;
  font-size: 14px !important;
  letter-spacing: 0.7px !important;
}

.container-fluid .card .card-body .container, .container-fluid .card .card-body .container-fluid{
  padding: 0 !important;
}

.edit-del-btn .btn{
  padding: 10px;
}


.billing_table{
  display: block;
  overflow: auto;
  width: 100%;
}

.billing_table .product-names-th{
  min-width: 300px;
}

.billing_table .sr-no-th{
  min-width: 100px;
  width: 0;
}

.billing_table .payment-method-th{
  min-width: 200px;
  width: 0;
}

.box-profile ul li a{
  word-break: break-all;
}

.table-responsive:has(.dataTables_wrapper.dt-bootstrap4){
  overflow-x: unset;
}

.table-responsive:has(.dataTables_wrapper.dt-bootstrap4) .col-sm-12{
  overflow-x: auto;
}

.card-header{
  gap: 10px;
}

.card-header .float-right, .card-header > div:has(a){
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}

.search-container form{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

#image-preview{ 
position:relative;
width:fit-content;
}


.img-remover, .remove-img-btn {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ffffff;
    border: 0;
    border-radius: 50%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid #dadada;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 0;
    font-size: 19px;
    font-weight: 400 !important;
}

.many-images-preview{
  display: flex;
  gap:15px;
  flex-wrap: wrap;
}

.visibility-hidden{
  visibility: hidden;
}

.opacity-0{
  opacity: 0;
}


.tab-pane .row{
    gap: 10px 0;
}

.tab-pane .row > * .form-group{
    margin-bottom: 0;
}

.tab-pane .row > * .form-group.choose_img{
    margin-top: 0px;
}


.tab-pane .row > * .general_form-inn input {
    margin-bottom: 0;
}


@media (min-width: 576px) {
.content-wrapper .content-header .row > .col-sm-6:first-child{
     -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    }
    .content-wrapper .content-header .row > .col-sm-6:last-child{
     -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    flex-shrink: 0;
    max-width: 83.333333%;
    }
}




.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 3px;
    border: 1px dashed rgba(81, 76, 76, 0.4);
    border-radius: 3px;
    transition: 0.2s;
}

.file-drop-area .choose-file-button {
    flex-shrink: 0;
    background-color: rgba(83, 83, 83, 0.11);
    border: 1px solid rgba(62, 62, 62, 0.1);
    border-radius: 3px;
    padding: 8px 15px;
    margin-right: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}
.file-drop-area .file-message {
  font-size: small;
  font-weight: 300;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-drop-area .file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  
}

.drag-and-drop-preview {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.drag-and-drop-preview:has(.drag-and-drop-preview-thumb-container){
margin-top: 10px;
}


.drag-and-drop-preview img {
  max-width: 100px;
  border: 1px solid #ddd;
  height: 100px;
  width: 100px;
}


.drag-and-drop-preview-thumb-container {
  position: relative;
}

.drag-and-drop-preview-thumb-container .close-btn-img-drag {
    position: absolute !important;
  top: -6px;
  right: -6px;
  background: #ffffff;
  border: 0;
  border-radius: 50%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: 1px solid #dadada;
  display: flex;
  width: 25px;
  height: 25px;
  line-height: 0;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  font-family: "Poppins", serif !important;
  text-transform: lowercase;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  color: #4a4a4a;
  margin-top: -1px;
  cursor: pointer;
}