/*
 * This file has CSS in it which is either:
 * 
 * 1) New CSS that needs integrating into dashboard.css
 * or
 * 2) CSS being used temporarily by the developer, that should be left
 * 
 * The purpose is to allow designers to work on changing dashboard.css, without conflicting with developers who are adding new CSS.
 * 
 * Designers should remove content from this file (via commenting it out, so that it's clear what has happened) and adding it to dashboard.css
 */

#updraftcentral_dashboard a, #updraftcentral_modal .modal-content a {
	color: #0275d8;
	text-decoration: none;
}

#updraftcentral_dashboard a:visited, #updraftcentral_modal .modal-content a:visited {
	color: #0275d8;
	text-decoration: none;
}

#updraftcentral_dashboard a:hover, #updraftcentral_modal .modal-content a:hover {
	color: #014c8c;
	text-decoration: underline;
}

.entry-content .updraftcentral_table {
	width: 100%;
	border: none;
}
.entry-content .updraftcentral_table .tr {
	overflow-y: auto;
	border:none;
}
.entry-content .updraftcentral_table th,
.entry-content .updraftcentral_table td {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 8px;
}
.updraftcentral_table th {
	white-space: nowrap;
}
.updraftcentral_table th:last-child {
	width: 100%;
}
.updraftcentral_table .row_label {
display: none;
}
@media (max-width: 768px) {
	.entry-content .updraftcentral_table {
		width: 100%;
	}
	.entry-content .updraftcentral_table th {
		display: none;
	}
	.entry-content #updraftcentral_dashboard .updraftcentral_table td {
		display: block;
		border: none;
		padding:4px;
	}
	.entry-content #updraftcentral_dashboard .updraftcentral_table td:last-child {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding-bottom: 8px;
	}
	.entry-content .updraftcentral_table .row_label {
		color: grey;
		font-weight: 300;
		font-size: 0.8rem;
		display: initial;
	}
}

.updraftcentral_paginator .page_active{
	color:black;
}
.updraftcentral_paginator .disabled{
	color:grey;
}
.updraftcentral_dashboard .updraftcentral_paginator ul li {
	display: inline-block;
}

/* If the spinner is attached to a modal element, then really put it there (instead of the default centre-screen) */
#updraftcentral_modal .updraftcentral_spinner {
	position: relative;
	top: 0px;
	left: 0px;
}

#updraftcentral_modal #connection-test-results .connection-test-failed {
	color: red;
}

#updraftcentral_modal #connection-test-results .connection-test-succeeded {
	color: green;
}

#updraftcentral_modal p {
	clear: left;
}

#updraftcentral_modal a:hover {
	cursor: pointer;
}

#updraftcentral_modal #connection-test-results {
	padding: 20px 24px 0;
}

#updraftcentral_modal .connection-test-header:first-of-type {
	font-weight: bold;
}

#updraftcentral_modal .connection-test-title {
	float: left;
	clear: left;
	width: 45%;
}

#updraftcentral_modal .connection-test-result {
	width: 55%;
	float: left;
	padding-bottom: 18px;
}

/* This is only shown when editing existing sites, not when adding new */
#updraftcentral_modal .updraftcentral_addsite_expertoptions #updraftcentral_test_other_connection_methods_section {
	display: none;	
}