/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* .main-menu .navbar-header .navbar-brand .brand-text {
    color: #fe0000;
} */

.custom_toolbar{
    float: left;
    padding: 0px 0 10px 0px;
}

.custom_toolbar .custom_buttons{
    margin-right: 5px;
}

.custom_center_toolbar{
    float: left;
    padding: 14px 0 10px 10px;
}

.custom_center_toolbar .table_title{
    padding: 0 5px;
    font-size: 22px;
    line-height: 23px;
    font-weight: 800;
    width: 100%;
    text-align: center;
    float: left;
}

.dataTables_filter {
    padding-right: 10px;
    float: right;
}

div.dataTables_wrapper div.dataTables_filter label{
    margin: 3px 0 0 0;
}

.dataTables_filter svg {
    width: 20px;
    height: 20px;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after{
    display: none;
}

#delete-confirmation-modal .icon{
    width: 30px;
    height: 30px;
}


/* .main-menu .navbar-header .navbar-brand .brand-logo img {
    max-width: 166px;
} */

/* .main-menu .navbar-header .navbar-brand{
    display: block;
    margin: 15px 0;
} */

.old_price{
    text-decoration: line-through;
}

div.dataTables_wrapper div.dataTables_filter input{
    margin-bottom: 10px;
}

.pointer{
    cursor: pointer;
}

/* .custom_toolbar .list_menu .btn:first-child{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
} */


/* .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn{
    border-radius: 0.25rem !important;
} */

/* .btn-group.list_menu button:first-child {
    border-radius: 0.25rem 0 0 0 !important;
}

.btn-group.list_menu button:last-child {
    border-radius: 0.25rem !important;
} */


/* .custom_toolbar .list_menu .btn:nth-last-child(2){
    border-top-right-radius: 0.358rem !important;
    border-bottom-right-radius: 0.358rem !important;
} */

.custom_toolbar .dropdown-menu,
.action_buttons .dropdown-menu{
    padding: 0;
}

.not-allowed{
    cursor: not-allowed !important;
}

table.dataTable td, table.dataTable th{
    text-wrap: nowrap;
}

.select2_add > .position-relative{
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    display: block;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    color: #6e6b7b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8d6de;
    appearance: none;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: none;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}

.good_item .select2_add .select2-container{
    width: 78% !important;
}

.status_filter_toolbar a:hover {
    color: inherit;
    text-decoration: none;
}

.table-responsive{
    overflow: visible;
}

.action-drop-down{
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: #7367f0 #ffffff; /* thumb and track color */
}

/* For Webkit browsers like Chrome, Safari */
.action-drop-down::-webkit-scrollbar {
    width: 8px; /* Adjust the width to your preference */
}

.action-drop-down::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the thumb */
}

.action-drop-down::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color of the scrollbar thumb when hovered */
}


.sub_nav_mobile{
display: none;
padding: 0 0 10px 0;
/* background-color: #7367F0; */
/* width: fit-content; */
}
  
  
.sub_nav_mobile .btn{
border: 1px solid #0646D4 !important;
background-color: #7367F0 !important;
}


.sub_nav_mobile .btn.active{
background-color: #f28a00 !important;
}

.sub_nav_mobile svg{
color: #fff;
}


.nav-pills .nav-link.active {
border-color: #f28a00;
box-shadow: 0 4px 18px -4px rgb(115 103 240 / 65%);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #f28a00 !important;
}

.nav-pills .nav-link.inactive{
color: #fff !important;
background-color: #b4b7bd !important;
}

.sub_nav_desktop{
    padding: 0 0 10px 0;
}

.sub_nav_desktop .nav-item .nav-link{
    border: 1px solid #a29999;
    margin-right: 5px !important;
}

.sub_nav_desktop .nav-item .nav-link.active{
    border: 1px solid transparent;
}

.sub_nav_desktop .nav-item:last-child .nav-link{
    margin-right: 0 !important;
}

@media (min-width: 768px){
    .note-modal-content {
        width: 100%;
    }
}

@media (max-width: 767px){
    .sub_nav_desktop{
        display: none;
    }

    .sub_nav_mobile{
        display: block;
    }
}

@media(max-width:1280px){
    .sub_nav_desktop li a{
        padding: 0.6rem 1.3rem !important;
    }
}

@media (max-width: 575px){  
    .sub_nav_mobile .btn{
        padding: 11px;
    }
}

#editShipmentForm .items_table th,
.packaging-details-page .items_table th{
    white-space: nowrap;
}

#editShipmentForm .items_table tbody td,
.packaging-details-page .items_table tbody td,
.packaging-details-page .items_table tfoot td{
    padding: 5px 5px;
    white-space: nowrap;
}

.packaging-details-page .items_table tfoot td{
    background-color: #f3f2f7;
}

#editShipmentForm .items_table svg{
    width: 18px;
    height: 18px;
}

.error-border{
    border: 1px solid #ff0000 !important;
}