﻿/*08/13/2015  css for Mbsa Mobile stuff*/

/*.ui-page {
    -webkit-backface-visibility: hidden;
}*/



/*--------------------------------------------------------------------*/
/*Perform workouts*/
/*RC@2020041600  - need dependable word wrapping and in a div*/
.mbsa-word-wrap-all{
    word-break: break-all;
    white-space: pre-wrap !important;    
}

/*---------------------------------------------------------------------*/
/*JQM GRID Headings*/
.mbsa-mobile-grid-headings {
    background-color: blue;
    color: white;
    font-weight: bold;
}

/*---------------------------------------------------------------------*/
/*08/13/2015 - special listviews color and hover*/
/* .ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, 
 html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit,
  html .ui-panel-page-container-a {*/
 .mbsa-listview {
   /* background-color: #FCC200;*/
    background-color: #ffbe00 !important;   
     border-color: #dddddd !important;
      color: #FCFC00 !important;
   /*   color: #080b74;*/
    text-shadow: 0 1px 0 #f3f3f3 !important;
}
 .mbsa-listview:hover{
 /* background-color: #FCC200;*/
    background-color: #e6b82e !important;  

 }
   /*---------------------------------------------------------------------*/
 /*---------------------------------------------------------------------*/
/*08/15/2015 - special JQM Grid row color and hover*/
 
 .mbsa-mobile-grid {
   /* background-color: #FCC200;*/
    background-color: #ffbe00 !important;   
     border-color:blue !important;
     border-width:10px; 
      color: #FCFC00 !important;  
    text-shadow: 0 1px 0 #f3f3f3 !important;
}
 /*For input text fields */
 .mbsa-mobile-input-text{
width:80%; 
color:#080b74;
font-weight:bold; 
margin: 5px 0 6px;
    padding: 5px;
 border-radius: 6px !important;/*rounded corner*/
 }

  /*For time input text fields */
 .mbsa-mobile-time-input-text{
width:85%; 
color:#080b74;
font-weight:bold; 
margin-right:1px !important;
  border-radius: 6px !important;/*rounded corner*/
/*margin: 5px 0 6px;
    padding: 5px;*/
 }

  /*For time input MILLISECOND text fields */
 .mbsa-mobile-time-millisecond-input-text{
width:85%; 
color:#080b74;
font-weight:bold; 
margin-right:1px !important;
  border-radius: 6px !important;/*rounded corner*/
/*margin: 5px 0 6px;
    padding: 5px;*/
 }

 .mbsa-mobile-time-input-and-label-width{
width:40% !important;   
 }


  /*For time input labels fields */
 .mbsa-mobile-time-input-label{
/*width:35%; */
color:#080b74;
font-weight:bold; 
margin: 5px 0 6px;
    padding: 5px;
 }

 /*In JQM grids, make borders for each cell.*/
 .mbsa-mobile-row-border{
     border-top: solid 1px white;
     border-bottom: solid 1px white;    
}

 /*make the height the same as the input fields, 
   and center the text or buttons vertically*/
 .mbsa-column-height-text-centering{
     height:45px;
     line-height:45px;
     text-align:center;
 }
 

 /*This works when hovering over .mbsa-mobile-grid. 
   This is mainly for use when you have listview rows that need to 
   have individual hover properties. Not a JQM Grid, here, all rows
   are really one contiguous group of divs*/
 /* .mbsa-mobile-grid:hover{ 
    background-color: #e6b82e !important;  
 }*/
   /*---------------------------------------------------------------------*/ 
  /*Use this class attribute in any date field where you require a calander with the Mbsa UI*/
.mbsaMobileDatePicker {
  float:left; height:18px; 
}  


/* datepicker start - have this one for mobile datepicker */

div.ui-datepicker{
font-size:30px;
}

.ui-datepicker th { /for the headers in the pop up calendar/
color: #3e3e3e;
}

.ui-datepicker th.ui-datepicker-week-end {
color:black;
}

#ui-datepicker-div {
background-color:#FFE700;
  border: 1px solid #0000ff;
}

/*more date css start - http://www.hongkiat.com/blog/jquery-ui-datepicker/*/
.ui-datepicker thead {
    background-color: #f7f7f7;
    border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody td {
    padding: 5px;
    font-size:20px;
    border: 3px solid #1A1EB2;
}

.ui-datepicker tbody td {
    padding: 5px;
    font-size:20px;
    border: 3px solid #1A1EB2;
}

.ui-datepicker-calendar .ui-state-hover {
    background: #1A1EB2;
    color: #ffffff;
}
/*more date css end - http://www.hongkiat.com/blog/jquery-ui-datepicker/*/
/* datepicker end - have this one for mobile datepicker */

/*09/03/2015 Added- RC@2015051502 to keep datepicker from raring its ugly head unless
    asked.*/
#ui-datepicker-div {
            display: none;
        } 

/*10/10/2015  css question mark help button*/  
  /*Custom copy image button that appears within the button group
      - (for searching - custom button custom icon)*/
  .ui-icon-mbsa-help {  
    background-repeat: no-repeat;/*keep image from repeating*/
    background: url("../Content/images/Help.jpg") !important;/*I added the !important, I found that this rule was being overwritten*/
    background-position:center;
    } 

  /* form the general help button in _MbsaMenuMainV02.Mobile.cshtml*/
   .helpPosition {
        display: block;
        width: 15px;
        height: 15px;
        text-decoration: none;
        vertical-align: middle;
        margin-left:10px;       
    }  

   /* Mobile popup menu seperators*/
   .mbsaMobileMenuSeperator{
       background-color:beige;
       color:black;
       font-weight:bold;
       font-style:italic;
       text-align:center; 
   }

     /* Mobile popup menu styling*/
   .mbsaMobileMenuStyle{
       background-color:beige;      
   }
   /*Mobile popup menu option styling*/
  .mbsaMobileMenuOptionStyle{
       font-size:small;   
   }

  /*save button*/
.ui-icon-mbsaSaveIcon {  
  background-image: url(../Content/images/Save1a.png) !important;
 background-repeat: !important;
  background-position:left !important;  
  /*background-color: white !important;*/
}

/*display field displayfor*/
 .mbsa-standard-display-field {
    font-style:italic;
    font-weight:bold
 }  

 /*RC@2015121800 */
.mbsa-mobile-word-wrap {
 /* wrap long text and urls */ 
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 white-space: -moz-pre-wrap; /* Mozilla */
 word-wrap: break-word; /* IE 5+ */
 }

.mbsa-mobile-word-wrap-test {
    /* wrap long text and urls */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    word-wrap: break-word; /* IE 5+ */
} 

 
/*RC@2015122300 - shut down jquery mobile spinny 
  i have my own = RC@2013122300*/
 .ui-loader
    {
      display:none !important;
    }
