﻿
.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

 .InsideResponsiveTable 
 { 
     height:390px;/* 300px;*/
    width:100%;
    overflow-y: scroll;
     
 }
  .myTopBrandsTable 
 { 
     height:455px;/* 300px;*/
    width:100%;
    overflow-y: scroll;
     
     }


 .myExqStoresTable {

     height:348px;/* 300px;*/
    width:100%;
    overflow-y: scroll;
}

  .mySubDivWiseCustomerTable {

     height:200px;/* 300px;*/
    width:100%;
    overflow-y: scroll;
}
 #map{
    position:relative;
    width:100%;
    height: calc(100% - 60px);
    margin-top: 70px;
}

.places-buttons .btn{
    margin-bottom: 30px
}

.tooltip { position:absolute;
	width: 145px;
	padding: 5px;
	border: 1px solid gray;
	font-size: 9pt;
	font-family: Verdana;
	background-color: #fff;
	color: #000;
}

 .myTableHead-Align
 {
     text-align:center;
     
     }

.myStkTblAlign {
    text-align:left;
    width:25%;

}
.myStkTblAlign_Val {
    text-align:right;
    width:25%;

}

.multiTotalData {
    background-color: #cce5f6;
    border:1px solid #D9DEE4;
     border-radius: 10px;
     
}

.vanTotalData {

    /*#DDBB86*/
    background-color: #f2d5a9; /*#DDBB86;*/  
    border:1px solid #D9DEE4;
     border-radius: 10px;
}

.GlStoreTotalData {

    background-color: #f2d5a9; /*#DDBB86;*/  
    border:1px solid #D9DEE4;
     border-radius: 10px;
}


.QatarTotalData {
     background-color: #caf6c3;
     border:1px solid #D9DEE4;
     border-radius: 10px;
   
}

.ExqTotalData {
      background-color: #f8c9c4;
       border:1px solid #D9DEE4;
     border-radius: 10px;
     
}

.OmanTotalData {

   background-color:   #e6d5ec;
    border:1px solid #D9DEE4;
     border-radius: 10px;
}

.BahTotalData {
    background-color: #FFE4C4;
    border: 1px solid #D9DEE4;
    border-radius: 10px;
}

.SuwTotalData {
    background-color: #fd8cc145;
    border: 1px solid #D9DEE4;
    border-radius: 10px;
}

.ApparelTotalData {

   background-color:   #e6d5ec;
    border:1px solid #D9DEE4;
     border-radius: 10px;
}

.GlamTotalData {
      background-color: #F9FA84;
       border:1px solid #D9DEE4;
     border-radius: 10px;
     
}

.GlamStoreTotalData {

   background-color: #9CEBF2;   /*#f5b5e0;*/
    border:1px solid #D9DEE4;
     border-radius: 10px;
    

}


.EmptyTotalData {

     background-color:#b2d6ab; /*#94ba8d;*/   
    border:1px solid #b2d6ab;
     border-radius: 10px;
      /*height:170px;*/
}

.myEmpty {
     background-color:#b2d6ab; /*#94ba8d;*/   
     color:#b2d6ab;
}
    .myEmpty:hover {
         color:#b2d6ab;
    }

/*from old dashboard*/

#inner-div {
    height: 100%;
    max-height: 100%;
    overflow: scroll;
    background: ivory;
}

.myTable
{
    height:325px;/* 300px;*/
    width:100%;
    overflow-y: scroll;
    }
    
  .myMonthTable
  {
       height:580px;/* 300px;*/
    width:100%;
   /* overflow-y: scroll;*/
      }  
      .myMonthTransferTable
      {
           height:580px;/* 300px;*/
           width  :100%;
          overflow-y: scroll;
          }
       .myMonthTableExq
      {
           height:560px;/* 300px;*/
           width  :100%;
          overflow-y: scroll;
          }       
      .myMonthExqTable
  {
       height:520px;/* 300px;*/
    width:100%;
   /* overflow-y: scroll;*/
      }
      
       .myMonthExqTable1
  {
       height:510px;/* 300px;*/
       width:100%;
      overflow-y: scroll;
      }      
 .myTableNearBars
   {
    height: 150px;
    width:100%;
    overflow-y: scroll;
     } 
     
     .MonthmyTableNearBars
    {
      height: 550px;
      width :100%;
      overflow-y: scroll;
     }    
  .myTotalTable
  {
      height:250px;/* 300px;*/
    width:100%;
    overflow-y: scroll; 
      
      }  

   /*.myTableMonthlyExq
   {
    height: 150px;
    width:100%;
    overflow-y: scroll;
     }*/ 
   .myStockTable
   {
       background-color:#f0ad4e;
       
       }
       
 #lblTotalResult   
     {
        
        color:#060;
        font-weight:bold;
        text-align:center;
        
        
       }
#lblTotalResultSubDiv {
        color:#060;
        font-weight:bold;
        text-align:center;
        

}
 .ExqMonthpanel-body {
    height: 530px;  
    /* overflow-y: scroll;*/
}
.ExqMonthpanel-body1 {
    height: 510px;  
    /* overflow-y: scroll;*/
}  
 /*      
    .half-circle {
    width: 200px;
    height: 100px; /* as the half of the width 
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border: 10px solid gray;
    border-bottom: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}   */


@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  
	{
	    
	   .col_1
	{
	    text-align:center;
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;    

	}
	    
	    }
	    
	.select-wrapper {
    background-color: #eee;
   /* border: 1px solid #aaa;*/
    color: #aaa;
    cursor: pointer;
    float: left;
    overflow: hidden;
    padding-right: 3em;
    position: relative;
    width: 100%;
}

.select {
    -webkit-appearance: none;
    background-color: #eee;
    color:Black;
    border-width: 0;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-size: 1em;
    line-height: 1em;
    padding: 1em 1em;
    width: 100%;
    width: calc(100% + 2em);
    /*&:focus {
        outline: none;
    }*/
}

.select-icon {
    position: absolute;
    top: .8em;
    right: 1em;
}


.myEXQTable
{
    height:408px;
    width:100%;
    overflow-y: scroll;
    }
.myEXQTable1
{
    height:380px;
    width:100%;
    overflow-y: scroll;
    }
 .ColumnHeader1{
	background-color:#99ff66;/* #CCC7BA;*/
	font-weight: bold;
	text-align: center;
	
}
.ColumnHeader{
	background-color:#FF6699;/* #CCC7BA;*/
	font-weight: bold;
	text-align: center;
	
}
 .ColumnHeader2{
	background-color:#faff66;/* #CCC7BA;*/
	font-weight: bold;
	text-align: center;
	
}

.ExqTableHeaders
{
    background-color: #6d350a;/*#FFEE58;*/ /*#FFCC99;*/ 
    color:white;
 }

.OnlineTableHeaders
{
    background-color: #6d350a;/*#FFEE58;*/ /*#FFCC99;*/ 
    color:Black;
 }
.MultiTableHeadersTillDate
{
    background-color:#1c7a74; /*#162147;   #FFEE58;*/ /*#FFCC99; #3b56b5;*/ 
    color:white;
 }
 
 .ExqStoreSalesHead
{
    background-color: #FFB6C1;/*#FFB6C1;*/
 }

.mySummayRes {

    color:red;
    text-align:right;
}

#lblEXQTotalResult
{
     color:#d9534f;
     font-weight:bold;
     text-align:center;
 }
#lblFLRTotalResult
{
     color:#d9534f;
     font-weight:bold;
     text-align:center;
 }

 #lblFLRTotalResultDaily  
 {
      color:#048445;
     font-weight:bold;
       text-align:center;
     }
  #lblEXQTotalResultDaily  
 {
      color:#048445;
     font-weight:bold;
       text-align:center;
     }

#lblFLRYesterdayRes {
     color:#4403FF;
     font-weight:bold;
       text-align:center;
}
    #lblEXQYesterdayRes
    {
         color:#4403FF;
     font-weight:bold;
       text-align:center;
        } 

      #lblGlamYesterdayRes
    {
         color:#4403FF;
     font-weight:bold;
       text-align:center;
        } 


        #lblGlamStoreYesterdayRes
    {
         color:#4403FF;
     font-weight:bold;
       text-align:center;
        } 
         #lblGlamTotalResultDaily  
 {
      color:#048445;
     font-weight:bold;
       text-align:center;
     }
   
         
           #lblGlamStoreTotalResultDaily  
 {
      color:#048445;
     font-weight:bold;
       text-align:center;
     }    


 .myTable-Align
 {
     text-align:right;
     
     }
    .myTableHead-Align
 {
     text-align:center;
     
     }  
  #totalPerBrand
  {
     color:#801919;/*#4D0000;*/
	 font-weight : bold;
  }   
  #TotalPerLocation
  {
      color:#1a4f00;/*#4D0000;*/
	 font-weight : bold;
      }
 
  .total-Brand
  {
      background-color:#FFB6C1;
      }
    .total-Brand-Desc
    {
        background-color:#FFB6C1;
       font-size:smaller; 
        }  
   .total-Loc
   {
       background-color:#aaff80;
       }   
.disabled
{

    }
    
 .redSync
 {
     color:red;
     }   
    
	.greenSync
 {
     color:green;
     } 
    
   .offlineSync
 {
     color: #f2483e;/* #FF1C10; *//*#f92116;*/ 
     }   
    
	.onlineSync
 {
     color:#16f70e;
     }    
 /*.ConStatus
 {
     background-color :#FFB6C1;
     }*/

.conStatData {

    color:#0aba03;
}   
.saleheader-panel {
  
  border-color: #FFB6C1;
  
}

 .myTable-footerTotal
 {
     text-align:right;
     color:Red;
     
     }
.myTable-SubfTotal {
    text-align: right;
}
 
 .myTable-SubfooterTotal
 {
     text-align:right;
     color:blue;
     
     }
.myTable-footerTotalLabel {
    color: black !important;
    /*color: Red;*/
}
 .listFooterDisplay{
	text-align: center;
	background-color: #E2DFD8;
	font-weight: bold;
}
.FooterLabels
{
    padding:10px;
    text-decoration:none;
    color:Red;
    
    }
    
  .FooterLabels:hover
  {
       color:#4e1c5f;
        text-decoration:none;
      }  
      
   .AccessTxtBox
   {
        background-color: #FFB6C1;
   } 
   
   .AccessTxtBox:hover
   {
      background-color: #ADD8E6;
       }  
       
       .itemcolumns
       {
           width:50%;
          
           }
           
     .table-Align-New
     {
       text-align:center;  
         }    
       .myTable-LastYear1
    {        
        text-align:center;
        background-color:#9bb2b2;
        color:black;
        }    
       
    .myTable-LastYear
    {        
        text-align:center;
        background-color:#9c9c9c;
        color:black;
        }  
        
      .myTable-CurrYear
    {        
        text-align:center;
        background-color:#FFAB91;    /*#9CCC65; #f257ea;  #975d4b;*/
        color:black;
       /*color:White;*/ 
        }  
     
        .myNetdata-LastYear1
   {
       background-color:#bcd1d1 ;
       }   
   .myNetdata-LastYear
   {
       background-color: #b6b6b6;
       }  
       
     .myNetdata-CurrYear
     {
         
      background-color:#f9ad95;/*  #e9cbef;*/ /*#d3b2a7;*/
         }    
         
    .myLabelConStatus
    {
        
       font-size:xx-small;
     
      
        }     
    
   .bg-Cosmetics {
    background: #FF66CC !important;
    border: 1px solid #FF66CC !important;
    color: #fff
}   
     .bg-NonFood {
    background: #9fff80 !important;
    border: 1px solid #9fff80 !important;
    color: #fff
}  

   .bg-Food {
    background: #7FFFD4 !important;
    border: 1px solid #7FFFD4 !important;
    color: #fff
}   
/*///////////////////////////////////////////////*/


/*Added from old dashboard*/

table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
    width: 100%;
    max-width: 100%;
    /*margin-bottom: 20px;*/
    margin-bottom: 0px !important;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #ccd9e6; /* #f5f5f5; */

}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}




.x_panel_ExqYesterday {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #A3A3FF;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease
}
/*x_panel_ExqTday*/

.x_panel_ExqToday {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background:#68C597;/*#048445;*/ 
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease
}

.myFLRBg {

    background-color:#FDEEE0;/* #ffffe6;*/ 
}
.SaleTR_BgColor {
    color:#a85215;
}

.x_Divider {
    border-bottom: 2px solid #E6E9ED;
  
   position: absolute;
   width: 100%;
}

.MainStockHead {

    text-align:center;
}

.myPriv {

    border-style:dashed;
    border-color:#dbd9d9;
}


.myAgeingBg {

    background-color:#e0f7fd;/* #ffffe6;*/ 
}

.myOutStdBg {

      background-color:#f7dec6;   /*#ffd9b4;*/  
}

#collapseOutStanding {

    background-color:#F98780;   /*#f7544a;*//* #ffffe6;*/ 
}


/*#f7b1ad*/

.Accpanel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

#myToggleIcon:hover {

     cursor: pointer;
}


.myHideHeadCursor {

    cursor: pointer;
}
#collapseHead {

    background-color:#D69688;/*#9caa72;*/
}

#collapseAgeingHead,#collapseAgeingHeadExq {
    background-color:#abd1db;

}

#collapseAnalizeHead {
    background-color:#9DF488;

}

#collapseCustGrpAnalizeHead {

    background-color:#d969b6;
}

#collapseItemWiseSales{
    background-color:#ffb73d;

}

#collapseSlowItemWiseStock ,#collapseSlowItemWiseStockExq{
     background-color:#E36E0C;/*#FCA96B;*/
}

#collapseLocItemWiseStock,#collapseLocItemWiseStockExq {

      background-color:#ED6BFC;
}

#collapseMyDailySales {
     background-color:#f5daae;
}


.rowHidden {
    visibility:hidden;
    height:0.1px;
     line-height: 0.1px;
}


/*#tblMonPartCompare { overflow-y: auto; height: 100px; }

#tblMonPartCompare table { border-collapse: collapse; width: 100%; }
#tblMonPartCompare th, td { padding: 8px 16px; }
#tblMonPartCompare th { background:#eee; }*/

/*

.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}


    

     .table-fixed table
        {
            border: 1px solid #ccc;
            border-collapse: collapse;
        }
     .table-fixed   table th
        {
            background-color: #F7F7F7;
            color: #333;
            font-weight: normal;
        }
      .table-fixed table th, .table-fixed table td
        {
            border: 1px solid #ccc;
        }
    */

   /*.table-fixed   table {
  border-collapse: collapse;
  background: #FFF;
  table-layout: fixed;
  width: 100%;
}
.table-fixed  table thead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
 
  background-color:blue;
  display: table; 
  border: solid 1px #000;

}
  .table-fixed   table tbody {
 
  margin-top: 24px;
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
}

  

.table-fixed   table {
 Make sure table has border that matches the cell border so it is included in the width
  border: 1px solid black;
}
.table-fixed   td,
.table-fixed   th {
  height: 20px;
  border: 1px solid black;
}*/

/*
 .table-fixed  td + .table-fixed td {
  border-left:1px solid #eee;
}
.table-fixed td,.table-fixed  th {
  border-bottom:1px solid #eee;
  background: #ddd;
  color: #000;
  padding: 10px 25px;
}
.table-fixed th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
  background:#6d350a;
}
.table-fixed th div{
  position: fixed;
  background: transparent;
  color: #fff;
  padding: 9px 25px;
  top: 0;
  margin-left: 0px;
  line-height: normal;
  border-left: 1px solid #800;
}
.table-fixed th:first-child div{
  border: none;
  
}
*/



.loginTimetblWidth {

    overflow: hidden; 
    width:200px;
}



.collapsed-box {

    display: none;
}


.NotesUL {

    list-style-type: none; 
}


.ComparisonTables {

     background: #fff;
}

.panel-title {
     font-size: 12px;
}

.panel-body {
    padding: 1px;
 

}

/*.panel {
    margin-bottom: 3px;
}
.panel-body {
  padding: 5px;
}*/


.myGPBg {
   

    background-color:#fdf8c5;  /* #FBF399;*/ 
}

.mySSBg {
   

    background-color:#fbf8fc;  /*#e6d5ec;*/   
}


#collapseGPHead {

    background-color:#F9ED5A;/* #ffffe6;*/ 
}

#collapseSSHead {

    background-color:#d0b1dd;  /* #9B59B6;*/ 
}

/*myGPBg*/

#collapseYrGPHead {

    background-color: #c2a143; /*#d980ed;*//* #ffffe6;*/ 
}
.myGPYrBg {

    background-color:#f0e8d0;  /*#e3d5aa;*/  /*#DDCB97;*/ /*#d5be7d;*/ 
}


.ColumnHeaderGP {

   background-color:  #f571d2;
   font-weight: bold;
	text-align: center;
}
.GPNotes {
    font-size:10px;
   
}

.CustSyncDtNotes {
    color:gray;
    text-align:right;
    font-size:10px;
}


#GPAnalysisPartDetails {

    background-color:none;
}
#CustOutstandingDetails {
      background-color:none;
}

#GPAnalysis_PartWise {

    background-color:none;
}

.GP_PartWiseDt {

    margin-top:30%;
}



.NonProfitBg {
   background-color: #cce0ff;
}


 .myTble-offset-1 {
    margin-left: 1.31%;
  }


.myNonProfitTable {
   padding:2%;
    /*margin-left:1%;*/
}

.myNonProfitHead {

padding-left:2%;
}



#collapseStockDist {
    background-color:#9DF488;

}


.table-First-Column {
    /*width: 800px;*/

     overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 50%;
  min-width: 1px;
}

.table-dailySales-Column {

    text-align:right;
}

/*.nav-md {
    height:auto;
}*/

/*#GPNotes li:first-child{
   
   display:none;
}*/

/*

@media screen and (max-width: 600px) {
  #MyItemWiseMonthly {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
     #MyItemWiseMonthly {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }


}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

      #MyItemWiseMonthly {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }

}

@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

     #MyItemWiseMonthly {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }

}

   */


.left-align {
    text-align: left;
    padding: 5px 10px;
}

.right-align {
    text-align: right;
    padding: 5px 10px;
}

/* Category totals color */
.category-total {
    color: #1E90FF;
}

/* Grand total color */
.grand-total {
    color: #FF5733;
}

/* Optional: category header bold */
/*.category-cell {
    font-weight: bold;
}*/

.donut-center {
    width: 300px;
    height: 400px;
    margin: 0 auto; /* centers horizontally */
    display: block;
}

.fixed_height_add {
    display: flex;
    flex-direction: column;
}

.collection-scroll {
    flex: 1; /* takes remaining height */
    overflow-y: auto;
    overflow-x: auto;
}

