.skin-blue .main-header .navbar, .skin-blue-light .main-header .navbar {
    background: #FFFFFF !important;
    height: 55px;
}
.content
{
    padding-right: 80px !important;
    padding-left: 80px !important;
}
.drop_down_header{
    width: 33%;
    height: 35%; margin-top: 3%;
    margin-bottom: 3%;
}

.skin-blue-light .main-header .navbar .nav > li > a {
    color: #888 !important;

}
td, th {

}
.buttons-collection{
    border-radius: 15px;
    font-size: 14px;
    color: #8f94a2;
    margin: 0px 2px 0px 2px !important;

}

/*.dt-buttons {*/
/*    position: absolute;*/
/*    top: -50%;*/
/*    left: 30%;*/
/*}*/

.div-main-search [dir="rtl"]  {
    float: right;

}

.info-box-icon i{
    color: #1e4889;
}


.skin-blue .main-header .logo, .skin-blue-light .main-header .logo {
    background:  #FFFFFF !important;
    background-image: url("../img/BPlogo-1.png")  !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    font-size: 40px !important;
    top: 0px !important;
    position: relative !important;
    font-weight: bold !important ;
    width: 4.5%;

    font-family: "Tapestry" !important;
}
.skin-blue .main-header .logo, .skin-blue-light .main-header .logo .logo-lg{
    color: #3d5c9e !important;
}
.main-header .logo{
    height: 76px !important;
    text-align: right !important;
    line-height:75px !important;

}
.main-header .navbar-custom-menu, .main-header .navbar-right, .main-header .sidebar-toggle{
    height: 75px !important;

    width: 40%;

}

.navbar-custom-menu .new-header-design{

    height: 100% !important;
    width: 13% !important;
    border-right: 1px solid #f2ecec !important;
}


.navbar-custom-menu .new-header-design .fa{
    font-size: 22px !important;
    color: #0f66bb;
}
.fa-custom-design{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    vertical-align: middle;
}

.btn-custom{
    width: 100%;
    margin: 0% 0%;
    height: 100%;
}
.logo-b{
   color: #8b9dc3;
}
.btn-group.open .dropdown-toggle{
    box-shadow: none !important;
}
.sidebar-menu{
    margin-top: 14px;
}

.sidebar-toggle{

}

.div-main-search {
    width: 58%;
    float: left;


}
.down-title{
    text-align: center;
}
.sidebar-menu >li >a {
    padding-right: 10px;
}

/* Bootstrap 4 text input with search icon */

.main-search {
    width: 100% !important;
    box-sizing: border-box !important;
    border: none;
    border-radius: 2px !important;
    font-size: 15px !important;
    background-color: white !important;
    background-image: url('../img/pngfind.com-search-icon-png-544757.png') !important;
    background-size: 18px 18px;
    background-position: 75px 25px;
    background-repeat: no-repeat !important;
    padding: 3px 4px 2px 100px;
    height: 75px !important;
    opacity: 0.4;
}
.custom-circle{
    background-color: #eeeded;
    border-right: 1px solid #f2ecec !important;

    height: 64px !important;
    width: 64px !important;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 64px;
    padding-bottom: 0;
    line-height: 64px;
    font-size: unset;

}
.custom-name-header  {
    width: 65%;
    word-wrap: break-word;
    display: inline-flex;
    align-items: center;
}

@media only screen and (max-width: 1550px) {
     .custom-name-header  {
         width: 65%;
         word-wrap: break-word;
         display: inline-flex;
         align-items: center;
    }
}
@media only screen and (max-width: 990px) {
     .custom-name-header  {
         left: 54% !important;
    }
    .custom-arrow-header{
        left: 90% !important;
        font-size: 14px !important;
    }
}

@media screen and (max-width: 997px){
    .div-main-search{
        width: 58% !important;
    }
    .box .box-body, .box .box-footer, .box .box-header{
        padding: 25px 25px;

    }
    .box-header{
        font-size: 10px;
    }

}
@media screen and (max-width: 767px){
    .custom-arrow-header{
        font-size: 9px !important;
    }

    .custom-dropdown-arraow{
        min-width: 120px;
    }
    div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_paginate{
        text-align: left;
    }
    .div-main-search{
        width: 54% !important;
    }
    .logo-lg{
        display: none !important;
    }
    .mobile-hide
    {
        display: none;
    }
}
@media screen and (max-width: 576px){
.sidebar-menu {
    margin-top: 75px;
}
}
@media screen and (max-width: 428px){

    .custom-arrow-header{
        font-size: 8px !important;
    }

    .treeview-menu a{
        font-size: 125% !important;
    }
    .sidebar-toggle{
        top: 10rem;
        font-size: 3rem !important;
    }
    #search_productt {
        height: 55px !important;
    }
    .main-header .logo, .main-header .navbar {
        width: 100%;
    }
    .new-header-design{
        width: 30px !important;
    }
    .div-main-search{
        padding: 0px;
    }
    .hidden-when-small{
        display: none;
    }
    #startPage{
        width: 100% !important;
    }

    .main-header .navbar-custom-menu .dropdown-menu{
        margin-left: -25px ;
    }

}


@media only screen and (max-width: 600px ) {
    .box .box-body, .box .box-footer, .box .box-header{
        padding: 20px 3px;
    }

    .content{
        padding-right:20px !important;
        padding-left:20px !important;
    }


    .custom-name-header  {
        left: 50% !important;
        top: 36% !important;

    }

    div.dataTables_wrapper div.dataTables_filter input{
        width: 50px;
    }
    div.dataTables_wrapper div.col-sm-7 {
        margin-bottom:18px;
    }


    .btn{
        padding: 6px 5px;
    }
    .dt-buttons {
        position: absolute;
        top: -50%;
        left: 0;

    }
    .buttons-collection{
        border-radius: 15px;
        font-size: 8px;
        color: #8f94a2;
    }

    #stock_alert_table_wrapper .dt-buttons{
        top: -20%;
        left: 0%;
    }

    .navbar-custom-menu .new-header-design .fa {
        font-size: 18px !important;
    }

    .navbar-custom-menu .new-header-design .fas {
        font-size: 18px !important;
    }

    body {
        font-size: 10px !important;
    }
    .sidebar{
        font-size: 14px;
    }
    .custom-dropdown{
        width: 200px !important;
        height: 300px !important;

    }
    .row .col-md-4{
        width: 50% !important;
        height: 23% !important;
        float: left !important;
        margin-top: 6% !important;
        margin-bottom: 3% !important;
    }
    .new-header-design .fa-custom-design{
        top: 40% !important;
        left: 40% !important;
    }
    .custom-profile-image{
        width: 24px !important;
        height: 24px !important;
        margin: 25px auto !important;
    }
    .custom-dropdown{
        height: 280px !important;
    }
    .div-main-search{
         width: 47% !important;
    }
    #purchase_payment_dues_table_wrapper > .dt-buttons
    {
        top: -20%;
    }

    #sales_payment_dues_table_wrapper > .dt-buttons
    {
        top: -20%;
    }

    #profile_photo_small_screen
    {
        width: 100% !important;
    }
}
@media screen and (max-width: 350px){
    .div-main-search {
     width:43% !important;

    }
}
@media screen and (max-width: 1200px) and (min-width: 600px) {


    .row .col-md-4{
        width: 50% !important;
        height: 23% !important;
        float: left !important;
        margin-top: 6% !important;
        margin-bottom: 3% !important;
    }
    .custom-dropdown{
        width: 185px !important;
        height: 300px !important;
    }
    .custom-profile-image{
     width: 45px !important;
     height: 45px !important;
        margin: 15px auto !important;
    }
    .custom-name-header{
        font-size: 13px !important;
    }
    .custom-dropdown{
        height: 290px !important;
    }

}



    @media only screen and (max-width: 577px) {
        .notifications-menu
        {
            display: none;
        }
        .fas
        {
            width: 25px;
        }
        .clock_in_btn
        {
            display: none;
        }
        .navbar-custom-menu .new-header-design
        {
            width: 32% !important;
        }
    .navbar-custom-menu .new-header-design .fa {
        font-size: 10px !important;
    }

        .navbar-custom-menu .new-header-design .fas {
        font-size: 10px !important;
    }
    .navbar-custom-menu{
        width: 100% !important;
    }

    .div-main-search{
        display: none;

    }
    .custom-dropdown{
        width: 150px !important;
        height: 260px !important;
        font-size: 9px !important;
    }
    .custom-circle{
        height: 50px !important;
        width: 50px !important;
    }
    #closing_stock_by_pp
    {
    font-size: 15px !important;
    }
        #closing_stock_by_sp {
            font-size: 10px !important;
        }
        #potential_profit {
            font-size: 15px !important;
        }
        #profit_margin {
            font-size: 15px !important;
        }


        }


.skin-blue .content-wrapper .content-header-custom, .skin-blue-light .content-wrapper .content-header-custom{
    background-color: #f8f9fe;
}
.box, .info-box{
box-shadow: 2px 3px 10px 2px rgba(136,152,170,.15) !important ;
    border-radius: 25px !important;
}
.alert-info, .bg-aqua, .callout.callout-info, .label-info, .modal-info .modal-body, .progress-bar-aqua, .progress-bar-info{
    background-color: #e9ecf2 !important;
}
.alert-warning, .bg-yellow, .callout.callout-warning, .label-warning, .modal-warning .modal-body, .progress-bar-warning, .progress-bar-yellow{
    background-color: #e9ecf2 !important;
}
.alert-danger, .alert-error, .bg-red, .callout.callout-danger, .label-danger, .modal-danger .modal-body, .progress-bar-danger, .progress-bar-red{
    background-color: #e9ecf2 !important;
}

td.clickable_td a span.bg-yellow
{
    background-color:  #ff7676 !important;
}
a.view_payment_modal  span.bg-yellow{
    background-color:  #ff7676 !important;
}
a.view_payment_modal  span.bg-aqua{
    background-color:  #4692e3 !important;
}

#view_suspended_sales
{
    background-color: #d81b60 !important;
}

td.clickable_td a span.bg-light-green{
    background-color:  #5dae8b !important;
}

td.clickable_td a span.bg-aqua{
    background-color:  #4692E3 !important;
}


.box.box-warning{
    border-top-color: #dadde4;
}
.box.box-primary{
    border-top-color: #dadde4;
}
.custom-button-datatable{
    padding: 3px 8px 3px 7px;
    border-radius: 5px;
    border: none;
    background-color: white;
    box-shadow: 1px 1px 1px 1px;
    color: #999898;
    margin: 0px 15px 0px 15px;
}
.custom-dropdown-menu-datatable{
    position: absolute;
    top: -25%;
    border-radius: 15px;
    box-shadow: 2px 2px 1px 1px;
}


ul.dt-button-collection{
    background-color: #fff !important;
    border-radius: 19px !important;
    box-shadow: 1px 1px 1px 0px !important;

}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){
    /*border-top-right-radius:10px !important;*/
    /*border-bottom-right-radius:10px !important;*/
    margin:0px 2px 0px 2px !important;
    border-radius: 10px !important;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child){
    border-radius: 10px !important;
    margin:0px 2px 0px 2px !important;

}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
    background-color: dimgray !important;
    margin: 6px;
    border-radius: 15px;
}
.dropdown-menu li{
    text-align: center ;
}

.daterangepicker{
    border-radius: 15px;
}
.daterangepicker .ranges li.active{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.skin-black-light .sidebar-menu > li.active > a, .skin-black-light .sidebar-menu > li.menu-open > a, .skin-black-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a, .skin-blue-light .sidebar-menu > li.menu-open > a, .skin-blue-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a, .skin-green-light .sidebar-menu > li.menu-open > a, .skin-green-light .sidebar-menu > li:hover > a, .skin-purple-light .sidebar-menu > li.active > a, .skin-purple-light .sidebar-menu > li.menu-open > a, .skin-purple-light .sidebar-menu > li:hover > a, .skin-red-light .sidebar-menu > li.active > a, .skin-red-light .sidebar-menu > li.menu-open > a, .skin-red-light .sidebar-menu > li:hover > a, .skin-yellow-light .sidebar-menu > li.active > a, .skin-yellow-light .sidebar-menu > li.menu-open > a, .skin-yellow-light .sidebar-menu > li:hover > a{
    color: rgba(17, 41, 113, 0.9);
}
.skin-blue-light .sidebar-menu .treeview-menu > li.active > a, .skin-blue-light .sidebar-menu .treeview-menu > li > a:hover{
    color: rgba(17, 41, 113, 0.9);
}
.skin-blue-light .sidebar a{
    color: #8898aa;
}
div.dataTables_wrapper div.dataTables_filter input{
    border-radius: 15px;
}
.icheckbox_square-blue, .iradio_square-blue{
    opacity: 0.8;
}
.icheckbox_square-blue, .iradio_square-blue{
    border-radius: 4px;
}
.select2-selection .select2-selection--single {
    border-radius: 15px;

}
.add-product-price-table th{
    background-color: #3d5c9e;
}
#opening_stock_button{
 border-radius: 15px !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
}
#opening_stock_button2{
 border-radius: 15px !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
}
#opening_stock_button3{
 border-radius: 15px !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
}
 #purchase_entry_table th{
    background-color: #3d5c9e;
     color: white;
}
.input-group-addon{
    border: 0px solid gray;
}
.right-col-content{
    padding: 0% 16% ;
    padding-bottom: 5%;
}

#header_shortcut_dropdown
{
 background:transparent;
    border-left:1px solid #f4f4f4;
    border-right:1px solid #f4f4f4;
    border-top:none;
    border-bottom:none;
    color:transparent;
    position: absolute;"
}

#register_details{
    background-color: white;
}
#close_register
{
    background-color: white;
}

.modal-dialog
{
    margin: 30px auto !important;
}

.form-control{
    border-radius: 15px !important;
}
.modal-content
{
    border-radius: 15px;
}
.product_box
{
    border-radius: 15px;
}
#pos-draft , #pos-quotation , #pos-finalize , #pos-cancel , #recent-transactions
{
    border-radius: 15px;
}
.pos-express-finalize ,.pos-total
{
    border-radius: 15px !important;
}