.skin-blue .main-header .navbar {
    background-color: #f7f7f7;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #444;
}
.skin-blue .main-header .logo {
    background-color: #1e77bb;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #2185d0;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    color: #fff;
    background: #1e77bb;
}
.skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: #fff;
    background-color: #7bbae84a;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 5px 1px;
    background: #2185d0;
}
.skin-blue .sidebar-menu .treeview-menu>li>a {
    color: #fff;
    padding: 10px 0px;
    text-indent: 35px;

}
.skin-blue .sidebar a {
    color: #e6e6e6;
    font-size: 15px;
}
.skin-blue .sidebar-menu>li>.treeview-menu .active
{
  background-color: #1e77bb;
}
.treeview-menu>li {
       margin-left: 13px;
    
}
.content-wrapper {
    min-height: calc(100vh - 101px);
    background-color: white;
    z-index: 800;
}
.skin-blue .main-header li.user-header {
    background-color: #2185d0;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 5px;
    background-color: white;
}
.sidebar-menu>li>a {
    padding: 10px 5px 10px 15px;
    display: block;
}
.btn-hover-trans:hover
{
    color: white;
    background-color: transparent;
}
.bg-light-green
{
    background-color: #21ba45 !important;
}
.bg-col-orange
{
    background-color: #f39c12 !important;
}
.col-white
{
    color: white !important;
}
.col-red
{
    color: red !important;
}
.bg-col-red
{
        color: white !important;
        background-color: #F44336 !important;
}
.fnt-15
{
    font-size: 15px !important;
}
.fnt-14
{
    font-size: 14px !important;
}
.fnt-30
{
    font-size: 30px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #2185d0;
    border-color: #2185d0;
}
.todo-list-hover td
{
    cursor: pointer;

}
.m-0
{
    margin: 0px;
}
.m-l-0
{
    margin-left: 0px !important;
}
.m-r-10
{
    margin-right: 10px;
}
.m-t-20
{
    margin-top: 20px;
}
.m-t-30
{
    margin-top: 30px;
}
.m-t-40
{
    margin-top: 40px;
}
.m-t-10
{
    margin-top: 10px;
}
.m-t-5
{
    margin-top: 5px;
}
.m-b-10
{
    margin-bottom: 10px;
}
.m-b-20
{
    margin-bottom: 20px;
}
.m-b-30
{
    margin-bottom: 30px;
}
.m-b-40
{
    margin-bottom: 40px;
}
.m-b-50
{
    margin-bottom: 50px;
}
.m-b-0
{
    margin-bottom: 0px;
}
.font-bold
{
    font-weight: 600;
}
.float-right
{
    float: right;
}
.floar-left
{
    float: left;
}
.modal-dialog.modal-xl {
    width: 100% !important;
    height:  calc(100vh - 10px);
    margin: 2px;
    overflow: auto;

}
.form-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.form-group-addon {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
 .form-group-addon {
    display: table-cell;
}
.form-group .form-control:not(:first-child):not(:last-child), . .form-group-addon:not(:first-child):not(:last-child), .form-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
/*.datepicker-orient-bottom
{
    max-width:220px;
    float: right;
}*/
.dropdown-menu 
{
        position: absolute;
    right: 0;
    left: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 5px;
    background-color: white;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dt-button
{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-group a
{
   margin: 6px 6px;
}
.btn-group a i
{
    margin: 0px 4px;
}
.btn-group a i span
{
    margin: 0px 1px;
}
.bg-default
{
            background-color: #e2e2e2;
    color: #656565;
    border-radius: 30px;
}
.dataTables_wrapper .dt-buttons {
    float: left;
}
.dt-buttons
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.dt-button {
      background-color: #e2e2e2ad;
    color: #616161;
    border-radius: 30px;
    border-color: #dcd8d8;
}
.dt-buttons>.dt-button:hover
{
    background: #bdbdbd;
}
.dt-buttons>.dt-button> a:hover
{
       color: #313131;
}
a:hover
{
       color: #313131;
}
.div.dataTables_wrapper div.dataTables_filter input
{
    border-right: 5px;
}
.dt-buttons>.dt-button:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dt-buttons>.dt-button:first-child {
    margin-left: 0;
}
.dt-buttons>.dt-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.dt-buttons>.dt-button {
    position: relative;
    float: left;
}
.dt-buttons>.dt-button:last-child:not(:first-child), .dt-buttons>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.dt-buttons .dt-button+.dt-button, .dt-buttons .dt-button+.dt-buttons, .dt-buttons .dt-buttons+.dt-button, .dt-buttons .dt-buttons+.dt-buttons
{
        margin-left: -1px;
}
.dt-button a {
    margin: 6px 6px;
}
.bdt-buttons>.dt-button {
    position: relative;
    float: left;
}
.dt-buttons a i {
    margin: 0px 4px;
}
.dataTables_info
{
    display: none;
}
.dt-buttons a
{
    margin:0px 4px;
}
.todo-list-hover .action i 
{
    font-size: 17px !important;
    margin: 0px 2px;
}
.top-header
{
    width: 100%;
}
.top-header .title, .top-header .action
{
    width: 50%;
    float: left;
    font-weight: bold;
}
 .top-header .action
 {
    text-align: end;
 }
  .top-header .right-action
  {
    float: right;
  }
  .products-list .product-info {
    cursor: pointer;
}
.col-default
{
    color: #7b7a7a;
}
.b-t-2
{
        border-top: 2px solid #e2e2e2;
}
.b-b-2
{
        border-bottom: 2px solid #e2e2e2;
}
.b-b-1
{
    border-bottom: 1px solid #e2e2e2;
}
.p-0
{
    padding: 0px ;
}
.p-10
{
    padding:10px !important;
}
.product-list-in-box>.item:hover
{
    background-color: #ebebebba;
}
.product-list-in-box>.item.active
{
    background-color: #ebebebba;
}
.products-list.product-list-in-box.inv_list
{
    height: calc(100vh - 190px);
    overflow: auto;
}
.text-right
{
    text-align: right;
}
.text-left
{
    text-align: left;
}
.text-center
{
    text-align: center;
}
::-webkit-scrollbar {
  width: 5px;
  background: #f0f0f0;
}
::-webkit-scrollbar-thumb {
  background: #656565; 

}
::-webkit-scrollbar-thumb:hover {
  background: #656565; 
}
.nav-tabs-custom
{
    box-shadow: none !important;
}
.border-r-5
{
    border-radius: 5px !important;
}
.border-r-0
{
    border-radius: 0px !important;
}
.open>.filers.dropdown-menu
{
    background-color: #f4f4f4;
    box-shadow: none;
    left: 20px;
    width: 370px;
     border: 1px solid #cececeb0;
    border-radius: 5px;
}
.open>.filers>.form-group 
{
    margin: 0px;
}
.filter .form-control
{
    height: 25px;
    font-size: 12px;
}
.filter h5
{
            font-size: 12px;
    margin: 5px 0px;
    font-weight: 600;
        color: black;
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single
{
    border-radius: 5px ;
}
.nav-tabs-custom>.nav-tabs>li.active>a {
    border-top-color: transparent;
    border-left-color: #f4f4f400;
    border-right-color: #f4f4f400;
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-bottom-color: #2185d0;
    border-top-color: transparent;
}
.nav-tabs-custom>.nav-tabs>li {
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    margin-right: 5px;
}
.modal-content
{
    background-color: rgb(238 238 238);
}
.modal-title
{
    font-weight: 600;
}
.bills .address
{
    width: 100%;
}
.bills .address > p
{
    width: 100%;
    font-size: 14.5px;
    margin: 0px;
}
.bills>tbody>tr>td
{
    padding:0px !important;
    cursor: pointer;
}
.b-0
{
    border:none;
}
.bg-transparent 
{
    background-color: transparent;
    
}
.bills>tbody>tr>td.items 
{
    min-width: 220px;
    cursor: pointer;
}
.bills>tfoot>tr>td
{
    padding: 0px;
    cursor: pointer;
        
}
.items .select2-container--default .select2-selection--single
{
    min-width: 220px;
    }
.tax .select2-container--default .select2-selection--single
{
    min-width: 100px;
        
}

@media (min-width: 768px)
{
    .treeview-menu>li {
    margin-left: 0px;
}
}
.pg_loading
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #f5f4f4c4;
    top: 0px;
    left: 0px;
    z-index: 999999;
    display: none; 
}
.pg_loading center
{
        top: 50%;
    position: fixed;
    text-align: center;
    width: 100%;
}
#address_dropdown> li
{
    cursor: pointer;
}
#address_dropdown> li>a >p 
{
    margin-bottom: 0px;
}
#address_dropdown>.active>a, #address_dropdown>.active>a:focus, #address_dropdown>.active>a:hover {
    text-decoration: none;
    outline: 0;
    background-color: #e1e3e9;
    color: #333;
    border-radius: 5px;
}
.tb-btn
{
        font-size: 15px;
    padding: 0px 3px;
    cursor: pointer;
}
table.table-bordered.dataTable th {
    font-size: 14px;
    background-color: #e2e2e273;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img
{
    height: 100px !important;
    width: 100px !important;
        border: none !important;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td
{
    cursor: pointer;
}
.thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    width: auto;
    height: 160px;
}
.thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
	border-radius:5px;
    
}

.text-light-green
{
    color: #21ba45 !important;
}
.card_1 {
    background: #ffffff;
    min-height: 50px;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 14%);
    position: relative;
    margin-bottom: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 5px;
}
.card_1 .header {
    color: #555;
    padding: 20px;
    position: relative;
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
}
.card_1 .body {
    font-size: 14px;
    color: #555;
    padding: 12px;
}
.table>tbody>tr>td .card_1 
{
        margin: 0px 0px !important;
}
.table>tbody>tr>td .card_1:hover
{
        background: #e6e6e678;
        cursor: pointer;    
}
.icon_info
{
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
        display: block;
        float: left;
        height: 90px;
        width: 90px;
        text-align: center;
        font-size: 45px;
        line-height: 90px;
}
.col-light-green {
    color: #21ba45 !important;
}
.box.box-solid.bg-light-green
{
    background: #21ba45 !important;
    background-color: #21ba45 !important;
}
.box.box-solid.bg-light-green {
        border: 1px solid #f3f3f3 !important;
}
.box.bg-primary {
    color: #fff;
    background-color: #337ab7 !important;
}
.box-body.bg-white
{
        background-color: white;
        border-bottom: 1px solid #337ab7;
           border-bottom-left-radius: 7px;
           border-bottom-right-radius: 7px;
}
.table-responsive {
    min-height: .01%;
    overflow-x: inherit !important;
}


:root
{
	--background: transparent;
    --mWidth: 251px;
}
.adsbygoogle
{
    width: 100%;
    overflow: hidden;
    padding: 0px;
    margin: 1px 0px;
    object-fit: contain;
}
.advmw
{
    min-width : var(--mWidth) !important;
}
.card-6-md
{
    height: 200px !important;
    border-radius: 8px !important;
  min-width : var(--mWidth) !important;
    background-color: var(--background) !important;
    overflow: hidden;
}
.card-6-mx
{
    height: 300px !important;
    border-radius: 8px !important;
  min-width : var(--mWidth) !important;
     background-color: var(--background) !important;
    overflow: hidden;
}
.cardadv
{
    min-width: 250px !important;
     background-color: var(--background) !important;
    overflow: hidden;
}
.adv-height-350
{
  height: 350px !important;
   background-color: var(--background) !important;
    overflow: hidden;
}
.adv-height-300
{
  height: 300px !important;
   background-color: var(--background) !important;
    overflow: hidden;
}
.adv-height-250
{
  height: 250px !important;
   background-color: var(--background) !important;
    overflow: hidden;
}
.adv-height-100
{
  height: 100px !important;
   background-color: var(--background) !important;
    overflow: hidden;
}
.adv-height-150
{
  height: 150px !important;
   background-color: var(--background) !important;
    overflow: hidden;
}
.adv-height-200
{
  height: 200px !important;
   background-color: var(--background) !important;
    overflow: hidden;
}