/* This stylesheet should be used to add your custom styles to the back-office without using the Sass sources. It will be loaded after all the default styles. 
You should NOT edit any other exisiting back-office CSS file manually: they are generated by the Sass preprocessor: http://www.sass-lang.com/ . */

#dashtrends dd span {
    font-size: 0.9em !important;
    white-space: normal !important;
}

#product_search_box, #group_search_box
{
  margin:10px 0;
}

.page-head h2.page-title
{
  text-transform: capitalize !important;
}
#closure_item .table td{background:transparent;}
#closure_item th {
    border-top: 0 none;
}
#closure_item td {
    border-bottom: 0 none;
}

#closure_item .table_store
{
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5); 
    padding-bottom: 28px;
}
#closure_item .table {
    font-family: open sans;
    font-size: 13px;
}
#closure_item .table_second
{
    padding: 8px 0px 0;
}
#closure_item .table_third {
    padding: 7px 0;
}
#closure_item .table_third th
{
   border-top: 1px dashed rgba(0, 0, 0, 0.5)!important;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.5)!important;
}
#closure_item .table_four
{
    border-bottom: 1px dashed rgba(0, 0, 0, 0.6);
    border-top: 1px dashed rgba(0, 0, 0, 0.6);
    padding: 2px 0;
}
.note {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.6);
    color: #666;
    font-size: 13px;
    padding: 13px 5px;
}
.note > span {
    font-weight: 600;
}
.count-list {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.6);
    padding: 15px 5px;
}
.count-list span {
    float: left;
    padding-right: 10px;
}
.count-list p {
    font-size:13px;
}
.amnt-list {
    padding: 15px 5px;
}
.amnt-list span {
    float: left;
    padding-right: 10px;
}
.amnt-list p {
    font-size:13px;
}
.modal-header{
    border-bottom:1px dashed #e5e5e5;
}
#panel-bg{
    position: fixed; 
    background: #fff; z-index: 1; 
    width: 90%; 
    padding: 5px 50px 2px 42px !important;
    height: 44px !important;
}
.mt-20{margin-top:20px;}
.device-scorll{overflow-x:scroll;}
.cal-lef{float: left;margin-right: 11px;}
.bootstrap .table tbody > tr > td{
    padding:6px 7px;
}

.date-report
{
    display: none;
}
/**/
.clr-table table {
            width: 100%;
        }

.clr-table table thead
{
    display: ruby;
}

.clr-table table tbody 
{
   overflow: auto;
   display: block;
   height: 650px;
}
/*
.clr-table table {
    width: 350px; /* can be dynamic 
}*/
/*
.clr-table th
{
    width: 75px;
}*/

.print_slip
{
    margin: 10px 0px 20px 10px;
}

#associated-categories-tree .tree-folder span input {
    float: left;
}

#PS_LOGO-images-thumbnails img
{
  max-width: 100%;
}

#PS_LOGO_INVOICE-images-thumbnails img
{
  max-width: 100%;
}
       
.bootstrap .fixed-width-xs{width:150px!important;}
.bootstrap .fixed-width-ls{width:100px;}
.bootstrap .table thead > tr > th span.title_box{
    font-weight:600;
}



@media only screen and (min-width:320px)and (max-width:480px) { 
#panel-bg{
    position: fixed; 
    background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
    z-index: 1; 
    width: 100% !important; 
    padding: 5px 10px 2px 42px !important;
    height: 54px !important;
}

}



@media only screen and (min-width:320px)and (max-width:992px) { 

.ht-auto{height:auto !important;}
#panel-bg{height:auto !important;}
.mt-20 {
    margin-top: 59px !important;
}

}




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


}