/**
 * Admin CSS.
 *
 * @package    jgwa_website_analytics
 * @subpackage jgwa_website_analytics/admin/css
 * @author     Jumping Giraffe Ltd
 */
*/
.JG_website_analytics .jg_admin_container {
	
	color: #212121;
	line-height: 1.2em;
	font-size: 20px;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
    font-family: -apple-system, sans-serif;	
}

@supports (display: grid) {

	.JG_website_analytics .jg_admin_container .container4 {display: grid; grid-template-columns: repeat(4, 1fr);}
	.JG_website_analytics .jg_admin_container .container12 {display: grid; grid-template-columns: repeat(12, 1fr);}
	.JG_website_analytics .jg_admin_container .container13 {display: grid; grid-template-columns: repeat(13, 1fr);}
	.JG_website_analytics .jg_admin_container .container_equal3 {display: grid; grid-template-columns: repeat(3, 1fr);}
	
	.JG_website_analytics .jg_admin_container hr {grid-column: 1 / 13; margin: 20px 0 10px; width: 100%;}
	.JG_website_analytics .jg_admin_container .full_width {grid-column: 1 / -1;}
	.JG_website_analytics .jg_admin_container .full_half1 {grid-column: 1 / 7;}
	.JG_website_analytics .jg_admin_container .full_half2 {grid-column: 7 / 13;}
	.JG_website_analytics .jg_admin_container .sub_button .last {grid-column: -2 / -1; }
	.JG_website_analytics .jg_admin_container .container4 .half1 {grid-column: 2 / 3;}
	.JG_website_analytics .jg_admin_container .container4 .half2 {grid-column: 3 / 4;}
	.JG_website_analytics .jg_admin_container .container12 .half1 {grid-column: 2 / 7; text-align: center; padding-right: 2%;}
	.JG_website_analytics .jg_admin_container .container12 .half1 img {max-width: 100%; position: relative; top: 50%; transform: translateY(-50%);}
	.JG_website_analytics .jg_admin_container .container12 .half1 p {text-align: justify;}
	.JG_website_analytics .jg_admin_container .container12 .half2 {grid-column: 7 / 12; padding-left: 2%;}
	.JG_website_analytics .jg_admin_container .container12 .chosen-container {grid-column: 7 / 12; width: 100% !important;}
	
	.JG_website_analytics .jg_admin_container .container12 .mt-2 {grid-column: 7 / 12;}/*Multi select*/
	
	.JG_website_analytics .jg_admin_container .container12 .half2 img {max-width: 100%; position: relative; top: 50%; transform: translateY(-50%);}
	.JG_website_analytics .jg_admin_container .container12 .half2 p {text-align: justify;}
	.JG_website_analytics .jg_admin_container .container12 .half2.colour {width: 100px; height: 50px; border: unset;}
	.JG_website_analytics .jg_admin_container .container12 .centre {grid-column: 3 / -3;}
	.JG_website_analytics .jg_admin_container .container12 .centre img {max-width: 100%; position: relative; top: 50%; transform: translateY(-50%);}
	
	.JG_website_analytics .jg_admin_container .admin_header_logo {grid-column: 1 / 4;}
	.JG_website_analytics .jg_admin_container .admin_header_pluginName {grid-column: 4 / 13; font-size: 1.3em; align-items: center; display: flex;}
	.JG_website_analytics .jg_admin_container .admin_panel h1, .JG_website_analytics .jg_admin_container .admin_panel h2, .JG_website_analytics .jg_admin_container .admin_panel h3 {grid-column: 1 / 13; text-align: center; font-weight: 100; color: #212121; font-size: 26px;}
	.JG_website_analytics .jg_admin_container .admin_panel {grid-column: 1 / 13; }
	.JG_website_analytics .jg_admin_container .admin_panel form label {grid-column: 1 / 5; margin-bottom: 20px; cursor: initial;}
	.JG_website_analytics .jg_admin_container .admin_panel form input, .JG_website_analytics .jg_admin_container .admin_panel form textarea, .JG_website_analytics .jg_admin_container .admin_panel form .tox {grid-column: 7 / 12; margin-bottom: 20px; font-size: 20px;}/*tox = wysiwyg*/
	.JG_website_analytics .jg_admin_container .admin_panel form .admin_form_small {grid-column: 7 / 8; height: 42px;}
	.JG_website_analytics .jg_admin_container .admin_panel form input[type=checkbox] {margin: 0 auto; grid-column: 7 / 8; width: 1.5rem; height: 1.5rem;}
	.JG_website_analytics .jg_admin_container .admin_panel form input[type=checkbox]::before {width: 1.5rem; height: 1.5rem; margin: -0.06rem 0 0 -0.06rem;}
	.JG_website_analytics .jg_admin_container .admin_form_desc {grid-column: 8 / 13; padding-left: 10px; margin-bottom: 20px; line-height: 1;}
	.JG_website_analytics .jg_admin_container #setting-error-settings-updated {grid-column: 1 / 13; background-color: #368B38; color: #fff; border: unset;}
	.JG_website_analytics .jg_admin_container .notice-dismiss {color: #fff;}
	.JG_website_analytics .jg_admin_container .span1 {grid-column: span 1;}
	.JG_website_analytics .jg_admin_container .span2 {grid-column: span 2;}
	.JG_website_analytics .jg_admin_container .span3 {grid-column: span 3;}
	.JG_website_analytics .jg_admin_container .span4 {grid-column: span 4;}
	.JG_website_analytics .jg_admin_container .🦒_version {font-size: 0.7rem; grid-column: 12 / 13; text-align: right;}
	
	.🦒_admin_left {grid-column: 1 / 4; margin-right: 10px;}
	.🦒_admin_live {grid-column: 1 / 13;}
	.🦒_admin_stats {grid-column: 1 / 13;}
	.🦒_admin_right {grid-column: 4 / 13;}
	.🦒_admin_totals {grid-column: 1 / 13;}
	.🦒_admin_graph {grid-column: 1 / 13;}
	.🦒_admin_pages {grid-column: 1 / 9; margin-right: 10px;}
	.🦒_admin_pages_col1 {grid-column: 1 / 12; margin-right: 10px;}
	.🦒_admin_pages_col2 {grid-column: 12 / 13; text-align: center;}
	.🦒_admin_referrer {grid-column: 9 / 13;}
	.🦒_admin_country {grid-column: 1 / 5; margin-right: 10px;}
	.🦒_admin_device {grid-column: 5 / 9; margin-right: 10px;}
	.🦒_admin_browser {grid-column: 9 / 13;}
	.🦒_admin_info {grid-column: 1 / 13;}
	#🦒_website_analytics_table thead {line-height: 18px; width: 100% !important;}
	
}
.JG_website_analytics .jg_admin_container .admin_panel .grid_tabl {padding: 5px 3%; text-align: center;}
.JG_website_analytics .jg_admin_container .admin_panel .cell {border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; word-break: break-word;}

/*TEMP future function */
.🦒_admin_left{display:none !important;}
.🦒_admin_right {grid-column: 1 / 13 !important;}
.🦒_admin_pages {grid-column: 1 / 13; margin-right: 0;}
.🦒_admin_referrer {grid-column: 1 / 13;}


.JG_website_analytics #wpcontent {background: #fff0dd;}
.JG_website_analytics .jg_admin_container .saved_messages {font-size: 14px;}
.JG_website_analytics .jg_admin_container .center {text-align: center;}
.JG_website_analytics .jg_admin_container .shadow_box {background-color: #fff; padding: 10px; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 5px 20px 0 rgb(0 0 0 / 20%); border: 1px solid #ccc7c7; margin-bottom: 30px;}
.JG_website_analytics .jg_admin_container .shadow_tab {background-color: #fff; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 5px 20px 0 rgb(0 0 0 / 20%); border: 1px solid #ccc7c7; border-bottom: none; width: fit-content;}
.JG_website_analytics .admin_panel h2, .jg_admin_container .admin_panel h3 {font-size: 1.1em; text-align: left;}

/*Buttons*/
.JG_website_analytics .jg_admin_container .admin_panel .🦒_button {position: absolute; color: #fe7404; padding: 5px 10px; text-decoration: auto; width: fit-content; height: fit-content;}
.JG_website_analytics .jg_admin_container .admin_panel .🦒_button:hover {color: #fff; background-color: #fe7404; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 5px 20px 0 rgb(0 0 0 / 20%);}
.🦒_button_container a[target="_blank"] {position: relative;}
.🦒_button_container a[target="_blank"]:after {
     position: absolute;
     top: 3px;
     right: -15px;
     content: "\1f855";
     font-size: 13px;
     color: #fe7404;
     line-height: 3px;
     height: 5px;
     width: 5px;
     border-right: 2px solid white;
     border-top: 2px solid white;
}
.🦒_button_container a[target="_blank"]:before {
     position: absolute;
     top: 4px;
     right: -15px;
     content: " ";
     border: 1px solid #fe7404;
     width: 10px;
     height: 10px;
}

/* Top Tabs*/
.🦒_monitor_product_updates_tab {overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
.🦒_monitor_product_updates_tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  font-weight: 400;
}
.🦒_monitor_product_updates_tab button:hover {background-color: #fff0dd;}
.🦒_monitor_product_updates_tab button.active {background-color: #fe7404; color:#fff;}
.🦒_monitor_product_updates_tab button:hover {background-color: #fff0dd;}
.🦒_monitor_product_updates_tab button.active {background-color: #fe7404; color:#fff;}
.JG_tabcontent {display: none; -webkit-animation: fadeEffect 0.4s; animation: fadeEffect 0.4s;}
@-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
@keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }

.JG_website_analytics .jg_admin_container .admin_panel form input {text-align: center; font-size: inherit;}
.JG_website_analytics .jg_admin_container .admin_panel form select {font-size: inherit; max-width: 100%;}
.JG_website_analytics .jg_admin_container .admin_panel form input[type="radio" i] {text-align: right;}
.JG_website_analytics .jg_admin_container .admin_panel form textarea {}
.JG_website_analytics .jg_admin_container .admin_panel form .admin_form_group {width: 70%; margin: 30px auto;}
.JG_website_analytics .jg_admin_container #setting-error-settings-updated strong {font-weight: 100;}
.JG_website_analytics .jg_admin_container .admin_panel .saved_buttons {border: unset; background-color: unset; cursor: pointer;}
.JG_website_analytics .jg_admin_container .admin_panel .text_align {height: 42px; text-align: center;}
.JG_website_analytics .jg_admin_container .admin_panel .grid_table {padding: 5px 3%; line-height: 1.2em; font-size: 16px;}
.JG_website_analytics .jg_admin_container .admin_panel .form_radio {margin: unset;}
.JG_website_analytics .jg_admin_container .admin_panel input[type='radio'] {height: 20px; width: 20px; top: 13px; position: relative;}
.JG_website_analytics .jg_admin_container .admin_panel input[type='radio']:checked:before {
    width: 14px;
    height: 14px;
    border-radius: 15px;
    top: 0px;
    left: 0px;
    position: relative;
    background-color: #fe7404;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #D5D5D5;
    margin: unset;
}
.JG_website_analytics .jg_admin_container .admin_panel input[type='radio']:focus {border-color: #fe7404; box-shadow: 0 0 0 1px #fe7404;}
.JG_website_analytics .jg_admin_container .admin_panel .form_head {line-height: 18px;}

.JG_website_analytics .jg_admin_container .admin_panel .types {margin-top: 30px;}
.notice {display:none;}

.🦒_icon_20 {position: relative; top: 2px;}

.JG_website_analytics .jg_admin_container .admin_panel form .tox {height: 250px !important;}/*tox = wysiwyg*/

/* Table */
.JG_website_analytics .jg_admin_container .🦒_admin_totals_cell {text-align: center;}
.JG_website_analytics .jg_admin_container .🦒_admin_totals_live_cell_left {padding-right: 10px; border-right: 1px solid #a59f9f;}
.JG_website_analytics .jg_admin_container .🦒_admin_totals_live_cell_right {padding-left: 10px;}
.JG_website_analytics .jg_admin_container .🦒_admin_totals_cell span {font-size: 30px;}
.JG_website_analytics .jg_admin_container .🦒_admin_totals_cell p {font-size: 10px; margin: 0;}
.JG_website_analytics .jg_admin_container .🦒_admin_totals_cell #urls li, .JG_website_analytics .jg_admin_container .🦒_admin_totals_cell #referrers li {font-size: 0.8rem;; list-style-type: none; margin: 0; padding: 0; text-align: left; word-wrap: break-word;}
.JG_website_analytics .jg_admin_container .dataTable {font-size: 0.8rem;}
.JG_website_analytics .jg_admin_container .dataTable .change_bg {background-color: #fff0dd !important; font-weight: 400;}
.JG_website_analytics .jg_admin_container .dataTable .odd {background-color: #f2f2f2; font-weight: 400;}
.JG_website_analytics .jg_admin_container .dataTable .even {font-weight: 400;}
.JG_website_analytics .jg_admin_container .dataTables_wrapper .dataTables_length {display: none;}
.JG_website_analytics .jg_admin_container #🦒_website_analytics_table_wrapper .dt-input {width: 80px;}
.JG_website_analytics .jg_admin_container #🦒_website_analytics_table_wrapper table td {word-break: break-all;}

/* Chart */
.JG_website_analytics .jg_admin_container #admin_graph {min-height: 400px;}

@media (max-width: 960px) {

	.JG_website_analytics .jg_admin_container .admin_panel form input, .JG_website_analytics .jg_admin_container .admin_panel form textarea {grid-column: 6 / 13;}
	.JG_website_analytics .jg_admin_container .admin_panel form .admin_form_small {grid-column: 10 / 13;}
	.JG_website_analytics .jg_admin_container .admin_panel form label, .JG_website_analytics .jg_admin_container .admin_panel form input {margin-bottom: unset;}
	.JG_website_analytics .jg_admin_container .admin_form_desc {grid-column: 1 / 13;}

}
@media (max-width: 768px) {
}
@media (max-width: 644px) {
	
	@supports (display: grid) {
		.JG_website_analytics .jg_admin_container .container4 .half1 {grid-column: 1 / 3;}
		.JG_website_analytics .jg_admin_container .container4 .half2 {grid-column: 3 / 5;}
		.JG_website_analytics .jg_admin_container .container12 .half1 {grid-column: 1 / 13; padding-right: 0;}
		.JG_website_analytics .jg_admin_container .container12 .half2 {grid-column: 1 / 13; width: 100%;}
		.JG_website_analytics .jg_admin_container .container12 .full_half1 {grid-column: 1 / 13; width: 100%;}
		.JG_website_analytics .jg_admin_container .container12.🦒_admin_totals  .full_half2 {display: none;}
		.JG_website_analytics .jg_admin_container .admin_panel .form_radio {grid-column: 1 / 9; padding-right: 2%;}
		.JG_website_analytics .jg_admin_container .admin_panel input[type='radio'] {grid-column: 9 / 12; padding-left: 2%;}
		.JG_website_analytics .jg_admin_container .container12 .🦒_admin_country, .JG_website_analytics .jg_admin_container .container12 .🦒_admin_device, .JG_website_analytics .jg_admin_container .container12 .🦒_admin_browser {grid-column: 1 / 13;}
		.JG_website_analytics .jg_admin_container .admin_panel form input, .JG_website_analytics .jg_admin_container .admin_panel form textarea, .JG_website_analytics .jg_admin_container .admin_panel form .tox {grid-column: 1 / 13;}/*tox = wysiwyg*/
	}
	.JG_website_analytics .jg_admin_container .noMob {display: none;}
	.JG_website_analytics .jg_admin_container .admin_header_logo img {width: 50px; height: 50px;}
	.JG_website_analytics .jg_admin_container, .JG_website_analytics .jg_admin_container .admin_panel h1, .JG_website_analytics .jg_admin_container .admin_panel h2, .JG_website_analytics .jg_admin_container .admin_panel h3 {font-weight: 400; color: #626262;}
	.JG_website_analytics .jg_admin_container .container12 .half2.colour {width: 100%; height: 90px; padding-left: 0;}
	.JG_website_analytics .jg_admin_container .admin_panel .saved_buttons {width: 100%; padding-bottom: 10px;}
	.JG_website_analytics .jg_admin_container table.dataTable, .JG_website_analytics .jg_admin_container table.dataTable thead th {width: 100% !important;}


}
@media (max-width: 480px) {
}
@media (max-width: 360px) {
}