/*! 
 * Copyright 2020 Luigi Cavalieri.
 * @license GPL v3.0 (https://opensource.org/licenses/GPL-3.0).
 * *************************************************************** */



/****** Globals ******/

select:disabled {
	color: #7f7f7f;
}

input.sitetree-medium-text {
	width: 150px;
}

.sitetree-self-clear:after {
	clear: both;
	content: "";
    display: block;
}


/****** Settings Form ******/

h2 {
	border-top: #ddd 1px solid;
	margin: 1.2em 0 0;
	padding: 1.2em 0 0.2em;
}
h2:first-of-type {
	border-top: none;
	margin: 0;
	}


/****** Dashboard Globals ******/

#sitetree-dashboard-wrapper {
	margin-top: 30px;
	width: 1100px;
}	

#sitetree-dashboard {
	float: left;
	width: 75%;
	}
	#sitetree-dashboard form {
		min-height: 200px;
	}
	#sitetree-dashboard th {
		color: #333;
		font-size: 14px;
		font-weight: 400;
		line-height: 28px;
		width: 350px;
	}
	#sitetree-dashboard th,
	#sitetree-dashboard td {
		padding: 10px 15px;
	}
	#sitetree-dashboard select {
		border-color: #ccd0d4;
	}
	#sitetree-dashboard select:focus {
		border-color: #007cba;
		box-shadow: none;
	}
	#sitetree-dashboard fieldset {
		background: #f7f7f7;
		border: 1px solid #ccd0d4;
		border-radius: 4px;
		font-size: 13px;
		height: 75px;
		overflow-y: auto;
		padding: 7px 15px;
		width: 250px;
	}
				

/****** Dashboard Toolbars ******/

.sitetree-toolbar {
	background: #fff;
	border: 1px solid #ccd0d4;
	border-radius: 7px;
	font-size: 12px;
	height: 3em;
	line-height: 3em;
	margin-bottom: 20px;
	text-align: right;
	}
	.sitetree-toolbar span {
		color: #333;
		font-size: 15px;
		font-weight: 300;
		float: left;
		line-height: inherit;
		margin-left: 15px;
	}
	.sitetree-toolbar:hover .sitetree-hidden-tb-btn {
		display: inline;
	}
	
.sitetree-aux-tb-btn {
	color: #555;
	display: inline-block;
	line-height: 1;
	margin: 1.08em 0.8em 0;
	padding: 0;
	text-decoration: none;
}
.sitetree-aux-tb-btn:hover,
.sitetree-aux-tb-btn:active,
.sitetree-aux-tb-btn:focus {
	box-shadow: none;
	color: #333;
	text-decoration: underline;
	outline: none;
}

.sitetree-tb-btn {
	background: #f3f5f6;
	border: none;
	border-left: 1px solid #ccd0d4;
	color: #555;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: inherit;
	line-height: 2.92em;
	padding: 1px 10px 0;
	text-decoration: none;
}
.sitetree-tb-btn:hover,
.sitetree-tb-btn:focus,
.sitetree-tb-btn:active {
	background: #e3e5e6;
	box-shadow: none;
	color: #333;
	outline: none;
}

.sitetree-tb-btn-disabled,
.sitetree-primary-tb-btn:disabled {
	background: #eee;
	border-color: #ccd0d4;
	box-shadow: none;
	color: #aaa;
	cursor: default;
	pointer-events: none;
}

.sitetree-hidden-tb-btn {
	display: none;
}

.sitetree-corner-tb-btn {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.sitetree-primary-tb-btn {
	background-color: rgba( 0, 113, 161, 0.15 );
	color: #0071a1;
	margin: 0;
}
.sitetree-primary-tb-btn:hover,
.sitetree-primary-tb-btn:active,
.sitetree-primary-tb-btn:focus {
	background-color: rgba( 0, 113, 161, 0.2 );
	color: #016087;
}

.sitetree-rebuild-btn {
	background: rgba( 20, 140, 0, 0.15 );
	color: #148c00;
}
.sitetree-rebuild-btn:hover,
.sitetree-rebuild-btn:focus,
.sitetree-rebuild-btn:active {
	background: rgba( 20, 140, 0, 0.2 );
	color: #127b00;
}

.sitetree-disable-tb-btn {
	background: none;
	border: none;
	color: #b83e16;
	cursor: pointer;
	font-size: inherit;
}
.sitetree-disable-tb-btn:hover,
.sitetree-disable-tb-btn:active {
	color: #ff0000;
}


/****** Pinging Interface ******/   

#sitetree-ping {
    background: #ccc;
    border-radius: 6px;
    display: inline-block;
    float: left;
    height: 12px;
    margin: 14px 0 0 10px;
    position: relative;
    width: 12px;
}
#sitetree-ping.sitetree-automatic-pinging-off {
    background: #008bc7; /* rgb(67, 170, 36) */
}
#sitetree-ping.sitetree-automatic-pinging-on {
    background: #43aa24;
}
#sitetree-ping.sitetree-ping-notice {
    background: #c99800;
}
#sitetree-ping.sitetree-ping-failed {
    background: #d53400;
    }
    #sitetree-ping:hover #sitetree-ping-info {
        display: block;
    }

.sitetree-pinging-idle::before {
    background: #fff;
    border-radius: 3px;
    content: "";
    display: block;
    height: 6px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 6px;
}

#sitetree-ping-info {
    background: #fefefe;
    border: #ccc 2px solid;
    border-radius: 10px;
    border-top-width: 25px;
    box-shadow: 0 1px 6px rgba( 0, 0, 0, 0.3 );
    box-sizing: border-box;
    display: none;
    font-size: 11px;
    font-weight: 500;
    left: 50%;
    margin-left: -72px;
    padding: 0 15px 10px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 350px;
}
#sitetree-ping-info::before,
#sitetree-ping-info::after {
    content: "";
    display: block;
    left: 70px; /* = - #sitetree-ping-info margin-left + #sitetree-ping-info border */
    position: absolute;
}
#sitetree-ping-info::before {
    border-bottom: #ddd 11px solid;
    border-left: transparent 22px solid;
    border-right: transparent 22px solid;
    margin-left: -22px;
    top: -36px; /* border-bottom width + parent border-top width */
}
#sitetree-ping-info::after {
    border-bottom: #ccc 10px solid;
    border-left: transparent 20px solid;
    border-right: transparent 20px solid;
    margin-left: -20px;
    top: -35px; /* ::before top - 1 */
}
#sitetree-ping-info.sitetree-automatic-pinging-off {
    border-color: #008bc7;
}
#sitetree-ping-info.sitetree-automatic-pinging-off::after {
    border-bottom-color: #008bc7;
}
#sitetree-ping-info.sitetree-automatic-pinging-on {
    border-color: #43aa24;
}
#sitetree-ping-info.sitetree-automatic-pinging-on::after {
    border-bottom-color: #43aa24;
}
#sitetree-ping-info.sitetree-ping-notice {
    border-color: #d5a100;
}
#sitetree-ping-info.sitetree-ping-notice::after {
    border-bottom-color: #d5a100;
}
#sitetree-ping-info.sitetree-ping-failed {
    border-color: #d53400;
}
#sitetree-ping-info.sitetree-ping-failed::after {
    border-bottom-color: #d53400;
    }
    #sitetree-ping-info #sitetree-automatic-pinging-status {
        color: #fff;
        font-size: inherit;
        font-weight: 600;
        line-height: 25px;
        margin: -25px 0 0;
    }

#sitetree-ping-status-msg {
    color: #444;
    font-size: 13px;
    font-weight: 400;
    margin: 10px 0 0; 
    text-align: left;
    }
    #sitetree-ping-status-msg time {
        font-style: italic;
    }

#sitetree-ping-details {
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    text-align: left;
}
#sitetree-ping-details summary {
    color: #555;
    outline: none;
}

#sitetree-ping-details-body {
    background: #f1f1f1;
    margin: 0;
    padding: 0 7px;
}
#sitetree-ping-details-body li {
    font-size: inherit;
    line-height: 26px;
    margin: 0;
}
#sitetree-ping-details-body li:first-of-type {
    border-bottom: #ddd 1px solid;
}
#sitetree-ping-details-body time {
    float: right;
}

#sitetree-time-to-next-ping {
    border-top: #ccc 1px solid;
    font-size: inherit;
    font-weight: 500;
    margin: 20px 0 0;
    padding-top: 10px;
}

#sitetree-ping-btn {
    background: #3f3f3f;
    border-radius: 11px;
    color: #fafafa;
    display: inline-block;
    line-height: 22px;
    margin: 20px auto 0;
    padding: 0 15px;
    text-decoration: none;
}
#sitetree-ping-btn:hover,
#sitetree-ping-btn:focus {
    background: #5f5f5f;
    box-shadow: none;
}


/****** Dashboard Stats ******/
		
.sitetree-stats {
	margin: 0;
	padding: 0 15px;
	}	
	.sitetree-stats li {
		color: #999;
		float: left;
		margin: 0;
		width: 25%;
	}

.sitetree-five-stats li {
	width: 20%;
}
		
.sitetree-stat-container {
	border-left: 1px solid #ccd0d4;
	padding: 10px 0 20px 20px;
	}
	
	
.sitetree-stat {
	color: #333;
	font-size: 17px;
	line-height: 20px;
	margin-top: 4px;
}

.sitetree-new-stat {
	color: #008200;
}

.sitetree-stat-with-tooltip-container {
	margin-top: 0;
}

.sitetree-stat-with-tooltip:hover {
	cursor: help;
}
.sitetree-stat-with-tooltip::after {
	color: #999;
	content: "+";
	font-size: 12px;
	vertical-align: super;
}

.sitetree-last-stat {
	border-right: 1px solid #ccd0d4;
	}
	.sitetree-last-stat .sitetree-stat {
		color: #000;
	}
	.sitetree-last-stat .sitetree-new-stat {
		color: #008200;
	}
	.sitetree-last-stat .sitetree-stat {
		font-size: 14px;
	}
	
.sitetree-stat-limit {
	border-bottom: #dd0000 1px solid;
	color: #dd0000;
	cursor: default;
	display: inline-block;
	padding-bottom: 1px;
	position: relative;
}
.sitetree-stat-limit:hover {
	border: none;
	}
	.sitetree-stat-limit:hover .sitetree-stat-limit-msg {
		display: block;
	}

.sitetree-stat-limit-msg {
	background: #fff;
	border: #ccc 1px solid;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	color: #333;
	display: none;
	font: 11px/18px sans-serif;
	left: 50%;
	margin-left: -31px; /* - ( ::before/::after left value + 1 ) */
	padding: 8px 12px;
	position: absolute;
	text-align: left;
	top: 27px;
	width: 200px;
}
.sitetree-stat-limit-msg::before,
.sitetree-stat-limit-msg::after {
	content: '';
	display: block;
	left: 30px;
	position: absolute;
}
.sitetree-stat-limit-msg::before {
	border-bottom: #ccc 7px solid;
	border-left: transparent 14px solid;
	border-right: transparent 14px solid;
	margin-left: -14px;
	top: -7px;	
}
.sitetree-stat-limit-msg::after {
	border-bottom: #fff 6px solid;
	border-left: transparent 12px solid;
	border-right: transparent 12px solid;
	margin-left: -12px;
	top: -6px;
	}


/****** Sidebar ******/

#sitetree-sidebar {
	border: 1px solid #ccd0d4;
	border-bottom-width: 3px;
	border-top-width: 3px;
	border-radius: 7px;
	box-sizing: border-box;
	float:right;
	padding: 20px;
	text-align: center;
	width: 180px;
	}
	#sitetree-sidebar h3 {
		font-size: 16px;
		line-height: 1.3em;
		margin: 1.5em 0 0.7em;
	}
	#sitetree-sidebar h3:first-of-type {
		margin-top: 0;
	}
	#sitetree-sidebar p {
		margin: 0;
	}