/*
    PriceAdvantage CSS (generic mobile devices)
    © 2024 Skyline Products, Inc. All Rights Reserved.
*/
/** {outline: 1px solid red;}*/
body {-webkit-user-select:none; -webkit-text-size-adjust:none; background-image: none; background-color:White; padding-left: 0; padding-right: 0;}
.page-content {background:white; clear:both; margin:0px; overflow:hidden; padding:0;}

.form-buttons {width: 100%; border: none;}
/*used for entry forms using NavBar*/
.form-panel {width: 100%; margin:0 auto; min-height:400px;}

/* Page Footer Styles
   ------------------
   Links -- Full, Mobile, Home, Stores, Help, FAQ, PriceAdvantage
*/
.page-footer-links {font-size:8pt; text-align:center; float:none;}
.page-footer-contact {text-align:center;margin-top:5px}
.page-footer-contact a {color:inherit;}

#map_canvas {height:950px; width:950px;}


/* Commodity Analysis
   ----------------*/
.ca-caption { color: Black; font-size: 8.25pt; font-weight: bold; }
.ca-textbox.dxeDisabled.dxeEditArea { color: Black !important; font-size: 8.25pt !important;  opacity: 1.0 !important;}
.ca-bluetextbox.dxeDisabled.dxeEditArea { color: Blue !important; font-size: 8.25pt !important; font-weight: bold !important; opacity: 1.0 !important; }

/* Volume Analysis
   ----------------*/
.va-page-content-store{width:100%; height:100%; overflow-x:auto; overflow-y:hidden;}

/* Margin Analysis
   ---------------*/
.ma-page-content{width:100%; height:100%; overflow-x:auto; overflow-y:hidden;}
.ma-page-grid{width: 100%; background: white;clear: both;margin: 0 0 0 0; overflow: hidden;}

/* Page Grid Styles */
.page-grid{ width:100%; position: relative; background: white; clear: both; padding: 0px; min-height:400px;}
.page-options { width: 100%; position: relative;}

/* Dashboard Styles
   ------------------------------
   d  -- Dashboard
   de -- Executive Dashboard
   ds -- Store Manager Dashboard
*/
.d-header-mapquest {border:solid 1px white; clear:right; float:right; margin-right:8px; width:32px;}
/*{border:solid 1px white; float:left; margin-right:10px; margin-top:-5px;}*/
.d-mapheader-text { margin-top:5px;height:15px; font-size:8pt; }
  
/* Dashboard - Executive */
.de-items1 {float:left; width:100%}
.de-items2 {float:right; width:100%}

.de-stores {clear:both; margin-bottom:10px; padding-top:5px; width:90%; padding-left:5px; width:100%; }

.d-items1 {float:left; width:100%;}
.d-items2 {float:left; width:100%;}

/* Dashboard - Store Manager */
.ds-items1 {float:left; width:100%}
.ds-items2 {float:left; width:100%}

.ds-header-pagetitle {position:static; width:auto; text-align:left; padding-left:50px; } 
.page-content-header-store-icon {
    float: left;
    padding: 1px 8px 1px 1px;
}

/* Page Alerts Styles
   ------------------ */
.page-alerts {background:white; padding-left:0px;}
.page-alerts-item img {padding:5px 8px 0px 8px;}
.page-alerts-title {font-size:10pt;}
.page-alerts-text {margin-right:8px;}

/* Analysis pages
 -----------------*/
.anal-filter-period {width:450px;}
.anal-filter-display {width:160px;}
.anal-filter-display-dropdown {width:180px;}

/* General styles
   -------------- */
.date-edit {width:160px;}

/* Table styles
   ------------ */
.selectionTwoBoxesTable {
    padding-left: 0px;
    padding-right: 0px;
}


/* Scheduled Prices 
   ----------------- */
.sp-form {width: 100%; margin:0 auto;}

.stores-attributes {color:#666; font-family:Tahoma, Geneva, Sans-Serif; font-size:12pt; }
.stores-attributes-title {color:#666; font-family:Tahoma, Geneva, Sans-Serif; font-size:12pt; font-weight:bold;  text-decoration:underline;}

/* This is used to "squish" up the edit screens that use the devExpress FormLayout control so the forms fit a phone screen */
.dxflGroupCell_MetropolisBlue {
    padding: 0;
}
.dxflGroup_MetropolisBlue
{
    padding: 0;
}