/** 
 * Mobile - Energy Center CSS Styling 
 * @copyright  2013 Autani Corp
**/

/*.ec-header{ height: 62px; border-bottom: 1px solid #E5E5E5; }*/
.ec-heading{ width: 100%; text-align: center; margin: 0.2em auto; font-weight: bold; }
.ec-sub-heading{ width: 100%; text-align: center; margin: 0px auto; font-size: 0.7em; }
.ec-footer{ text-align: center; margin: 0px auto; width:100%; font-size: 0.8em; }
.ec-center-text{margin:0px auto;text-align: center;}
.ec-login-content{max-width: 500px; width:80%; margin: 10px auto; background-color:#E5E5E5;}
.ec-login-title{ width: 100%; text-align: center; margin: 10px auto; font-weight: bold; }
.ec-logo{margin-left:10px; margin-top: 5px; margin-bottom: 0px; }

.ec-menu-icon-r{ position:absolute; top: 15px; right:18px; }
.ec-menu-icon-l{ position:absolute; top: 15px; left:8px; }

/** Controls background color on the error status count bubbles **/
.ui-li-count-error, ec-list-status-error{ background-color:red; background-image:none; }
.ui-li-count-warning, ec-list-status-warning{ background-color:yellow; background-image:none; }

.ui-icon-button-locked { background-image: url('<?php echo($url); ?>images/icons/leaving-door.png'); }

.ec-icon-value{ position: absolute; left: 10px; top: 40px; }
.ec-icon-wide-value{ position: absolute; left:0px; top: 40px; width: 36px; text-align: center;}

.ec-font-small { font-size: 0.5em; }
.ec-font-medium, .footer { font-size: 0.7em; }
.ec-font-normal { font-size: 0.9em; }
.ec-font-bold { font-weight: bold; font-size: 0.9em; }
.ec-text-ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ec-font-li-bold { font-weight: bold; font-size: 16px; }

.ec-error-text{ color: red; width: 100%; font-size: smaller; text-align: left; }
.ec-device-image {width:60px;height:60px;background-size:60px 60px}

.noscript-msg-box { font-weight: bold; text-align: center; padding: 10px; }

/** Support two count bubbles on the list view **/
.ui-li-two-bubble .ui-li-count { float: right; }
.ui-li-two-bubble .ui-li-count:nth-child(odd) { margin-right: 3em; }
/** Support two count bubbles on the list view **/

/* Begin collapsible listview item https://github.com/jquery/jquery-mobile/issues/5539*/
/* padding 0 added to remove "inset" padding on contents */
.ui-panel-inner > .ui-listview { margin-bottom: 0; }
.ui-panel .ui-collapsible + .ui-listview { margin-top: 0; }
.ui-panel .ui-collapsible-set { margin: 0; }
.ui-panel-inner > .ui-collapsible > .ui-collapsible-content { padding:0; padding-top: 0; padding-bottom: 0; }
.ui-panel-inner > .ui-listview .ui-first-child,
.ui-panel-inner > .ui-collapsible .ui-collapsible-heading .ui-btn { border-top: none; }
.ui-panel .ui-collapsible-heading .ui-btn-inner { padding-top: .7em; padding-bottom: .7em; }            
/* End https://github.com/jquery/jquery-mobile/issues/5539*/

/** Remove the row separator added for fieldcontain **/
.ec-no-separator { padding: .5em 0; margin: 0; border: none; overflow: visible; }
.ec-sort-button { display:none; float:right; top:-10px; }

/** Restyled to fit the 16x16 image in a bigger button **/
.ec-ui-li-icon{float:left;margin-top:0.6em;margin-right:0.5em;}

/** Element ID based styles */
#footer-link{ margin: 0.2em; }

/*.ui-loader{
    z-index: 2001;
}*/


.ec-hidden{
    display: none;
}

/** Controls spacing on the detail on-demand control dialog**/
div > p { margin: 0px auto; }
        
.ec-label-font, legend {
    font-size: 0.7em !important;
}

        
.ui-dialog-contain {
	width: 97%;
	max-width: 500px;
	margin: 10% auto 15px auto;
	padding: 0;
	position: relative;
	top: -15px;
}        


.ec-list-status-error {
    border-left-width: 10px;
    border-left-color: red;
}

.ec-list-status-warning {
  border-left: 5px solid #f00;
}

/** jQuery Validation plugin message formatting **/
label.error { float: left; color: red; padding-top: .5em; vertical-align: top; font-weight:bold;}

.ec-indented-control-45 { position: relative; margin-left: 45px; }
.ip-address-label {clear:both;}

/*****
Map view CSS
***************/
.map-main{
    padding: 10px;
}

/** Used to center geolocation locate plugin icons **/
.fa-crosshairs, .fa-spin{line-height: inherit !important; margin-right: 1px;}

/** Search device button custom styling for mobile to match other toolbar buttons **/

.leaflet-control-search .search-device-button {
    display:block;
    float:left;
/*    width:26px;
    height:26px;	*/

    background: url('../../images/icons/map-marker.png') no-repeat 6px 7px;
    border-radius:4px;
    background-color: #FFFFFF;
}

.leaflet-control-search .search-device-button:hover {
    background: url('../../images/icons/map-marker.png') no-repeat 6px 7px;;
    background-color: #FFFFFF;
}

/** lat/long information in popup **/
.marker-location {margin-top:15px;}
.map-popup-title {margin-bottom:15px;}

.ec-device-icon {
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom:5px;
}
/*****
Map view CSS
***************/