/**
 * Mimosa Networks, Inc. Confidential
 * Copyright © 2013 Mimosa Networks, Inc.
 * All rights reserved.
 * Notice: All information contained herein is, and remains the
 * property of Mimosa Networks, Inc. and its suppliers, if any.  The
 * intellectual and technical concepts contained herein are
 * proprietary to Mimosa Networks, Inc. and/or its suppliers, and may
 * be covered by U.S. and foreign patents or patents in process, and
 * are protected by trade secret or copyright law.  Dissemination of
 * this information or reproduction of this material is strictly
 * forbidden unless prior written permission is obtained from Mimosa
 * Networks, Inc.
 */

@charset "utf-8";

/*signal_meter*/
#SignalMeter{position:relative;padding:10px; padding-top: 17px; text-align:center;}
#SignalMeter .box{
	width: 100%;
	position: relative; 
	border: 1px solid #54585A;
	background: -moz-linear-gradient(left,  rgba(211,223,224,0.8) 0%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,0.8) 80%, rgba(211,223,224,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(211,223,224,0.8)), color-stop(20%,rgba(255,255,255,0.8)), color-stop(80%,rgba(255,255,255,0.8)), color-stop(100%,rgba(211,223,224,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(211,223,224,0.8) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,0.8) 80%,rgba(211,223,224,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(211,223,224,0.8) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,0.8) 80%,rgba(211,223,224,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(211,223,224,0.8) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,0.8) 80%,rgba(211,223,224,0.8) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(211,223,224,0.8) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,0.8) 80%,rgba(211,223,224,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd3dfe0', endColorstr='#ccd3dfe0',GradientType=1 ); /* IE6-9 */

}
#SignalMeter .box #dashboard_slider { 
	width: 100%;
	-webkit-transition: all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
}
#dashboard-signalmeter table td[colspan="2"] {
    text-align: center;
}
#dashboard-signalmeter table td[colspan="2"] a {
    margin: 15px 0;
}
#dashboard-signalmeter table tr:last-child td[colspan="2"] a {
    margin: 0px 0;
}
#SignalMeter .box #dashboard_slider {
    position: relative;
    z-index: 1;
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #c7c9c7;
}
#SignalMeter .box div.target {
	margin: 15px 0;
}
#SignalMeter .box canvas {
	position: absolute;
	top: 0;
	left: 0;
}

#SignalMeter .box div.target span.unit {
	color: #9EA2A2;
}
#SignalMeter .box #dashboard_slider img {
    height: 20px;
    width: 20px;
	position: absolute;
	z-index:5;
	left: calc(50% - 10px);
}

#SignalMeter .box .info {
    text-align: center;
	margin-bottom: 2em;
}
#SignalMeter .box div.strength strong {
    font-size: 2.2em;
}
#SignalMeter .box div.strength span {
    color: #9EA2A2;
    font-size: 2em;
}
#SignalMeter .box .rate em {
    display: block;
    font-size: 1.4em;
    font-style: normal;
}
#SignalMeter .box .strength {
	margin-bottom: 15px;
}
#SignalMeter .box .phy .rate {
    font-size: 14px;
    color: #9EA2A2;
}
#SignalMeter .box .phy p {
	color: #c7c9c7;
	font-size: 10px;
}
#SignalMeter .box .updating{top: 120px; position: absolute; width: 100%;font-size: 20px;}

/* result box for ping/traceroute */
.result_box { max-height: 200px; overflow-y: auto; }


/* error messages */
td[id^=field_] {position:relative;}
.mdata_error{ margin-left: 0; opacity: 1; color: #fff; background: #ff4500; border-radius: 3px; padding: 5px 10px; position: absolute; top:0px; left:200px; z-index:10; cursor:pointer; width: 200px;}
.mdata_error:hover{opacity: 0.7;}
/*.mdata_error:before { content: ""; display: block; border: 5px solid transparent; border-top-color: #ff4500; width: 0; height: 0; position: absolute; left: 7px; top: 26px; }*/


@media screen and (max-width: 1300px) {
    #SignalMeter .box .info { top: 78px; }
    #SignalMeter .box .info strong { font-size: 18px; }
    #SignalMeter .box .info > span { font-size: 15px; }
    #SignalMeter .box .info em { font-size: 17px; }
}

@media screen and (max-width: 1230px) {
    #SignalMeter .box .info { top: 78px; }
    #SignalMeter .box .info strong { font-size: 16px; }
    #SignalMeter .box .info > span { font-size: 14px; }
    #SignalMeter .box .info em { font-size: 16px; }
}

@media screen and (max-width: 1130px) {
    #SignalMeter .box .info { top: 81px; }
    #SignalMeter .box .info strong { font-size: 14px; }
    #SignalMeter .box .info > span { font-size: 12px; }
    #SignalMeter .box .info em { font-size: 14px; }
}
@media screen and (max-width: 1030px) {
    #SignalMeter .box .info { top: 84px; }
    #SignalMeter .box .info strong { font-size: 12px; }
    #SignalMeter .box .info > span { font-size: 10px; }
    #SignalMeter .box .info em { font-size: 12px; }
}
@media screen and (max-width: 930px) {
    #SignalMeter .box .info { top: 87px; }
    #SignalMeter .box .info strong { font-size: 10px; }
    #SignalMeter .box .info > span { font-size: 8px; }
    #SignalMeter .box .info em { font-size: 10px; }
}
@media screen and (max-width: 830px) {
    #SignalMeter .box .info { top: 90px; }
    #SignalMeter .box .info strong { font-size: 8px; }
    #SignalMeter .box .info > span { font-size: 6px; }
    #SignalMeter .box .info em { font-size: 8px; }
}

@media screen and (max-width: 768px) {
    #SignalMeter .box .info em {
        font-size: 1.4em;
    }
}