.dashboard-site { border: 1px solid #DDD; margin-bottom: 10px; background: #eee; }
.dashboard-site .site-header {
    background: #eee;
    background: -ms-linear-gradient(bottom,#eee,#fff);
    background: -moz-linear-gradient(bottom,#eee,#fff);
    background: -o-linear-gradient(bottom,#eee,#fff);
    background: -webkit-gradient(linear,left bottom,left top,from(#eee),to(#fff));
    background: -webkit-linear-gradient(bottom,#eee,#fff);
    background: linear-gradient(bottom,#eee,#fff);
    min-height: 74px;
}
.dashboard-site .site-icon { background: url(../images/icons_large.png) no-repeat; float: left; height: 48px; margin: 2px 4px; width: 48px; }
.dashboard-site .site-icon-status1 { background-position: -48px 0px; }
.dashboard-site .site-icon-status2 { background-position: -96px 0px; }
.dashboard-site .site-title { color: #222222; font-size: 16px; font-weight: bold; padding: 6px 10px 0px 60px; }
.dashboard-site .site-links { color: #2a2a2a; font-size: 12px; padding: 0px 10px 0px 60px; }
.dashboard-site .site-links ul { display: inline-block; list-style: none; margin: 0; padding: 0; }
.dashboard-site .site-links li { display: inline-block; }
.dashboard-site .site-links li:after { content: ' | '; }
.dashboard-site .site-links li:last-child:after { content: ''; }
.dashboard-site .site-details-toggle, .dashboard-site .site-details-toggle:active { background: url('../images/btn_details.png') 0px -52px; display: block; float: right; font-size: 14px; height: 26px; margin: 10px 0px 10px 10px; width: 75px; padding: 3px 0 0 7px; box-sizing: border-box; }
.dashboard-site .site-details-toggle:hover { background-position: 0px -78px; }
.dashboard-site .site-details-toggle.closed { background-position: 0px 0px; }
.dashboard-site .site-details-toggle.closed:hover { background-position: 0px -26px; }
.dashboard-site .site-details { box-shadow: inset 0px 7px 10px 0px #e0e0e0; display: none; font-size: 13px; padding: 20px 0px 15px 0px; -webkit-box-shadow: inset 0px 7px 10px 0px #e0e0e0; }
.dashboard-site .site-details-table { float: left; padding: 0px 20px; }

.button-see-all-sites { display: inline-block; border: 0; box-shadow: unset; height: 25px; border-radius: 7px 1px 1px 1px; background: rgb(239,239,239); background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 0%, rgba(202,202,202,1) 100%); font-weight: bold; line-height: 25px; padding-left: 10px; padding-right: 30px; font-size: 12px; }
.button-see-all-sites:after { position: absolute; font-size: 1.2em; padding-left: 4px; margin-left: 8px; padding-right: 4px; line-height: 25px; font-family: "dashicons"; content: "\f345"; color: #fff; background: #007fc3; border-radius: 0 1px 1px 0; }
.button-see-all-sites:hover:after { background: #3ab2ff; }

.campus-dashboard-widget-box-content.recent-sites-content .dashboard-site .progress-container { height: 20px; width: calc(100% - 20px); margin: 0 10px; overflow: hidden; border: 1px solid #ccc; font-size: 12px; line-height: 19px; }
.campus-dashboard-widget-box-content.recent-sites-content .dashboard-site .progress-container .static { background: #0083c0; color: #fff; text-align: center; width: 100%; }
.campus-dashboard-widget-box-content.recent-sites-content .dashboard-site .progress-container .dynamic { background: #fff; color: #222; text-align: center; margin-top: -20px; overflow: hidden; }

.campus-widgets-load-data {
    display: block;
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 0 5px #ccc;
}

.campus-widgets-load-data:hover {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: unset;
}