/*  ***********************************
 *
 *   WEBimpul Sp. z o.o.
 * 
 *   Domyślne style ułatwijące i przyśpieszające
 *   tworzenie i oprogramowywanie szablonów.
 *   
 *   v1.0   2014-03-15  
 * 
 *   Arkusz zawiera podstawowe style wszystkich  
 *   najszęściej używanych bloków w szalonach 
 *   i projektach webimpuls
 * 
 *   Niniejszy arkusz powinien być stylem wejsciowym 
 *   używanym podczas tworzenia nowego szablonu
 * 
 * 
 * */


/* ----------------------------------------------------- */
/* Raport Google Analytics API */
/* budowa panelu WHITE */
#raportGA {background: #eee; border:solid 1px #ddd;}
#raportGA .przelacznikMiesiaca {max-width: 500px; margin: 30px auto; padding-top:20px; border:dashed 1px #bbb; border-width: 1px 0 1px 0;}
#raportGA .przelacznikMiesiaca span {display: inline-block; margin: auto 40px; font-weight: 30px;}

#raportGA #calyRaportWait {margin:auto; text-align: center; max-width: 650px; margin-top:35px;}
#raportGA #calyRaportError {display:none; margin:auto; text-align: center; max-width: 650px; margin-top:35px;}
#raportGA #calyRaportError i {text-align: center; font-size:70px; color:#fff;}
#raportGA #calyRaportError a {font-weight: bold; color:#fff;}

#raportGA .panel.white {background: #fff; border:none; box-shadow: 1px 1px 2px #aaa; padding:0; overflow: hidden;}
#raportGA .panel .panelHeader {margin:0px;padding:8px 15px 4px 20px;text-align:left; border-bottom:solid 1px #f4f4f4; border-top:solid 4px #d2d6de;}
#raportGA .panel .panelHeader h3 {font-weight:normal;font-size:16px;line-height:1em;}
#raportGA .panel .panelHeader h4 {font-weight:normal;font-size:14px;line-height:1em; color:#999; margin-top:-5px;}
#raportGA .panel .panelContent {margin:15px; padding-bottom: 15px;}

#raportGA .panel .legenda {margin:0px;padding:8px 15px 4px 20px;text-align:left; border-top:solid 1px #f4f4f4; font-size: 12px;}
#raportGA .panel .legenda p, 
#raportGA .panel .legenda li {font-size: 12px;}

#raportGA .row.subTytul {}
#raportGA .row.subTytul h2 {display: block; vertical-align: top; margin:0px; padding:0px; min-height:100px; clear: both;}     
#raportGA .row.subTytul h2 > i {display: inline-block; position: relative;  top:0px;   line-height: 100px; margin:0px; margin-right:30px; padding:0px; font-size:100px;}
#raportGA .row.subTytul h2 > span {display: inline-block;  position: relative;  top:-30px;  line-height: 100px; margin:0px; padding:0px;}                               

/* Panel ikona */
#raportGA .panel.ikonaLiczba {padding:0px;}
#raportGA .panel.ikonaLiczba .row {margin:0px;}
#raportGA .panel.ikonaLiczba .row .columns {min-height: 100px;}
#raportGA .panel.ikonaLiczba .row .columns.ikona {background:#4b94bf; max-width:100px;}   
#raportGA .panel.ikonaLiczba .row .columns.ikona i {display:inline-block;width:100%;max-width:100px;max-height:100%;overflow:hidden;text-align:center; color:#fff; font-size:50px; line-height: 2em; }
#raportGA .panel.ikonaLiczba .row .columns.liczba {text-align: left;}
#raportGA .panel.ikonaLiczba .row .columns.liczba h3 {margin:8px auto 15px 10px;font-weight:normal;font-size:16px;line-height:1em;}

#raportGA .panel.sessions-liczba .row .columns.ikona    {background:#4b94bf;}
#raportGA .panel.users-liczba .row .columns.ikona       {background:#00a65a;}
#raportGA .panel.pageviews-liczba .row .columns.ikona   {background:#f39c12;}
#raportGA .panel.bounceRate-liczba .row .columns.ikona  {background:#dd4b39;}
#raportGA .panel.sessionsSEO-liczba .row .columns.ikona  {background:#8bba13;}
#raportGA .panel.sessionsPaid-liczba .row .columns.ikona  {background:#8bba13;}
#raportGA .panel.sessionsSocial-liczba .row .columns.ikona  {background:#8bba13;}
#raportGA .panel.sessionsEmail-liczba .row .columns.ikona  {background:#8bba13;}
#raportGA .panel.sessionsDirect-liczba .row .columns.ikona  {background:#8bba13;}
#raportGA .panel.sessionsReferral-liczba .row .columns.ikona  {background:#8bba13;}

#raportGA .liczba table.google-visualization-table-table {min-height: 40px; min-width: 120px;}                                                                                                                                                                                                                                                                                   
#raportGA .liczba table.google-visualization-table-table,      
#raportGA .liczba table.google-visualization-table-table thead, 
#raportGA .liczba table.google-visualization-table-table tbody, 
#raportGA .liczba table.google-visualization-table-table tr,
#raportGA .liczba table.google-visualization-table-table th,
#raportGA .liczba table.google-visualization-table-table td {border:none; background:transparent; text-align:left; max-width:100%;}
#raportGA .liczba table.google-visualization-table-table th,
#raportGA .liczba table.google-visualization-table-table td {padding:3px 10px; font-weight: bold;} 
#raportGA .liczba table.google-visualization-table-table thead {display: none;}
  
#raportGA .panel.ikonaLiczba table.google-visualization-table-table td {font-size:22px; color:#444;} 

#raportGA .panel.sessionsSEO-liczba .liczba .google-visualization-table {min-width:auto; height: auto; overflow: visible;}
#raportGA .panel.sessionsSEO-liczba .liczba table.google-visualization-table-table thead {display: table-footer-group;}
#raportGA .panel.sessionsSEO-liczba .liczba table.google-visualization-table-table thead th {font-weight:normal; font-size: 12px;}

#raportGA .panel.sessionsPaid-liczba .liczba .google-visualization-table {min-width:auto; height: auto; overflow: visible;}
#raportGA .panel.sessionsPaid-liczba .liczba table.google-visualization-table-table thead {display: table-footer-group;}
#raportGA .panel.sessionsPaid-liczba .liczba table.google-visualization-table-table thead th {font-weight:normal; font-size: 12px;}

#raportGA .panel.sessionsSocial-liczba .liczba .google-visualization-table {min-width:auto; height: auto; overflow: visible;}
#raportGA .panel.sessionsSocial-liczba .liczba table.google-visualization-table-table thead {display: table-footer-group;}
#raportGA .panel.sessionsSocial-liczba .liczba table.google-visualization-table-table thead th {font-weight:normal; font-size: 12px;}

#raportGA .panel.sessionsEmail-liczba .liczba .google-visualization-table {min-width:auto; height: auto; overflow: visible;}
#raportGA .panel.sessionsEmail-liczba .liczba table.google-visualization-table-table thead {display: table-footer-group;}
#raportGA .panel.sessionsEmail-liczba .liczba table.google-visualization-table-table thead th {font-weight:normal; font-size: 12px;}

#raportGA .panel.sessionsDirect-liczba .liczba .google-visualization-table {min-width:auto; height: auto; overflow: visible;}
#raportGA .panel.sessionsDirect-liczba .liczba table.google-visualization-table-table thead {display: table-footer-group;}
#raportGA .panel.sessionsDirect-liczba .liczba table.google-visualization-table-table thead th {font-weight:normal; font-size: 12px;}

#raportGA .panel.sessionsReferral-liczba .liczba .google-visualization-table {min-width:auto; height: auto; overflow: visible;}
#raportGA .panel.sessionsReferral-liczba .liczba table.google-visualization-table-table thead {display: table-footer-group;}
#raportGA .panel.sessionsReferral-liczba .liczba table.google-visualization-table-table thead th {font-weight:normal; font-size: 12px;}

/* kolorowe kółka */
#raportGA span.kolko {display:inline-block;height:10px;width:10px;margin-right:10px;border-radius:5px;background: #8bba13;}
#raportGA span.kolko.szare {background: #bbb;}
#raportGA span.kolko.zielone {background: #8bba13;}
#raportGA span.kolko.pomaranczowe {background: #ff9900;}
#raportGA span.kolko.czerwone {background: #dc3912;}
#raportGA span.kolko.niebieskie {background: #4b94bf;}
#raportGA span.kolko.deviceDesktop {background: #3366cc;}
#raportGA span.kolko.deviceMobile  {background: #dc3912;}

/* indywidualne style */                                                                              
#raportGA #sessions-wykres {margin: auto 15px;}
#raportGA #channelGrouping-tabela {margin: 15px;}
                                                             
#raportGA #channelGrouping-tabela table {margin-bottom:15px;}
#raportGA #channelGrouping-tabela table th {font-size: 10px; line-height: 1em; vertical-align: middle;}
#raportGA #channelGrouping-tabela table td {font-size: 12px;}

#raportGA #campaignGrouping-tabela {margin: 15px;}
#raportGA #campaignGrouping-tabela table {margin-bottom:15px;}
#raportGA #campaignGrouping-tabela table th {font-size: 10px; line-height: 1em; vertical-align: middle;}
#raportGA #campaignGrouping-tabela table td {font-size: 12px;}
#raportGA .campaignGrouping-tabela .pokazKampanie {margin: 0 0 15px 15px;}

#raportGA  .panel.daneGeograficzne .row .columns {padding:35px;}    
#raportGA  .panel.daneGeograficzne .pokazMiasta,   
#raportGA  .panel.daneGeograficzne .pokazPanstwa {display:none;}    
                           
#raportGA #sessionsSwiat-tabela .gapi-analytics-data-chart,
#raportGA #sessionsPolska-tabela .gapi-analytics-data-chart {} /*{max-height:300px; overflow: scroll;}*/
#raportGA #landingPage-tabela table,
#raportGA #browserSize-tabela table,
#raportGA #browser-tabela table,
#raportGA #devicesModel-tabela table,
#raportGA #sessionsSwiat-tabela table,
#raportGA #sessionsPolska-tabela table {margin-bottom:15px;}
#raportGA #landingPage-tabela table th,
#raportGA #browserSize-tabela table th,
#raportGA #browser-tabela table th,
#raportGA #devicesModel-tabela table th,
#raportGA #sessionsSwiat-tabela table th,
#raportGA #sessionsPolska-tabela table th {font-size: 10px; line-height: 1em; vertical-align: middle;}        
#raportGA #landingPage-tabela table td,
#raportGA #browserSize-tabela table td,
#raportGA #browser-tabela table td,
#raportGA #devicesModel-tabela table td,
#raportGA #sessionsSwiat-tabela table td,
#raportGA #sessionsPolska-tabela table td {font-size: 12px; max-width:500px;}   

#raportGA #campaignGrouping-tabela table tbody tr:nth-child(n+4),
#raportGA #browserSize-tabela table tbody tr:nth-child(n+8),
#raportGA #browser-tabela table tbody tr:nth-child(n+6),
#raportGA #devicesModel-tabela table tbody tr:nth-child(n+8),
#raportGA #sessionsSwiat-tabela table tbody tr:nth-child(n+8),
#raportGA #sessionsPolska-tabela table tbody tr:nth-child(n+8) {display:none;}   
                        

#raportGA #devices-tabela table {margin-bottom:15px;}
#raportGA #devices-tabela table th {font-size: 12px; line-height: 1em; vertical-align: middle;}
#raportGA #devices-tabela table td {font-size: 12px;}
                        