/* FDM4 International Copyright 2011(C), All Rights Reserved.  */
/***************************************************************/
/* crm_webclient/wsmbl_ext.css -> Mobile CSS.                  */
/***************************************************************/
/* 040100 11/15/19 EE - CRM-14 CRM Mobile Color Scheme Updates */
/* 040000 08/07/2015 [BSM] - Merge version TSC010000 from tsc-10g */
/* 030200 02/03/2015 [BRLS] - Q21021 - Styling of CRM note comments */
/* 030100 08/05/2014 [RB] - Stock check color swatch width increase. */
/* 030002 07/10/2014 [BAB] - P20746 */
/* 030001 03/07/2014 [BAB] - effect calls problem after jq update. */
/* 030000 01/14/2014 [BAB] - updates for v1.4.0 mobile framework. */
/* 020200 12/20/2012 [BAB] - correct the content push from the top. */
/* 020103 11/27/2012 [RB ] - stock check styles. */
/*                         - order entry styles. */
/*                         - clear fix.          */
/* 020102 07/22/2012 [BAB] - product page cube changes. */
/* 020101 07/20/2012 [BAB] - Added css to handle side-by-side date/time widget. */
/* 020100 07/01/2012 [BAB] - matrix entry css additions. */
/* 020000 06/01/2012 [BAB] - quick checkin because of fuckup on server. */
/* 010000 01/01/2011 [BAB] - New Procedure.                      */
/***************************************************************/
/*TSC010001 06/17/15 MDL - Add ResultFont,ResultFontData,SingleChainHeading*/
/*TSC010000 02/25/15 [JJD]- Display changes v2. */
/***************************************************************/

.resultset { font-size:110%; }
.mobile_more { 
    text-decoration:none;
    font-weight:bold;
    color:white; 
    font-style:italic; }
    
.footertext { margin-top:8px;margin-left:5px;font-size:10px;color:#FFFFFF; }
.footerbutton { float:right; }
.gridlabel { text-align:right; }
.griddatanumbers { text-align:right; }
.gridfont { font-size:10px; height:60px; }
.gridreportcodes { font-size:10px; height: 40px; padding-left: 4px !important;}
.gridcomments { font-size:12px; height:50px; }
.gridcommentsdata { font-size:10px; height:50px; }
.cubicleevent { font-size:12px; cellspacing:0px; cellpadding:0px; border-collapse:collapse;}
.mastercube { height:90px; xborder-collapse:collapse; } /* 030002 remove collapse */
.subcube { height:85px; }
.inlinehide { display:none; border-style:dotted; border-width:2px; }
.inlineshow { display:table-row; }
.errormsg { color:yellow; font-size:12px; font-style:italic; float:right; }
.erroroffline { color:red; }
.errorset { border-color:red; }
.hidden { display:none; }
.gridlink:link { color:white; }
.gridlink:visited { color:white; }
.gridlink:hover { color:white; }
.gridlink:active { color:white; }
.commitevent { display:none; }
.highlight { font-style:italic; font-weight:bold; color:#222222; } /* 030001 */
.highlight { color:orange;padding-left:5px;font-style:italic;font-weight:bold;padding-top:2px; } /* 030001 */
.highlightlabel { font-style:italic; font-weight:bold; color:#222222; } /* 020101 */
.highlighterr { font-style:italic; font-weight:bold; color:red; }
.ribbonorder { font-size:14px; font-style:bold italic; color:green; }
.lookups { height:140px; overflow:hidden; padding:10px; }
.lookup_line2 { font-size:10px;font-style:italic;color:black; } /* 040100 */
.lookup_line1 { font-size:13px;color:black;font-weight:bold; } /* 040100 */
.result_text { font-style:italic;font-weight:bold; }
.lookup { border-collapse:collapse; }
.lookup td{ border-bottom:thin ridge #4863A0; }
.subheading { font-style:italic; font-size:14px; font-weight:bold; }
.label { font-weight:bold; text-align:right; } 
.data { font-style:italic; }
.toprubber { margin-top:-15px; }
.roundme { -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
.scrollfeatures { margin-left:auto; margin-right:auto; height:80px; overflow:hidden; background:transparent; }
.scrollproducts { height:70px; width:70px; float:left; margin-left:10px; margin-top:5px; border:none; }
:link img { border:none; }

body {
 scrollbar-face-color:#777777; 
 scrollbar-track-color:#777777; 
 scrollbar-arrow-color:#777777; 
 scrollbar-shadow-color:#777777; 
 scrollbar-dark-shadow-color:#777777; 
 scrollbar-3dlight-color:#777777; 
 scrollbar-highlight-color:#777777
}
.overlayoff { background-color:     #333333;
  z-index:0;
  display:none;
  position:fixed;
  height:100%;
  width:100%;
  opacity:        .65;
  -ms-filter:       "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=65); }

.overlayon { 
  background-color:     #666666;
  
  opacity:        .25;
  z-index:1000000;
  position:fixed;
  height:100%;
  width:100%;
  -ms-filter:       "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=25); 
  }  


.servererror { font-style:italic; color:black; font-size:13px; font-weight: 900;}
.translucent { background-color:     #333333;
opacity:        .65;
  -ms-filter:       "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
}

.translucentx8 { background-color:     #333333;
opacity:        .85;
  -ms-filter:       "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}

.sizecube { border-style:solid;border-color:#777777;width:30px;height:30px;
            vertical-align:middle;display:table-cell;float:left;margin:2px;text-align:center;}
.sizecubeselect { border-style:solid;border-color:red;width:30px;height:30px;
            vertical-align:middle;display:table-cell;background:white;
            font-weight:bold;color:red;float:left;margin:2px;text-align:center; }
/*******v 030100 v*******/
.colorcubestkchk { border-style:solid;border-color:#777777;width:100px;height:30px;
            vertical-align:middle;display:table-cell;float:left;margin:2px;text-align:center;}
.colorcubeselectstkchk { border-style:solid;border-color:red;width:100px;height:30px;
            vertical-align:middle;display:table-cell;font-weight:bold;float:left;margin:2px;text-align:center; }
/*******^ 030100 ^*******/            
.colorcube { border-style:solid;border-color:#777777;width:30px;height:30px;
            vertical-align:middle;display:table-cell;float:left;margin:2px;text-align:center;}
.colorcubeselect { border-style:solid;border-color:red;width:30px;height:30px;
            vertical-align:middle;display:table-cell;font-weight:bold;float:left;margin:2px;text-align:center; }
.gridicon { background:#555555;border-style:solid;border-color:#777777;margin-right:2px;width:15px;height:15px;text-align:center;float:left; }            
input[data-type='range'] { display:none; }

.messagebar { position:fixed; 
              font-family:arial, verdana;
              top:50px; left:20px;
              padding:5px;
              border-style:solid;
              border-width:2px;
              border-color:white;
              width:80%;
              margin-left:auto;
              margin-right:auto;
              z-index:100000;  /* 020101m */
              background-color:     yellow;
              opacity:        .90;
              -ms-filter:       "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
              filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 
              font-style:bold;
              font-size:16px;
              color:black;
              -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;
              font-weight:bold;
              }

.cartview { float:left; }
.borders { border-style:solid; border-width:0px; border-color:green; }
a { text-decoration:none; }
.olnum { min-width:20px; 
         background:black; 
         color:white; 
         margin-right:2px;
         text-align:center;
         font-weight:bold; font-size:14px; float:left; /* 020103 */
         -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;
         opacity:        .60;
         -ms-filter:       "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
         filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
         }
.olitem { font-weight:bold; color:green; }
.oldesc { font-style:italic; font-weight:bold;} /* 020103 */
.olinfo { float:right; font-size:14px;  }
.olqty { font-weight:bold; color:green; }
.oldate { font-weight:bold; color:green; }
.olprice { font-weight:bold; color:#CC0000; }
.oldisc { font-weight:bold; color:blue; } /* 020103 */
.orcode { font-size:22px; font-weight:bold; }
.ortype { font-size:12px; }
.orinfo { float:left; width:50px; }
.orcard { color:green; float:left; }
.orexp { color:green; float:right; }
.ortotal { color:green; }
.orauthamt { color:green; float:right; }
.orauthnum { color:green; float:right; }
.orauthcd { color:green; }
.orsubdate { color:green; }
.orresponse { color:green; float:right; }
.orleft { float:left; }
.orright { float:right; }
.ordata { color:yellow; font-size:12px; }
.inner-set { width:80%;  }
.ofdelivery { background:white;padding:5px;width:90%;margin-left:auto;margin-right:auto;border-style:solid;
              border-width:3px; border-color:#99CCFF;margin-bottom:5px; }
.ofpayments { background:white;padding:5px;width:90%;margin-left:auto;margin-right:auto;border-style:solid;
              border-width:3px; border-color:#99CCFF;margin-bottom:5px; }              
.ofsummary  { background:white;padding:5px; width:90%;margin-left:auto;margin-right:auto;border-style:solid;
              border-width:3px; border-color:#99CCFF;margin-bottom:5px; }
.olegend { font-style:italic; font-weight:bold; font-size:14px; }
.labeldata td:first-child { text-align:right; font-style:italic; font-weight:bold; }
.labeldata td:last-child { text-align:right; color:green; width:100px; font-weight:bold; }
.labeldata tr:last-child { border-top:2px; border-bottom:0px; border-right:0px; border-left:0px; border-style:dotted; border-color:green; }
.currentpage { font-size:16px; background:red; }
.owing { color:red; background:white; border-color:red; }
.subeventparent { vertical-align:left;
             width:100%;
             margins:0px;
             padding:0px;
             border-color:#666600;
             border-style:ridge;
             border-width:2px; }
.subeventchild { vertical-align:left;
                 width:100%;
                 margins:0px;
                 padding:0px; }             
.pastdue { background:#CC0033; }
.duetoday { background:#FFFF66; }
.duefuture { background:#669966; }
.duedone { background:#AAAAAA; }
.legend { font-size:9px; }
.myactivities-legend { font-size:12px; }
.minicube { width:10px;height:10px;display:table-cell; }
.rolladex { border-width:0px; border-style:solid; border-color:#777777; width:100%; border-bottom:1px; border-spacing:0px; }
table.rolladex td { border-bottom-width:0px; border-color:#777777; border-style:none; padding:5px; } /* 030002 1px to 0px for border, style to none */
table.rolladex tr td:first-child { color:yellow; text-align:right; font-weight:bold; }
.listimage { width:32px; height:32px; float:left; }
.biglabel { font-size:16px; }

.debugbutton  { border-color:green; border-width:3px; border-style:solid; }
.debugcheckbox { border-color:yellow; border-width:3px; border-style:solid; }
.debugpage { border-color:red; border-width:3px; border-style:solid; }
.debugnavbar { border-color:blue; border-width:3px; border-style:solid; }
.debugcontent { border-color:orange; border-width:3px; border-style:solid; }
.debuglistview { border-color:white; border-width:3px; border-style:solid; }
.debugselect { border-color:brown; border-width:3px; border-style:solid; }

.widgetselect { background:brown; }
.widgetbutton { background:green; }
.widgetnavbar { background:blue; }
.widgetpage { background:orange; }
.widgetlistview { background:white; }
.widgetcheckbox { background:yellow; }

#debug_legend table { width:100%; }
#debug_legend table.widgets tr td:first-child { width:20px; }
.mcopyedit { font-size:12px; }
.mcopy_highlight { border-color:#FF00FF; border-width:10px; border-style:dotted; }
.mcopy_pagehighlight { border-color:#FF00FF  !important; 
                       border-width:10px  !important; 
                       border-style:dotted  !important; 
                       border-top-width: 10px  !important; 
                       border-right-width: 10px  !important; 
                       border-bottom-width: 10px  !important; 
                       border-left-width: 10px  !important; 
                       }
                     
.reportview { background-color:#CCCCCC;
     padding: 10px; 
     }
.reportview tablex { -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; 
     -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 			rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
     -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
     box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 	       		rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
     color:#222222;
     width:100% !important;
     <!-- -ms-zoom:70%;
     zoom:70%;
     -moz-transform:scale(.7);
     -webkit-transform:scale(.7); -->
     <!-- font-size:75%;
     cellspacing:0px;
     border-width:0px;
     border-top-width:0px !important;
     border-right-width:0px !important;
     border-bottom-width:0px !important;
     border-left-width:0px !important; -->
     }     
     /** pull this chunk **/
.headernav { top:42px; }      /* 020101 */
* [data-role='content'] { margin-top:60px; margin-bottom:0px; } /* for adjustment to fixed header segment 2 */ /* 020200 */
#pagedialog [data-role='content'] { margin-top:-10px; } /* for page dialog only */
#temp1 [data-role='content'] { margin-top:-10px; } /* fuuuuuuuck fixed this, ie was fucking up, bad apostrophe. */
#contact_detail [data-role='content'] { margin-top:-10px; } /* for page dialog only */
#offlineorders [data-role='content'] { margin-top:-10px; } /* for page dialog only */
#errorpage [data-role='content'] { margin-top:-10px; } /* for page dialog only */
     /** pull this chunk **/
     
.keypad { position:absolute; z-index:1100; background:blue; 
          background-image: url(../mbl_images/ui-bg_flat_50_5c5c5c_40x100.png); 
          height:200px; right:-200px; width:250px; float:right; margin-top:15px; 
          -moz-box-shadow: 0px 10px 12px rgba(0,0,0,.3);
	  -webkit-box-shadow: 0px 10px 12px rgba(0,0,0,.3);
	  box-shadow: 0px 10px 12px  rgba(0,0,0,.3);
        }
        
.rot90 {
margin-left:-20px;
float:left;
text-shadow: 0 -1px 1px #000000;
margin-top:40px;
display:block;
font-family:Verdana; 
font-size:16px; 
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.kpclear { margin-left:110px; margin-top:-150px; width:110px; height:30px; font-size:16px; font-weight:bold; background:#777777; }
.kpkeys { width:40px; height:40px; font-size:16px; font-weight:bold; background:#777777; text-align:center; 
     margin:5px 5px 5px 5px; vertical-align:center; float:left;}
.kpcontent { width:200px; height:190px; margin-left:55px; margin-top:5px; float:right; position:absolute; }
.kptouch { background:#555555; }
.kpnext { width:90px; }
.selectedcolor { height:50px; margin:5px 5px 5px 5px; width:100%; }
.selectedcolor .colorcontent { vertical-align:middle; text-align:center; display:table-cell; }



.sizegrid { margin-top:10px; 
            font-size:14px; 
            font-weight:bold; 
            float:left; 
            width:95%; 
            border-style:solid; 
            border-color:white; 
            border-width:0px; }

.sizegrid th { background-color:#777777; }
.sizegrid .size { width:55px; font-size:16px;}
.sizegrid .qty { background:#222222; color:white; text-align:center; font-size:16px; }
.sizegrid .chosen { background:red; }
.slide-out-div { z-index:10000; padding:20px; width:250px; background:#ccc; border: 1px solid #29216d; }


.annotate { background:#0066FF; font-size:10px; position:absolute; right:40px; top:10px; }
.rotatel90 { 
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */
-o-transform:rotate(-90deg); /* Opera */
}

.rotater90 {
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */
}

.columndate { width:210px; min-width:209px; } /* 020101 handle datepicker inside td to avoid button wrap. */

/*******v 020103 v*******/
.stkchkoutercolumn
{ border-right:1px solid black; /* 030100 */
  border-bottom:1px solid black; /* 030100 */
  border-top:1px solid silver;
  border-left:1px solid silver; }
  
.stkchkinnercolumn
{
   text-align:right;
   border-collapse:collapse;
   margin:1px;
   padding:0px;
}

.stkchkcontain
{
   left:2px;
   border-width:0px;
   border-collapse:collapse;
   margin:0px;
   padding:0px;
}

.colorcubetextdark { color:black; }
.colorcubetextlight { color:white; }

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
}
/*******^ 020103 ^*******/

.mousehand { cursor:pointer; cursor:hand; } /* 030002 */
.selectedevent { background:steelblue; color:white; } /* 030002 */

#comment_popup-popup {
    width: 80%;
    left: 10%;
    right: 10%
}

/* vvvvv 030200 vvvvv */
span.origcomment
{
  white-space: pre-wrap;
  width: 95%;
  display: inline-block;
}
/* ^^^^^ 030200 ^^^^^ */

.ResultFont {                   /* TSC010001 */
        font-size:12px
}
.ResultFontData {               /* TSC010001 */
        font-size:12px
}
.SingleChainHeading {           /* TSC010001 */
        font-size:16px;
        text-align: center;
        width: 100%;
        font-weight: bold;
}