/*! 
 * 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: 1000px;
}	

#sitetree-dashboard {
	float: left;
	width: 70%;
	}
	#sitetree-dashboard form {
        margin-bottom: 50px;
    }
	#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,
    #sitetree-dashboard input[type=text] {
        border-color: #ccd0d4;
    }
    #sitetree-dashboard select:focus,
    #sitetree-dashboard input[type=text]:focus {
        border-color: #007cba;
        box-shadow: none;
    }
    #sitetree-dashboard fieldset {
        background: #f7f7f7;
        border: 1px solid #ccd0d4;
        border-radius: 4px;
        font-size: 13px;
        max-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:hover .sitetree-ping-bubble {
        display: block;
    }

.sitetree-automatic-pinging-off {
    background: #008bc7; /* rgb(67, 170, 36) */
}

.sitetree-automatic-pinging-on {
    background: #43aa24;
}

.sitetree-ping-notice {
    background: #c99800;
}

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

.sitetree-ping-bubble {
    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-bubble::before,
.sitetree-ping-bubble::after {
    content: "";
    display: block;
    left: 70px; /* = - .sitetree-ping-bubble margin-left + .sitetree-ping-bubble border */
    position: absolute;
}
.sitetree-ping-bubble::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-bubble::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-automatic-pinging-off {
    border-color: #008bc7;
}
.sitetree-automatic-pinging-off::after {
    border-bottom-color: #008bc7;
}

.sitetree-automatic-pinging-on {
    border-color: #43aa24;
}
.sitetree-automatic-pinging-on::after {
    border-bottom-color: #43aa24;
}

.sitetree-ping-notice {
    border-color: #d5a100;
}
.sitetree-ping-notice::after {
    border-bottom-color: #d5a100;
}

.sitetree-ping-failed {
    border-color: #d53400;
}
.sitetree-ping-failed::after {
    border-bottom-color: #d53400;
}

.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-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: #1f1f1f;
    box-shadow: none;
    color: #fff;
}


/****** Dashboard Stats ******/
		
.sitetree-stats {
    color: #999;
    padding: 0 15px;
}

.sitetree-stats-list {
    margin: 0;
    }   
    .sitetree-stats-list li {
        float: left;
        margin: 0;
        width: 25%;
    }

.sitetree-3-stats li {
    width: 33.3%;
}
		
.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-last-stat {
    border-right: 1px solid #ccd0d4;
}

.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-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;
	}

.sitetree-stats-freshness {
    font-size: 10px;
    margin: 15px 0 0;
}


/****** 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;
	}