.table th, .table td
{
    white-space: normal !important;
    padding: 8px;
}
.btn_loading {
  padding: 10px !important;
  font-size: 12px;
}
.btn_loading .spinner-grow
{
width: 12px !important;
  height: 12px !important;
  margin-left: 6px !important;
}



.spinner-border {
    width: 15px!important;
    height: 15px!important;
}

.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img
{
width: calc(140px - 0px) !important;
}


.table th, .table td .btn
{
    padding: 10px;
    font-size:11px;
}

.table th , td, tr
{
border:1px solid #5a5a5a;
border-bottom-color:#5a5a5a !important;
border-top-color:#5a5a5a !important;
}
.table thead th
{
    font-size: 14px;
    font-weight: 800;
}

#searchInput
{
border:1px solid #5a5a5a;
color:black;
font-weight:900;
}

#searchInput::placeholder {
    color: #5a5a5a; /* Change this color to the desired placeholder text color */
}


.r_space_e_1 .col-sm-5, .col-sm-4, .col-sm-2 , .col-sm-3 , .col-sm-6
{

padding-right:5px !important;
padding-left:5px !important;
}


.table th #totalSum, #vat, #totalAmount, #profitSum
{
padding:5px;
}



.card-title small
{
font-size:12px;
}


.sales_form .row .col-sm-6
{
    margin-bottom: 15px !important;

}

.mobile-row .col-md-4 .card
{
    height: 100%;
    display: flex;
}

.col-md-4 a
{
    height: 100%;
    display: flex;
}

.col-md-4 .card {
    border: 0;
    background: #fff;
    width: 100%;
}

.desk-show
{
display: inline !important;
}

.mobile-show
{
display:none !important;
}


@media only screen and (max-width: 769px) {


.card-body .row .col-sm-4, .col-sm-3
{
    width: 50%;

}

.mobile-sm-6 .card
{
    height: 100%;
    display: flex;
}





.card-body .row p
{
   font-size:9px;
   margin-bottom:0px;
}




    .content-wrapper {
    padding: 10px;  
    }
    
    .icon_1 {
        width: 33%;
 
}

.mobile-row
{
margin:0px;
}

.mobile-sm-6
{
width:50%;
padding-left:10px;
padding-right:10px;
}

.mobile-sm-6 .card-title, .media span
{
    font-size: 12px;
    margin-bottom: 10px;
}

.mobile-sm-6  .media, .icon-md
{
    font-size: 16px !important;
}






.card .card-body
{
padding:15px;
}



.auth .auth-form-light {
    background: #ffffff;
    padding: 10px !important;
}

.auth .auth-form-light h3
{
font-size:18px;
}

.auth .auth-form-light h6
{
font-size:12px;
}

.form-control-lg {
    min-height: 2.175rem;
 padding:12px;
font-size:12px;

    }

.table .btn
{
    font-size: 8px !important;
    line-height: 1;
    padding: 6px !important;
}

.table th, .table td {
    vertical-align: middle;
    font-size: 10px !important;
    line-height: 1;
    white-space: normal;
    padding: 8px !important;
}

btn {
    font-size: 11px !important;
    line-height: 1;
    padding: 10px !important;
}

.btn i {
    font-size: 9px;
}

form .row .col-sm-3
{
width: 50%;
    margin-bottom: 0px !important;
    margin-top: 0px;
    padding: 5px !important;
}

.sales_form .row .col-sm-3, .col-sm-2
{
width: 50%;
    margin-bottom: 0px !important;
    margin-top: 0px;
    padding: 5px !important;
}

.sales_form .row .col-sm-6
{
    margin-bottom: 0px !important;

}




h3
{
    font-size: 17px;

}
.navbar .navbar-brand-wrapper
{
width:80px;

}

.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img
{
width: calc(140px - 0px) !important;
}



form h3
{
    font-size: 17px;
    margin-top: 0px;
    }


form .row  .col-sm-4
{
width:50%;
margin-bottom: 0px !important;
   margin-top: 0px;
    padding: 5px !important;

}

.form-select
{
font-size: 10px !important;
    padding: 8px !important;
}


.form-control {
    border: 1px solid #b4b6bb;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 10px !important;
    padding: 8px !important;
}



.p-lg-4
{
padding:30px !important;
}

.form-label {
    font-size: 10px;
    margin-bottom: 4px;
    margin-top: 0px;
}


.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img
{
    width: 25px;
    height: 25px;
    border-radius: 100%;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img
{
    width: 25px;
    height: 25px;
    border-radius: 100%;

}

.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text
{
margin-left:12px;
}

.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image {
    width: 30px;
    height: 30px;
}

.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}



.text-small {
    font-size: 9px;
}

.sidebar .nav .nav-item .nav-link
{
padding:14px 0 12px 0;

}

.sidebar .nav .nav-item .nav-link .menu-title
{
font-size:11px !important;

}



.sidebar .nav .nav-item.nav-profile .nav-link
{
padding:14px 0 12px 0;
font-size:9px !important;
}
.sidebar .nav .nav-item {
padding: 0 1.25rem !important;
border-bottom: 1px solid #e3dee5;

}


.mess_box
{
    font-size:10px;
}

.flash-messages .alert
{
font-size:10px;
}

.desk-show
{
display:none !important;
}

.mobile-show
{
display:block !important;
}

.card-title small
{
font-size:9px;
}

.col-md-6 , .col-md-4
{
    width: 50%;

}


.card .card-title

{
    font-size: 12px;
    margin-bottom: 10px;
 }




}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}