/* Loaded after Admin.css */

.MainDiv {min-width:320px;}

.SideMenu {display:block;}


@media only screen and (max-width:1024px) {
  .DashboardTabs                                      {display:none;}
  .MainDiv .Header                                    {height:60px;}
  .MainDiv .Header .HeaderTitle                       {display:none;}
  .MainDiv .Header .Logo                              {position:static; width:180px; margin:0px auto 0px auto; padding-top:5px;}
  .MainDiv .Header .Logo img                          {width:190px;}
  .MainDiv .Header .Logo img                          {width:190px;}
  .BtnMenu                                            {display:block;}
}

@media only screen and (max-width:768px) {
  .GridStackParentView .Charts .List                  {display:block; margin-bottom:-25px;}
  .GridStackParentView .Charts .List .Item            {display:inline-block; width:50%; margin-bottom:25px;}
  .DashCStatic .Charts .List                          {display:block;}
  .DashCStatic .Charts .List .Item                    {display:inline-block; width:50%;}
}

@media screen and (max-width:600px) {
  .GridStackParentView .Infos .Desc .Name                                             {font-size:36px;}
  .GridStackParentView .Engagement .BigNbre                                           {font-size:70px;}
  .GridStackParentView .Engagement .BigNbre sup                                       {font-size:50px;}
  .GridStackParentView .grid-stack-item[data-gs-height="1"] .Engagement .BigNbre      {font-size:70px;}
  .GridStackParentView .grid-stack-item[data-gs-height="1"] .Engagement .BigNbre sup  {font-size:50px;}
}

@media screen and (max-width:480px) {
  .GridStackParentView .Infos .Desc .Name                                       {font-size:32px;}
  .GridStackParentView .Engagement .Difference .Label                           {line-height:1.3em; display:block;}
  .GridStackParentView .Engagement .Difference .Item                            {display:block; padding-left:0px; padding-top:10px;}

  .MainDiv .MainContent                                                         {margin:0px 10px; padding:10px 20px 20px 20px;}
  .MainDiv .MainNavigation .LocalNav                                            {margin-left:10px; margin-right:10px;}
  .LocalNavInner                                                                {padding:20px 20px 20px 20px;}

  .MainDiv .Header .Logo                                                        {width:190px; padding-top:20px;}
  .MainDiv .Header .Logo img                                                    {width:190px;}

  .SectionC .ContentC .Row .Stat .Block .StatRow.LabelRow .Cell                 {font-size:10px;}
}


@media only screen and (max-width:480px){
  .SectionC .HeadC .Chart                                   {display:block; width:auto; padding:0px 0px 10px 0px;}
  .SectionC .HeadC .StatHide .Block .Cell .Txt              {font-size:10px;}
  .SectionC .ContentC .Row .Desc .Block .Nbre                       {width: 25px;}
  .SectionC .ContentC .Row .Desc .Block .Txt                        {padding:0px 0px 10px 0px;}
  .SectionC .ContentC .Row .Stat                                    {padding:0px 25px 5px 25px;}
  .SectionC .ContentC .Row .Stat .Block .Cell .Txt                  {font-size:10px;}
  .SectionC .ContentC .Row .Chart                                   {padding:0px 0px 0px 25px;}
  .SectionC .ContentC .TopRow .Chart                                {padding:0px;}

  .DashCStatic .Infos .Desc .Name                                       {font-size:40px;}
  .DashCStatic .TopBottom .Row .Nbre                                    {width:25px;}
  .DashCStatic .Engagement .BigNbre                                     {font-size:100px;}
  .DashCStatic .Engagement .BigNbre sup                                 {font-size:50px;}
  .DashCStatic .Engagement .Difference .Label                           {line-height:1.3em; display:block;}
  .DashCStatic .Engagement .Difference .Item                            {display:block; padding-left:0px; padding-top:10px;}

  .Comparison .SectionComp .ContentComp .Row .Desc .Block .Nbre                       {width: 25px;}
  .Comparison .SectionComp .ContentComp .Row .Stat                                    {padding:0px 25px 5px 25px;}
  .Comparison .SectionComp .ContentComp .Row .StatDash                                {padding:0px 0px 5px 0px;}
}




/* Navigation */
@media only screen and (max-width:1024px){
  .GlobalNav table a                          {font-size:12px; padding:19px 0px 17px 0px;}
}
@media only screen and (max-width:768px){
  .GlobalNav table td                         {display:block;}
  .GlobalNav table td.Active a                {color:#000000; border-bottom:none; background:#b7bf10;}
}