@charset "utf-8";
/* CSS Document */
     #panel-01                          { box-shadow:-3px 1px 9px #999999 inset; border:none; }
     #panel-02                          { box-shadow:3px 1px 9px #999999 inset; border:none; }
    .title                              { display: none; }
    .top-nav-menu                       { float: right;  margin: 5px 0 0 0; position: relative; right:26px; }
    .top-nav-menu ul li                 { position: relative;  margin: 0 0.5em 0 0; }
    .top-nav-menu ul li span            { opacity:1; }
    .top-nav-menu ul li:first-child     { position: absolute; right: -33px; z-index: 1; }
    .top-nav-menu .gm-badge             { top:-3px; }

    span.g-collapsible-search-icon      { background-position: -348px -1px !important; width: 22px; opacity: 1 !important; }
    span.g-mail-alert-icon              { background-position: -232px -2px !important; width:26px; }
    span.g-logged-user-icon             { background-position: -281px -2px !important; width:16px; }
    span.g-setting-icon                 { background-position: -317px -2px !important; width:18px; }
  span.g-logout-icon                 { background-position: -745px 1px !important; width:25px; }

   .top-nav-menu ul li:hover span.g-collapsible-search-icon,
   .top-nav-menu ul li.active span.g-collapsible-search-icon {  background-position: -23px 0 !important; }

    .g-top-section li.dummy             { width: auto; }

    .left-nav                           { left:0; top:0; width:20em;  position: absolute; overflow:hidden; }
    .left-nav-search                    { height: 3.4em; }
    .search-section                     { width: 82%; }
    .gm-filter, .gm-settings, .gm-notifications { float: left; width: 99%; display:none; }
  
  .gm-filter              { display:block; }

    .main-nav                           { float: right; width: 99%; background: transparent; }
    .main-nav ul li                     { width:99%;  border-left:none;  border-bottom: 1px solid #C4D0DC !important; padding: 0.4em 0.2em; }
    .main-nav ul li a                   { width:95%; color:#000 !important; font-weight: bold; }
    .main-nav ul li .sub-menus          { border: medium none; position: relative;  top: 10px;  width: 96%; background: transparent; float:left; padding:0 0 0.5em; }
    .main-nav ul li .sub-menus li       { float:left; color:#000; width:100%;  padding: 0.6em 2em; }
    .main-nav ul li .sub-menus li:first-child{border-top:1px solid #C4D0DC; }
    .main-nav ul li .sub-menus li:last-child { border-bottom: none !important; }
    .main-nav ul li .sub-menus li:hover { background:transparent;}
    .main-content                       { overflow: inherit; }

    /****save cancel buttons on top***/

    .mobile-top-bar                 { background: #2a5798; }

    .title-bar                      { background: #E8F2FC;  clear: both;  float: left;   position: absolute;  top: 3.5em;  width: 100%;  z-index: 100;  left:0; border-bottom: 1px solid #D5D5D5; }
    .title-bar h3                   { color: #000; font-weight: normal;  margin:0.7em 6em 0.7em 5em; text-shadow:none; text-align: center; }

    .title-bar li.gm-close a        { background-color: #F5F5F5; margin: 0 0.4em 0.4em 0; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);  background-repeat: repeat-x;  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;   border-image: none;
                                      border-radius:2px; border-style: solid;   border-width: 1px;  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);   color: #333333;   cursor: pointer;  display: inline-block;
                                      font-size: 1em;  line-height: normal;  padding: 0.4em 1em;  text-align: center; vertical-align: middle;  font-family: Arial; text-decoration: none; }

    .title-bar li.gm-close a:hover  { background-color: #E6E6E6;   background-position: 0 -15px; color: #333333; text-decoration: none;
                                      transition: background-position 0.1s linear 0s; }
    .title-bar li.gm-close a        { margin: 0 0 0.4em; padding: 0.4em 0.5em; }    
    .title-bar li                   { float: none; margin: 0.5em 0.1em 0; }
    .title-bar li:nth-child(3)      { position: absolute; right:1.8em; }
    .title-bar li.gm-close          { left:1em; position: absolute; }

    .more-submit-options            { float: right;  position: absolute;  right: 10px; top: 5px; width: 1em; }

        
    #resourcesubmitview .title-bar li:nth-child(1), 
    #resourcesubmitview .title-bar li:nth-child(2), 
    #resourcesubmitview .title-bar li:nth-child(3),
    #resourcesubmitview .title-bar li:nth-child(4),
    #resourcesubmitview .title-bar li:nth-child(6)        { margin: 0.5em 0.4em;  width: 23%; }
    #resourcesubmitview .title-bar li:nth-child(6)        { float: right;  margin-right: 2em;  text-align: left;  width: auto; }
    #resourcesubmitview .title-bar li:nth-child(3)        { display: none; }


    #resourcesubmitview .title-bar li:nth-child(5)        { color: #FFFFFF; float: left; margin: auto; text-align: center; width: 45%; }

    .ts-mobile-more-buttons                               { background-color: #FFFFFF;   border: 1px solid #CCCCCC;   display: none;    float: right;   position: absolute;
                                                            right: 0.3em; top: 6.8em;  width: 10em;  z-index: 999;  }
    .ts-mobile-more-buttons li:first-child                { border-top: none; }
    .ts-mobile-more-buttons li                            { border-top: 1px solid #CCCCCC;  display: list-item;   padding: 0.5em; text-align: left;  cursor: pointer; }
    .ts-mobile-more-buttons li:hover                      { background-color: #DAAF74; }
    .g-top-section ul                                     { width: 98%; padding:0 0 0 0.4em; }
    .g-top-section li:last-child                          { margin: 16px 0 0; width: auto; }
    .g-top-section li.hidden-job-view                     {  margin: 0; }
    .g-top-header-section                                 { border:none; }
    .landing-page .g-top-header-section                   { border-bottom: 1px solid #D5D5D5; position:relative; z-index:200; }

    .leftnav-btn, .leftnav-btn a, 
    .navbar-logo, .navbar-title, 
    .mini-popup.comments_popup, 
    .top-left-logo, .title-bar li:nth-child(1), 
    .title-bar li:nth-child(2), 
    .top-nav-menu ul li:nth-child(5)                         { display: none; }
    
    .g-high-alert {
      color: #FF0000;
    }
    .g-low-alert {
      color: #808080;
    }
  .expand-nav              { background:transparent; }
  
  .ts-data-table td.accordian-header { display:none !important; }


.gm-login-container-sub.company  { width: 557px; }
.company .gm-login-content, .company #login-footer { width: 504px; }
.gm-login-container-sub.profile { width: 666px; }    
.profile .gm-login-content, .profile #login-footer { width: 613px; }
.main-content.landing-page  { padding-top:0; }

.ui-panel-inner {-webkit-transform:none !important; -webkit-backface-visibility:visible !important; }

/* Desktops and laptops ----------- */

@media only screen and (min-width : 1224px) {
  
.selected-filter-options { margin:0; }
.multiple-summary-container { font-size:0.8em; }    

.summary-bar-mobile, .ts-data-table tbody td.accordian-header, .lbar-mini, 
.g-more-buttons, .leftnav-icon, .mainnav-icon, ul.title-bar li:last-child, 
.title-bar h3,.ts-mobile-more-buttons{ display: none; }


.mobile-top-bar                      { background:#fff; float: left; height: 5.3em;  width: 100%; z-index: 1; }
.main-content-inner                  { width:99%; }

.title-bar                           { position: relative; width:auto; top:0; clear: none; float:right; border: none; background: transparent; }
.title-bar li                        { float:left; }
.title-bar li:first-child,
.title-bar li:nth-child(2)           { display: block; width: auto; }
.title-bar li:nth-child(5)           { margin:0; }
.title-bar li.gm-close               {  margin: 0.3em 0 0;  position: absolute;  right:0; width:auto; right: -1.5em; left:auto; }
.title-bar li.gm-close a             { background: url("../Images/css-sprite.png") no-repeat scroll -3px -5px rgba(0, 0, 0, 0);  float: left;  height: 16px;  opacity: 0.5;  padding:0;  border:none; text-indent: -99999px;  width: 16px; }
.title-bar li.gm-close a:hover       { background-position: -3px -5px; opacity: 1; background-color:transparent;}
.g-top-button-section                { float:right;  padding: 0.1em 1em 0 0; }

.title-bar li:nth-child(3)           { position:inherit; right:auto; }
.top-nav-menu                        { float: right;  margin: 7px 8px 0 0; right:0; }

.top-nav-menu ul li                  { float: left; list-style: none outside none;  margin: 0;  padding: 0.8em 0.2em 0.9em;
                                       position: relative; }
.top-nav-menu ul li span             { width:30px; opacity: 0.5; }
.top-nav-menu ul li:last-child span  { width:25px; }
.top-nav-menu .gm-badge              { top:7px; }
.top-nav-menu ul li:nth-child(5)     { display: block; }


.main-content                        { padding: 8.8em 0 0; margin:0 0 0 22em; }

#panel-02                            { left: 0;  min-height: 10px;  height: 42px; position: inherit;  right: 0;  top: 5.3em;
                                        -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; overflow: 
                    visible; width: 100%; box-shadow:none; background: #2a5798; background: -moz-linear-gradient(top,  #2a5798 0%, #22457a 100%);
                                       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a5798), color-stop(100%,#22457a));
                                       background: -webkit-linear-gradient(top,  #2a5798 0%,#22457a 100%); background: -o-linear-gradient(top,  #2a5798 0%,#22457a 100%); /* Opera 11.10+ */
                                       background: -ms-linear-gradient(top,  #2a5798 0%,#22457a 100%); background: linear-gradient(to bottom,  #2a5798 0%,#22457a 100%); /* W3C */
                                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5798', endColorstr='#22457a',GradientType=0 ); /* IE6-8 */
                                      z-index:1000; }                 
#panel-02 .ui-panel-inner            { float:left; width:100%;  }
.main-nav                            { float:right; width:auto; }
.main-nav ul, .top-nav-menu ul       { margin: 0; padding: 0; }
.main-nav ul li                      { float: left; list-style: none outside none;  margin: 0;  padding: 0.8em 0.2em;
                                       position: relative; border-left: 1px solid #033b74;  width: auto;  border-bottom: none !important; }
.top-nav-menu ul li                  { float: left; list-style: none outside none;  margin: 0;  padding: 0.8em 0.2em 0.9em;
                                       position: relative;  }

.main-nav ul li a                    { color: #FFFFFF !important; float: left; outline: medium none;  padding: 0.2em 1em;  text-decoration: none;  width: auto; }     

.main-nav ul li .sub-menus           { display: none;  left: -1px;  position: absolute;  top: 3.5em;  background-color: #E8F2FC;  border:1px solid #D2DCEA !important;    width: 12em;
                                       z-index: 999; padding:0;  }                 
.main-nav ul li .sub-menus li:hover  { background-color: #C9D8EA; }
.main-nav ul li .sub-menus li:first-child { border-top:none;}
.dropdown-arrow-icon                 { background: url("../Images/css-sprite.png") no-repeat scroll -406px -50px rgba(0, 0, 0, 0); cursor: pointer;  float: right;
                                       height: 18px; width: 15px; margin-left: 0.5em;  opacity: 0.5; }
.main-nav ul li.collapse-header      { padding: 1em 0em; background-color: #033B74; cursor:pointer; }
.collapse-header .dropdown-arrow-icon { margin-left: 0; background: url("../Images/css-sprite.png") no-repeat scroll -406px -36px rgba(0, 0, 0, 0); }
.collapse-header .dropdown-arrow-icon.collapsed { background: url("../Images/css-sprite.png") no-repeat scroll -406px -50px rgba(0, 0, 0, 0); }
.main-nav ul li .sub-menus li        { border-bottom:1px solid #CCDAEB !important;  border-left: none;  width: 100%; padding:0; cursor: pointer; } 
.main-nav ul li .sub-menus li a      { font-weight:normal; color:#000 !important;  padding: 0.6em 1em;  width: 84%; }   
.left-nav-search                     { height: 3.7em; }
 
.navbar-logo, .navbar-title, .top-left-logo, 
.g-header-title, .leftnav-btn, 
.leftnav-btn a                       { display: block; }
.g-top-header-section                { border: 1px solid #D5D5D5; border-left: none; }

.g-top-section ul                    { padding: 0 0 0 0.4em;  width: 76em; }
.summary-bar-desktop                 { background-color: #E5F1FE;  color: #4F5151; float: right; font-weight: bold;  padding: 0; width: auto; }
.summary-bar-desktop li              { border-right: 1px solid #C7DEED; display: inline-block; padding: 0.625em 0.625em 0.75em; }
.summary-bar-desktop li:first-child  { background-color: #277798; color: #FFFFFF; }
.summary-bar-desktop li:last-child   { border-right: medium none; }

span.g-collapsible-search-icon       { background-position:-23px 0 !important; position: absolute;  right: 0;opacity: 0.5 !important; }  
span.g-mail-alert-icon               { background-position:-55px 0 !important; }
span.g-logged-user-icon              { background-position:-119px 0 !important; }
span.g-setting-icon                  { background-position:-90px 0 !important; }
span.g-help-icon                     { background-position:-150px 0 !important; }   
span.g-logout-icon           { background-position: -718px 0 !important; } 
.top-nav-menu ul li:hover span.g-collapsible-search-icon,
.top-nav-menu ul li.active span.g-collapsible-search-icon {  background-position: -23px 0 !important; }

.top-nav-menu ul li:first-child      { position: relative; right:4px; } 

#panel-01                            { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left:0; visibility:visible; top:106px; 
                     background:#ECEDEF;  border:none; overflow: visible; z-index:1000; /*box-shadow: 0 0 1px #999999 inset; -webkit-box-shadow: 0 0 1px #999999 inset; 
                     -moz-box-shadow: 0 0 1px #999999 inset;*/ box-shadow: 0 0 5px #999999; -webkit-box-shadow: 0 0 5px #999999; 
                     -moz-box-shadow: 0 0 5px #999999; }                                   
#panel-01                            { transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;  }
.main-content                        { transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  }
.g-header-title h2                   { margin: 0.47em 0; }
.left-nav-search                     { box-shadow: none; }
.search-section                      { width: 87%; }

.desktop .collapsed-nav              { left:15.25em; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;  
                     -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.desktop #panel-01                   { left: -15.25em; transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out; 
                    -o-transition: all 0.3s ease-in-out; }

.desktop .expand-nav         { left:-5em; }
.desktop .main-content               { margin:0 0 0 4.79em; }
.desktop .leftnav-btn        { display:none; }
/*Status Label Style*/
.status-view-label {
    float: right;
    font-weight: bold;
    padding: 2em 0.5em;
    width: auto;
}

/*Status indicator desktop*/
.g-status-indicator {
    display: table-cell !important;
    width: 1%;
}
.g-deleted-border-left { border-left: 5px solid red; }
.g-updated-border-left { border-left: 5px solid orange; }

/* Variance & Status-approve*/
.planner td.variance, .planner td.app-rej {
    padding: 0.3em 0.5em 1em;
}
.app-rej {
    cursor: pointer;
    width: 8%;
}
.ts-data-table.view thead .chkbox {
    border-left: 5px solid #0862C2;
}
.mini-popup.approve-reject li:last-child {
    margin: 0;
    padding: 0;
    width: 95% !important;
}
.more-details a {
    display: none;
}
.rotate270 {
    transform: rotate(270deg);
}

/* collapsed row styles*/
.collapsed td {
    text-align: right;
    padding: 0.5em;
}
.collapsed td:first-child {
    text-align: left;
}
.collapsible-row {
    background-color: #FFF0DA;
    clear: none;
    float: left;
    width: 90%;
}
.collapsible-row.tabs {
    background-color: #FFFFFF;
    float: right;
    list-style: none outside none;
    position: relative;
    width: 10%;
}
.collapsible-row.tabs li {
    cursor: pointer;
    padding: 0.7em;
    width: 91%;
}
.g-selected-tab
{
    background-color: #FFF0DA;
    border: 1px solid #ccc;
    border-left: none;
}
.hideCollapse:before {
    content: "";
}
.collapsible-row table {
    border: 1px solid #B8B4B4;
    width: 100%;
}
.collapsible-row thead {
    background-color: #F7D4A0;
    color: #000000;
}
.collapsible-row table tr th {
    border-bottom: 1px solid #B8B4B4;
    border-right: 1px solid #B8B4B4;
    text-align: right;
}
.estimated-duration-table th:first-child {
    width: 45%;
}
.collapsible-row table tr th:first-child {
    text-align: left;
}
.estimated-duration-table td {
    padding: 0.4em;
}
.estimated-duration-table td, .pricing-info-table td {
    border-bottom: 1px solid #B8B4B4;
}
.pricing-content {
    float: none;
    width: auto;
}
.ts-data-table, .pricing-info-table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.9em;
}
.more-details {
    cursor: pointer;
    width: 1%;
}
.generate-button-view {
    visibility: hidden;
}

.main-content.landing-page  { padding-top:8.8em; }

/*****table styling starts****/

thead                                { background-color: #cccccc; color: #FFFFFF; }
.mini-popup, .lbar-mini, .g-more-buttons, .ts-mobile-more-buttons {
    display: none;
}
.expenses_text, .comments_button { display: block; }
.ts-data-table tbody td.accordian-header, .ordercreate-datatable tbody td.accordian-header { display: none !important; }


/*****table styling ends*****/
  .rotate270 {
      transform: rotate(270deg);
      -webkit-transform : rotate(270deg);
  }

nav[data-role="panel"], nav[data-role="panel"] .ui-panel-inner, section[data-role="page"], .ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { height:auto !important; }
}


/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* YOUR STYLE GOES HERE */
.ts-data-table tbody td.accordian-header { display: none !important; }
}

@media only screen and (max-width : 1740px) {
.order-edit.active .tab-content ul li {width:32%; }
.order-edit.active .tab-content .fields.comments-field ul li  { width: 500px; }

}

@media only screen and (max-width : 1500px) {
.order-edit.active .tab-content ul li  { width: 18%; }
.main-content .tab-content span.start-date input[type="text"], .main-content .tab-content span.product-id input[type="text"], .main-content .tab-content span.labor-id input[type="text"] { padding-right: 15%; width: 79%; }
.order-edit.active .tab-content ul li { width: 31%; }
}
@media only screen and (max-width : 1371px) {
    .selected-filter-options-container { width: 70%; }
}
@media only screen and (max-width : 1371px) {
    .selected-labels { width: 94%; }
}

@media only screen and (max-width : 1360px) {
.tab-content ul li {width:19%; }
.comp-select { width: 17.6% !important; }
}

@media only screen and (max-width: 1223px) {
.selected-filter-options { width: 98.5%; }
.header-strip{ margin: 1.1em 0 0; }
.user-info-options { top: 3.3em; }
.triangle-up { right: -6.7em; top: 2.5em; }
.collapse-header { display: none; }
.orderedit-page .task-panel {top:42px; }
.order-edit.active .tab-content ul li  { width: 23%; }  
.ui-page-active.ui-page-panel { overflow-x:hidden;  overflow-y:hidden; }
.comp-select { margin-top: 0.1em !important; width: 18.6% !important; }
.toggle-header .mobile-top-bar            { margin:0; }
.toggle-header #panel-01                { top:0; }

.toggle-header .header-strip            { margin: 1.12em 0 0; }
.task-panel.task-status               { top: 39px; }
.toggle-header .task-panel.task-status        { top: 106px; }
.toggle-header .task-panel              { top: 106px; } 
.toggle-header .task-panel.task-status .header-strip{ margin:3.4em 0 0; }
.collapsed-nav ul ul.tablet-view            { display:block; }

.collapsed-nav, .tablet .collapsed-nav   { left: 0; top: 3.4em;  width: 100%; }
.collapsed-nav ul li, .tablet .collapsed-nav ul li  { clear:none; transition: none; }
.collapsed-nav ul li a, .tablet .collapsed-nav ul li a { padding: 0.4em 0.58em; }
.collapsed-nav ul li.leftnav-search,
.collapsed-nav ul li.leftnav-quicklaunch,
.collapsed-nav ul li.leftnav-entity-settings { display:none; }
.leftpanel-btn { margin: -4px 0 0; }
.gm-left-content { margin: 4.5em 0 0; }
.leftnav-btn { display:none !important; }
.left-nav-search span { width: 92%; }
.left-nav-search .search-bar input[type="text"] { width: 84% !important; }

.top-nav-menu ul li   { border-left: 1px solid #24487C;  /*border-right: 1px solid #376EBE;*/ border-right: 1px solid #3266B3; margin:0; padding: 0 0.5em; }
.top-nav-menu ul li:first-child { right: -30px; border-right:none; width:17px; height:100%;  }
.top-nav-menu ul li:nth-child(2) { border-left:none; }
.top-nav-menu ul li span { height:22px; }
span.g-mail-alert-icon  { background-position: -232px -3px !important; width: 26px; }
span.g-logged-user-icon { background-position: -281px -5px !important; width: 16px; }
span.g-setting-icon     { background-position: -317px -5px !important; width: 18px; }
span.g-logout-icon      { background-position: -751px -2px !important; width: 17px; }
span.g-collapsible-search-icon, .top-nav-menu ul li:hover span.g-collapsible-search-icon { background-position: -348px -4px !important; opacity: 1 !important;  width: 22px; }
.top-nav-menu ul li.active span.g-collapsible-search-icon {  background-position: -23px -4px !important; }
.top-nav-menu            { margin:0.7em 0.5em 0 0; }
.top-nav-menu ul li span   { margin: 0 0.2em; }
.top-nav-menu .gm-badge    { right: 3px; }
}

@media only screen and (max-width : 1180px){
.gm-login-container-sub.login-homepage  { width:98%; }
.login-homepage .gm-login-content-wrap { width:45%; }
.login-homepage .gm-login-content { width:90%; }
.main-content .tab-content span.start-date input[type="text"], .main-content .tab-content span.product-id input[type="text"], .main-content .tab-content span.labor-id input[type="text"] { padding-right: 18%; width: 75%; } 
}


@media only  screen and (max-width: 1042px){
.tab-content ul li            { width:23.5%; }
.order-edit.active .tab-content ul li  { width: 22.6%; }
.comp-select { width: 22.8% !important; } 
}

@media only screen and (max-width: 1025px) {

}

/* Kindle Landscape 1024 X 600 ----------- */





@media only screen and (max-width: 1024px){

.adv-opt-content .end-date { float: left; text-align: left; }
.end-date .field-optional { margin-left: 0; }    
.labor-acc .more-accor-head label, .items-acc .more-accor-head label { width: 35%; }
.adv-opt-content ul.date li { margin: 0.5em 0; width: 100%; }
/*.main-content .date .field-optional input[type="text"] { width: 76%; }*/

.main-content .comcriteria input[type="text"] { width: 47%; }
.more-accor-head label { width: 63%; }
.more-accor-head h5 { width: 80%; }
.notification-items tbody:hover { background: rgba(0,0,0,0); cursor: pointer; }
.notification-items tbody.active { background: #E9EEF4; cursor: pointer; }
.model-window.ordercreatefullview      { width: 90%; }
.task-panel { top:0; width:23em; -webkit-transform: translate3d(23em, 0, 0); -moz-transform: translate3d(23em, 0, 0); transform: translate3d(23em, 0, 0);
box-shadow: 3px 1px 6px 0 #CDCDCD inset; -webkit-box-shadow: 3px 1px 6px 0 #CDCDCD inset; -moz-box-shadow: 3px 1px 6px 0 #CDCDCD inset; min-height: 100%;  }
.task-panel.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, 
.task-panel.ui-panel-animate.ui-panel-position-right.ui-panel-display-push    { right:0;  -webkit-transform: translate3d(23em, 0, 0); -moz-transform: translate3d(23em, 0, 0); transform: translate3d(23em, 0, 0); }
.task-panel.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay.active, 
.task-panel.ui-panel-animate.ui-panel-position-right.ui-panel-display-push.active, 
.task-panel.active              { right:0; -webkit-transform: translate3d(23em, 0, 0); -moz-transform: translate3d(23em, 0, 0); 
              transform: translate3d(23em, 0, 0); }

.notify-items.active .notify-item-inner   { margin: 0; }
.header-strip, .task-close          { display:none; }
.task-panel article             { width:93%; }
.notify-task textarea           { width: 97.3%; }
.orderedit-page .task-panel         { top:0; }
.task-panel .orderedit-section        { margin:0; }
.main-content .detail-line input[type="text"] { width: 64%; }
.task-panel.ui-panel-animate.ui-panel-position-right.ui-panel-display-push { transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); right:-32em; }
.toggle-header .task-panel, .task-panel   { top: 0!important; } 
#panel-02                 { top:0 !important; }
.search-section               { width: 92%; }


.more-accor-head h5 { overflow: hidden; text-overflow: ellipsis; width: 53%; }

.notification-iconlist{ display:none !important; }
.order-edit.active .notify-item-inner  { margin:0; }
.notification-items tr.notification-iconlist,
.notification-items tbody:hover .notification-iconlist td, .notification-items tbody.active .notification-iconlist td { display:none !important; }


/*****styles for lp-mobile view starts************/
.main-content-inner.mobile-landing { display:block; }
.mobileview-header          { background:#EAE9E9;  float: left; border-top:2px solid #fff;  padding:3px 0 6px;  width: 100%;  position: relative; } 
.mobile-profileview         { margin: 0 auto; padding: 0; width: 97px; }
.mobile-profileview span      { border-radius: 52px; float: left; overflow: hidden;  width: 100%; height: 99px; }
.mobile-profileview span img    { max-width:125px; }
.mobile-welcometxt          { float:left; width:31%; position:absolute; line-height:normal; left: 3%; color:#a4a4a4; font-size:1.6em; bottom: 11px; 
                          padding: 2% 0 0; }  
.mobile-welcometxt span       { font-size:1.4em; }
.mobile-recentactivity        { background:#E9B05D;  color: #FFFFFF;  position:absolute; right:0; line-height: normal;  
                                      padding:0.3em 0 0.3em 1em;  width: 26%; bottom: 1px;  cursor:pointer; }
.mobile-recentactivity span     { font-size:1.5em; float:left; width:100%; }
.mobile-recentactivity span.arrow-down { position:absolute;  right:2%; width:20px; height:20px; top: 42%;
                     background:url(../Images/css-sprite.png) no-repeat -501px -126px; }
.scrolling-content          { float: left;  margin: 0 2em;  overflow: hidden;  width: 88%; }                     
.recent-activities-details      { background: #E9B05D; border-bottom: 1px solid #fff; float: left; padding: 2%; width:96%; display: none; margin-top: -1px; position: relative; }
.recent-activities-details span:first-child { border-top:none; }
.recent-activities-item       { font-size: 1.2em; color: #fff; float: left; padding: 0.3em 0; width: 100%; border-top: 1px solid #D7A255; }
.recent-activities-item span    { float:left; width:90%; }
.mob-middle-content         { float:left; width:100%; background:#89C0E6; }
.job-item                           { font-size: 1.2em; color: #fff; float: left; padding: 0.3em 0; width: 100%; border-top: 1px solid #78B3DB; }
.notification-item                  { font-size: 1.2em; color: #d1e2e6; float: left; padding: 0.3em 0; width: 100%; border-top: 1px solid #809eb5; }
.recent-activities-item a     { text-decoration:none; color:#fff !important; font-weight:normal !important; }
.recent-activities-item span.timesheet-icon, 
.recent-activities-item span.order-icon, 
.recent-activities-item span.task-icon { background: url(../Images/css-sprite.png) no-repeat scroll -143px -34px rgba(0, 0, 0, 0); width: 21px; height: 18px; position: relative; top: 2px; 
                     margin:0 0.5em 0 0; float:left;  }
.recent-activities-item span.order-icon { background-position: -106px -35px; top: 1px; } 
.recent-activities-item span.task-icon  { background-position: -184px -34px; top: 3px; }
                                       
.mobile-calendar          { background:#5f9259; float:left; width:100%; padding:2em 0 1.9em; border-bottom: 1px solid #fff; }
.mob-calendar-icon          { float:left; width:43px; text-transform:uppercase; font-size: 0.917em; color:#fff; font-family: 'Fjalla One', sans-serif; padding: 0; margin:0.4em 0 0 1.2em; }
.mob-calendar-icon span       { float:left; width:43px; height:43px; background:url(../Images/css-sprite.png) no-repeat -4px -108px; margin:0 0 0.4em -1px; }
.calendar-items           { float: right;  position: relative;  width: 80%; margin:0.2em 0.8em 0 0; }
.left-scroll, .right-scroll     { width:14px; height:24px; background:url(../Images/css-sprite.png) no-repeat -75px -117px; left:0; float:left; position:absolute; top: 28%; cursor:pointer; }
.right-scroll           { right:0; left:auto; background-position:-123px -117px; }
.calendar-items ul            { margin:0; padding:0; width: 1000px; height: 53px; overflow: hidden; }
.calendar-items ul li         { float: left; margin: 0; padding: 0.5em 2.8em; line-height:normal; width:80%; display:none; font-size:1.2em; color:#E1DDDD; position: absolute; }
 .calendar-items ul li.first    { display:block; }

.calendar-items ul li .left     { float:left; width: 63%; color:#fff; }
.calendar-items ul li .left span    { font-size: 1.4em; width:100%; float:left; }
.calendar-items ul li .right       { float:right; font-size: 3em; margin:-4px 0 0; font-family: 'Fjalla One',sans-serif; }

.mob-notification           { float:left; background:#7095b2; width:44%;  padding:3.6% 3%; position:relative; cursor: pointer; height:106px; }
.mob-notification .icon       { float:left; background:url(../Images/css-sprite.png) no-repeat -177px -112px; width: 51px; height:34px;  margin: 0 0 1.2em; }
.mob-notification .notify-text    { font-size: 2em; float:left; width:95%; line-height:normal; color:#fff; line-height:normal; margin:1em 0; }
.notify-text span                   { font-size: 0.8em; }
.mob-notification .notify-count   { color: #FFFFFF; float: right;  font-family: 'Fjalla One',sans-serif;  font-size: 5em;  line-height: normal;  position: absolute;  right: 9%; top: 9%; }
.mob-job              { background:#89C0E6;  float: right;  padding: 3.6% 3%; width: 44%; cursor: pointer; height:106px; }
.mob-job-inner              { float:left; width:100%; padding:0; margin:-1.56em 0 0; }
.mob-job .mob-job-title       { color:#fff;  font-size:3em; float:left; width:75%;  margin:0; }
.mob-job-icon             { background:url(../Images/css-sprite.png) no-repeat -265px -104px; float:right; width:40px; height:46px;margin:3px 0 0;}
.mob-job span             { float: right;  font-size: 3.5em;  line-height: normal;  text-align: center;  width: 106px; color:#fff; margin: 0; text-align: center;  
                    font-family: 'Fjalla One',sans-serif;  }
.mob-job span.text          { clear:both; width:100%; font-size: 0.354em; text-transform:uppercase; line-height: normal; margin:0; }
.mob-job-details          { float: right; margin: 0.13em 0 0;  position: relative; right: -32px; top: 18px;  width: 117%; }
.mob-timesheet            { float:left; width:95%; background:#1a6f82; padding:3%; position:relative; border-top:1px solid #fff;  }
.mob-time-caption           { float:left; width:19%; color:#fff; font-size: 2em; font-family: 'Fjalla One',sans-serif;}
.mob-timesheet .mob-time-icon     { float:left; width:51px; height:51px; background:url(../Images/css-sprite.png) no-repeat -338px -103px; margin:0 27px 6px; }
.mob-timesheet-content        { float:left; width:58%;  margin: 0 0 0 5%; }
.mob-timesheet-content h1           { color:#fff; font-weight:normal; }
.mob-timesheet-content h1 a     { color:#fff !important; font-weight:normal !important; text-decoration:none !important;}

.mob-timesheet .mob-content-icon         { background:url(../Images/border-for-mobile.png) no-repeat bottom left;  width:auto;  right: 5%;  position: absolute; top: 0; padding:6% 0 6% 5%; }
.mob-timesheet .mob-content-icon span        { background:url(../Images/css-sprite.png) no-repeat -422px -113px; width:45px; height:35px;  float:left;   margin:0; }
.mob-approve-details               { float:left; width:100%; background:#659eab; padding: 0.4em 0; }
.mob-approve-details .mob-approve-inner      { float:left; line-height:normal;  padding: 1% 4%; width:25%; color:#fff; text-transform:uppercase; text-align:center; 
                           font-family: 'Fjalla One',sans-serif; font-size:1.2em; border-left: 1px solid #478B9B; }
.mob-approve-details span:first-child        { border-left:none; }
.mob-approve-inner span              { font-size: 4em; float:left; width:100%; margin:0 0 -0.1em;  }

.mob-notifications-details-expand          { background: #7095B2; border-bottom: 1px solid #fff; float: left; padding: 2%; width:96%; display: none; margin-top: -1px; position: relative; }
.mob-job-details-expand          { background: #89C0E6; border-bottom: 1px solid #fff; float: left; padding: 2%; width:96%; display: none; margin-top: -1px; position: relative; }
.mob-job-details-expand span:first-child, .mob-notifications-details-expand span:first-child { border: none; }
.mob-approve-inner.stats-font-color { color: #467d89; }

.main-content-inner.mobile-landing { padding:0; width:100%; }

.task-panel.lp-mobile h4    { border-bottom: 1px solid #CCCCCC; margin: 0.3em 0 0; padding: 0 0 0.3em; }
ul.timesheet-items        { clear:both; margin:1em 0 0; padding:0; }
ul.timesheet-items li       { float: left;  padding:0.3em 0 0.3em;  width: 100%;  border-bottom: 1px solid #CCCCCC; }
/*********style of lp-mobile ends********/
ul.timesheet-items li span:first-child { float:left; width:70%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
ul.timesheet-items li:hover span.icon-set { display:block;  width:16px; padding:0; }
ul.timesheet-items li .icon-set span.edit-icon { margin:0; padding:0; }
ul.timesheet-items li .icon-set span.edit-icon.disabled { opacity:0.5; cursor:default !important; }

.mob-job-details-expand a { font-weight:normal !important; text-decoration:none !important; }

ul.mini_toolbar.lp-mobile { margin: 0.8em 0; }
ul.timesheet-items li span.edit-icon,
ul.timesheet-items li span.view-icon,
 ul.timesheet-items li span.add-icon  { background: url("../Images/css-sprite.png") no-repeat scroll -531px -46px rgba(0, 0, 0, 0);  cursor: pointer;  float: left;   height: 21px;
                          margin: 0;  text-indent: -99999px;  width: 21px; }
ul.timesheet-items li span.view-icon  { background-position: -531px -67px; width: 17px; opacity:0.7; }
ul.timesheet-items li span.add-icon  { background-position:-558px -67px;  } 
  
ul.timesheet-items li .icon-set   { float:right; width:auto;  margin: -4px 0 0; }   
ul.timesheet-items li:hover .icon-set { display:block; }                
ul.timesheet-items li span { float:left; width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

.comments-column, .more-column { width: 9px; }
.main-content .tab-content .more-options span {  margin: 0 0.2em 0 0; }
}

/***** ALL GENERATION IPADS *****/

/* iPads in portrait and landscape----------- */

@media only screen and (max-width: 1023px){
.gm-login-banner  { display:none; }
.gm-login-container-sub.login-homepage  { width:519px; }
.login-homepage .gm-login-content-wrap { width:100%; }
.notify-items.active .notify-item-inner,
.order-edit.active .notify-item-inner  { margin:0; }
.tab-content ul li, .order-edit.active .tab-content ul li  { width: 23.5%; }
}

@media only screen and (max-width : 999px) {
.gm-login-container-sub.workprofile                            { width: 85%; }
.login-section #workprofile .gm-details                        { width: 48%; }
.workprofile-left,.workprofile-right                           { float:left; width: 100%; }
.login-section #workprofile .gm-details input[type="text"],
.login-section #workprofile .gm-details input[type="password"] { padding: 3% 2%; }
.workprofile-right                                             { border: none; padding: 0; margin:1em 0 0; min-height: inherit; }
.departmentinfoheader                                          { padding: 0 0 1em; }

}
@media only screen and (max-width : 950px) {
.main-content .tab-content span.start-date input[type="text"], .main-content .tab-content span.product-id input[type="text"],.main-content .tab-content span.labor-id input[type="text"] { padding-right: 22%; width: 72%; }
}

@media only screen and (max-width : 934px) {
    .selected-labels { width: 95%; }
}
@media only screen and (max-width : 915px) {

.notify-lists ul li                          { display: none; }
.notify-lists ul li:last-child               { display: block !important; position: absolute; right:0; top:-3em; height: 1.5em; }
.notify-lists ul li:last-child span      { float:left; }
.notify-lists ul li a.g-more-buttons.ui-link { display: block; }
.notify-lists                                { position: absolute; right:0; }
.notify-lists ul                             { float: right; width:13.5em; position: relative; margin:3em 0 0; }
.notify-lists ul li.sub-option               { width:13.4em; background:#EFEFF2; border-top: 1px solid #D5D5D5; }
.notify-lists ul li:nth-child(6)             { border-bottom: 1px solid #D5D5D5;}
.notify-lists .gm-badge                      { float:right; margin: -0.2em 0.2em 0 0.3em; }
.notify-lists ul li label                    { width:90%; padding: 0.8em 0.8em 0.5em; }
.sort-item                                   { width:18em; }
}
@media only screen and (max-width : 858px) {
.main-content .tab-content span.start-date input[type="text"], .main-content .tab-content span.product-id input[type="text"], .main-content .tab-content span.labor-id input[type="text"] { padding-right: 24%; width: 70%; }
    
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPad in landscape----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.gm-login-container-sub.company  { width: 557px; }
.company .gm-login-content, .company #login-footer { width: 504px; }
.gm-login-container-sub.profile { width: 666px; }    
.profile .gm-login-content, .profile #login-footer { width: 613px; }
}

/* iPad in portrait----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){}

/***** Retina IPAD 3 & 4*****/
/* Retina iPad 3 & 4 in portrait and landscape----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){}

/* Retina iPad 3 & 4 in landscape----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){}

/* Retina iPad 3 & 4 in landscape----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){}

/***** IPAD 1 & 2 (ALSO IPAD MINI)*****/
/* iPad 1 & 2 in portrait and landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* iPad 1 & 2 in landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {}

/* iPad 1 & 2 in portrait ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1){}


@media only screen and (min-width: 768px){
  
.main-content .ordercreate-datatable input[type="text"], .main-content .ordercreate-datatable input[type="password"],
.main-content .ordercreate-datatable textarea  { border:1px solid transparent; background:none; } 
.main-content .ordercreate-datatable input[type="text"]:focus, .main-content .ordercreate-datatable input[type="password"]:focus, 
.main-content .ordercreate-datatable textarea:focus  { border:1px solid transparent; box-shadow:none;  }  
  
.ordercreate-datatable tbody tr.additem-contentfield { border-bottom: 2px solid #FFFFFF; border-top: 1px solid #E5E5E5;  /*border-bottom:2px solid #e5e5e5;*/ }
.ordercreate-datatable tbody:last-child tr.additem-contentfield { border-bottom:1px solid #e5e5e5; }
.ordercreate-datatable tbody:hover, .ordercreate-datatable tbody.active { background:#dde5eb; }
.ordercreate-datatable tbody:hover tr.additem-contentfield, .ordercreate-datatable tbody.active tr.additem-contentfield { border-bottom-color: #E5E5E5; } 
.ordercreate-datatable tbody:hover tr.even, .ordercreate-datatable tbody.active tr.even { background:transparent; }
.ordercreate-datatable tbody tr.even  { background-color: #fff; }

.comments-column, .more-column { width:20px; }
.ordercreate-datatable td.comments-field .comments_button { float:right; }
.ordercreate-datatable tbody.active input[type="text"], 
.ordercreate-datatable tbody.active input[type="password"], 
.ordercreate-datatable tbody.active textarea {
  border: 1px solid #9C9C9C;
    background: -moz-linear-gradient(top,  rgba(209,209,209,0.65) 0%, rgba(180,180,180,0) 14%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,0.65)), color-stop(14%,rgba(180,180,180,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 14%,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 14%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 14%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 14%,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF; /* W3C */
}

.ordercreate-datatable .field-icon, .ordercreate-datatable .comments_button, .ordercreate-datatable .filter-arrow-right-icon, .ordercreate-datatable td.unit select,
.ordercreate-datatable tbody.active td.unit .unitvalue { display:none; }
.ordercreate-datatable tbody.active .field-icon,
.ordercreate-datatable tbody.active .comments_button,
.ordercreate-datatable tbody.active .filter-arrow-right-icon,
.ordercreate-datatable tbody.active td.unit select { display:block; }   

.ordercreate-datatable tbody td.unit .unitvalue {  padding: 0.1em 0.72em 0; width: auto; color:#ccc; }
.ordercreate-datatable tbody td.unit .unitvalue.addedvalue { color:#000; }

.ordercreate-datatable tbody.active input[type="text"]:focus, .ordercreate-datatable tbody.active input[type="password"]:focus, 
.ordercreate-datatable tbody.active textarea:focus { border: 1px solid #79bbdd; box-shadow: 0 0 3px #79BBDD; }
  

.ordercreate-datatable tbody .sec-head { background:#f1f1f1 !important; }
.ordercreate-datatable tbody.sec-head tr.additem-contentfield { border:none !important; }
.product-column { width:80px;}
.lesser-width.quantity { width:65px; }  
.status-item-field  { width:40px; position:relative; }
.ordercreate-datatable tbody.product-default td.chkbox {  padding: 0.7em 0.5em 0.3em; }
.ordercreate-datatable tbody.product-default td.chkbox input { top:auto !important; }
.ordercreate-datatable tbody tr.additem-contentfield td.chkbox input { position:relative; top:3px; }
.main-content .ordercreate-datatable tbody td.description input{ padding: 0 4px; }
.ordercreate-datatable tbody.product-default .description { text-indent: 5px; font-weight:bold; }

}



@media only screen and (max-width: 767px){
.search-bar input[type="text"] { width: 93% !important; }
.main-content .tab-content aside.dropdown-option { float: left; }
.comp-select { width: 23% !important; }
.expenses-tab { display: block !important; }
.ts-data-table tbody td.accordian-header, .ts-data-table tbody td  { display:block; }
.ts-data-table thead, .ts-data-table tbody td.chkbox, .expenses_text, .time-in-out-text, .more-details small { display: none; }

.main-content-inner             { width:100%; padding:0; }
.summary-bar-desktop            { float:left; width:100%; }
.hidden-multiple-summary          { float: left; left: 0; position: absolute; right: auto; top: 6.2em; width: 99.7%; -moz-box-shadow:2px 3px 5px 1px #cdcdcd; -webkit-box-shadow: 2px 3px 5px 1px #cdcdcd;  box-shadow:2px 3px 5px 1px #cdcdcd; }
.summary-bar-desktop-hidden         { float: left; left: 0; right: auto; top: 6.2em; width:100%; }  
.accordian_header, .tab-button        { background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
                                            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
                                            background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
                                            background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
                                            background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
                                            background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
                                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); color: #666F78; 
                       display: block;  padding: 0; width: 100%; box-shadow:0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); }
.accordian_header:hover                   { background:#C6E1EC;} 
.accordian-header.active .accordian_header { background:#C6E1EC;}                                       
.accordian_header li            { display: inline-block;  padding: 0.625em 0.625em 0.75em 2em;  width:auto;}    

.accordian-arrow              { float: right; padding:0.7em 0.5em !important; width: 14px !important; }
.accordian-arrow-icon             { background: url("../Images/css-sprite.png") no-repeat scroll -494px -3px rgba(0, 0, 0, 0); float: left; height: 15px; opacity: 0.5; width: 15px;                                                  cursor:pointer; }
.accordian_header li.mobile-comments      { float: right; width:16px; padding: 0.8em 0.6em; }
.accordian_header li:last-child           { float:right; padding:0.5em 1em 0 0;  }
.accordian_header li:last-child span      { background:#277798; border-radius: 3px;  color: #FFFFFF; padding: 0.2em;  float: left; }  
.accordian_header li img                  { float: left; width: 9px; }
.accordian_header li.mobile-comments img  { width: 15px; }  
.chkbox                   { display: block !important; left: 0.5em;  padding: 0 !important; position: absolute !important; top:0.8em;  width: 1em; }
.mini-popup                               { border: medium none;  box-shadow: none;  display: inline-block;  float: left;  margin-top: auto;  padding: 0;  position: relative;
                          text-align: left; width: 98%; max-height:inherit; }
.mini-popup li                  { display: inline-block;  padding: 0 0.8em 0.3em 0.1em !important;  text-align: left;  width: 40% !important; }
.comments_button                { display: none; }
.comments_popup               { margin: 0.5em 0;  width: 96%; padding: 2%; background: #fff; border-radius: 0; -moz-box-shadow:2px 3px 5px 1px #cdcdcd; -webkit-box-shadow: 2px 3px 5px 1px #cdcdcd;  box-shadow:2px 3px 5px 1px #cdcdcd;  }
.comments_popup textarea            { float: none; width: 97%; resize:none; padding: 1%; }
.comments-area                { height: 60px; }
.mini-popup.expenses-tab li:nth-child(3)  { float: left;  width: auto !important; padding-top: 0.4em !important; }
.mini-popup.time-in-out li:nth-child(2)   { padding-right: 0 !important; }
.mini-popup.time-in-out li:nth-child(3)   {  padding: 0 0.4em !important; }
/*.planner-create .mini-popup.time-in-out             { margin: 0.6em 0 0; }*/
/*.planner-create .mini-popup.expenses-tab                  { margin: 0.6em 0 0; }*/
.rotate180                  { background: url("../Images/css-sprite.png") no-repeat scroll -406px -5px rgba(0, 0, 0, 0) !important;    opacity: 0.5; }
.mini-popup.expenses-tab li:nth-child(2)        { width: 36% !important; padding-right:0 !important; }
.mini-popup.expenses-tab li:last-child          { float:left; width:auto !important;  padding: 0.3em 0 0 !important; }
.file-wrapper                 { width:auto; }
.file-wrapper .button           { height: 22px; width: 22px; height: 22px; padding: 0; font-size:0; }
 .ts-data-table tr.even             {  background-color:transparent !important;}

.main-content input[type="text"]       { padding:0 0.3em 0 0.625em; }

.mini-popup.expenses-tab li         { width: 34% !important; }  
.rt-dt-ot ul, .expenses-tab ul        { margin-left:0; }
.top-nav-menu ul li:hover span.g-collapsible-search-icon,
.top-nav-menu ul li.active span.g-collapsible-search-icon {  background-position: -29px 0 !important; }

.more-details a { display: block; }
    .app-rej > a
    {
        display: block;
        float: right;
        width: 82%;
    }
    .variance > a
    {
        display: block;
        float: right;
        margin-left: 0.3em;
        text-align: left;
        width: 79%;
    }
 
    .ts-data-table
    {
        width: 100%;
        margin-bottom:0.5em;
    }
    .ts-data-table thead
    {
        float: left;
    }
    .ts-data-table thead tr
    {
        display: block;
    }
    .ts-data-table thead tr th
    {
        display: block;
    }
    .ts-data-table tbody
    {
        display: inline-block;
    }
    .ts-data-table tbody tr
    {
        display: block;
        position: relative;
    }
    .ts-data-table tbody td
    {
        display: block;        
        padding: 0.8% 2%;
    position:relative;
    }
  .ts-data-table tbody td:first-child { padding: 0.1em 0 0;}
    .ts-data-table thead
    {
        display: none;
    }
    .ts-data-table tbody
    {
        width: 100%;
    }
    /* table for resource timesheet */
    
     .planner .search-bar input[type="text"]
    {
        width: 82% !important;
    }
    

    /* pricing table*/
    .collapsible-row table
    {
        width: 100%;
        background-color: #FFF0DA;
        border:1px solid #ccc;
    }
    .collapsible-row table thead
    {
        float: left;
    }
    .collapsible-row table thead tr
    {
        display: block;
    }
    .collapsible-row table thead tr th
    {
        display: block;
    }
    .collapsible-row table tbody
    {
        display: inline-block;
    }
    .collapsible-row table tbody tr
    {
        display: block;
        border-bottom: 1px solid #ccc
    }
    .collapsible-row table tbody td
    {
        display: block;
        padding: 4px;
        text-align: left;
        border-bottom: 1px solid #ccc
    }
    .collapsible-row table thead
    {
        display: none;
    }
    .collapsible-row table tbody
    {
        width: 100%;
    }
    .pricing-info-table table tbody td:nth-child(1):before
    {
        content: 'Day ';
    }
    .pricing-info-table table tbody td:nth-child(2):before
    {
        content: '12am ';
    }
    .pricing-info-table table tbody td:nth-child(3):before
    {
        content: '1 ';
    }
    .pricing-info-table table tbody td:nth-child(4):before
    {
        content: '2 ';
    }
    .pricing-info-table table tbody td:nth-child(5):before
    {
        content: '3 ';        
    }
    .pricing-info-table table tbody td:nth-child(6):before
    {
        content: '4 ';
    }
    .pricing-info-table table tbody td:nth-child(7):before
    {
        content: '5 ';
    }
    .pricing-info-table table tbody td:nth-child(8):before
    {
        content: '6 ';
    }
    .pricing-info-table table tbody td:nth-child(9):before
    {
        content: '7 ';
    }
    .pricing-info-table table tbody td:nth-child(10):before
    {
        content: '8 ';
    }
    .pricing-info-table table tbody td:nth-child(11):before
    {
        content: '9 ';
    }
    .pricing-info-table table tbody td:nth-child(12):before
    {
        content: '10 ';
    }
    .pricing-info-table table tbody td:nth-child(13):before
    {
        content: '11 ';
    }
    .pricing-info-table table tbody td:nth-child(14):before
    {
        content: '12pm ';
    }
    .pricing-info-table table tbody td:nth-child(15):before
    {
        content: '1 ';
    }
    .pricing-info-table table tbody td:nth-child(16):before
    {
        content: '2 ';
    }
    .pricing-info-table table tbody td:nth-child(17):before
    {
        content: '3 ';
    }
    .pricing-info-table table tbody td:nth-child(18):before
    {
        content: '4 ';
    }
    .pricing-info-table table tbody td:nth-child(19):before
    {
        content: '5 ';
    }
    .pricing-info-table table tbody td:nth-child(20):before
    {
        content: '6 ';
    }
    .pricing-info-table table tbody td:nth-child(21):before
    {
        content: '7 ';
    }
    .pricing-info-table table tbody td:nth-child(22):before
    {
        content: '8 ';
    }
    .pricing-info-table table tbody td:nth-child(23):before
    {
        content: '9 ';
    }
    .pricing-info-table table tbody td:nth-child(24):before
    {
        content: '10 ';
    }
    .pricing-info-table table tbody td:nth-child(25):before
    {
        content: '11 ';
    }
.collapsible-row table tbody td:nth-child(1):before, .collapsible-row table tbody td:nth-child(2):before, 
.collapsible-row table tbody td:nth-child(3):before, .collapsible-row table tbody td:nth-child(4):before, 
.collapsible-row table tbody td:nth-child(5):before, .collapsible-row table tbody td:nth-child(6):before, 
.collapsible-row table tbody td:nth-child(7):before, .collapsible-row table tbody td:nth-child(8):before,
.collapsible-row table tbody td:nth-child(9):before, .collapsible-row table tbody td:nth-child(10):before, 
.collapsible-row table tbody td:nth-child(11):before, .collapsible-row table tbody td:nth-child(12):before, 
.collapsible-row table tbody td:nth-child(13):before, .collapsible-row table tbody td:nth-child(14):before, 
.collapsible-row table tbody td:nth-child(15):before, .collapsible-row table tbody td:nth-child(16):before, 
.collapsible-row table tbody td:nth-child(17):before, .collapsible-row table tbody td:nth-child(18):before, 
.collapsible-row table tbody td:nth-child(19):before, .collapsible-row table tbody td:nth-child(20):before, 
.collapsible-row table tbody td:nth-child(21):before, .collapsible-row table tbody td:nth-child(22):before, 
.collapsible-row table tbody td:nth-child(23):before, .collapsible-row table tbody td:nth-child(24):before, 
.collapsible-row table tbody td:nth-child(25):before { font-weight: bold; }
    
    /* styles for estimated timesheet table*/
    .estimated-duration-table table tbody td:nth-child(1):before
    {
        content: 'Day ';
    }
    .estimated-duration-table table tbody td:nth-child(2):before
    {
        content: 'Task ';
    }
    .estimated-duration-table table tbody td:nth-child(3):before
    {
        content: 'Start Time ';
    }
    .estimated-duration-table table tbody td:nth-child(4):before
    {
        content: 'End Time ';
    }
    .estimated-duration-table table tbody td:nth-child(5):before
    {
        content: 'Regular Time ';
    }
    .estimated-duration-table table tbody td:nth-child(6):before
    {
        content: 'Over Time ';
    }
    .estimated-duration-table table tbody td:nth-child(7):before
    {
        content: 'Double Time ';
    }
    .estimated-duration-table table tbody td:nth-child(8):before
    {
        content: 'Total Hours ';
    }
    .clear-class { float: left; width: 95%; }
    .planner td:last-child
    {
        text-align: left;
    }
    .g-selected-tab
    {
        background-color: #FFF0DA;
        border: none;
    }

    #notify-box {display: none !important; }

    .ts-data-table tbody tr.summaryTotl { display: none; }

   .ts-data-table input    {  width: 97% !important; }

   .ts-data-table .rt-dt-ot input { width: 94% !important; }

   .ts-data-table .time-in-out input, .ts-data-table .expenses-tab input { width:92% !important; }
   .ts-data-table tbody td.g-status-indicator
    {
      display: none !important;
    }
    .ts-data-table tbody td:first-child {
      padding: 0.1em 0 0;
    }
    .collapsible-row {
      clear: both;
    }
    
    .hideCollapse {
      color: #E69935;
      cursor: pointer;
      display: block;
      font-size: 1.5em;
      position: absolute;
      right: 0;
      width: 5%;
    }
    .hideCollapse:before {
      content: "X";
    }
    .ts-data-table tbody tr.collapsed td
    {
      padding: 0.1em 0.5em;
      z-index: 1;
    }

    .collapsible-row.tabs {
      background-color: #FFFFFF;    
      list-style: none outside none;
      width: 100%;
    }
    .pricing-content {
      float: right;
      width: 70%;
    }
    .status-view-label {
      float: right;
      font-weight: bold;
      margin-right: 0.2em;
    }
    .collapsible-row.tabs li {
      cursor: pointer;
      float: left;
      list-style: none outside none;
      padding: 1em;
      text-align: center;
      width: 36%;
    }
    .ts-data-table tbody tr.collapsed td .pricing-info-table td {    
      padding: 0.1em;
      font-size: 1.2em;
    }
    .rotate270 {
      transform: rotate(270deg);
    }

.ts-data-table td.accordian-header { display:block !important; }
.ts-data-table tbody td  { display:block; }

.notification-items thead th  {display:none; }
.notification-items tbody { float:left; width:100%; }
.notification-items tbody table td { float:left; } 
.notification-items tbody td:first-child {  padding: 0.2em 0; }

.notification-items tbody table td:first-child  { width:90%;  padding: 0 0 0 0.5em; }
.notification-items table td:first-child span   { padding: 0 0 0 2em; width:auto; float:none; }

.notification-items tbody table td:nth-child(2){ width:42%; clear: both;  margin: 0 0.5em 0 0;  text-overflow: ellipsis; white-space:nowrap; -o-text-overflow: ellipsis; overflow: hidden; }
.notification-items tbody table td:nth-child(3) { width:auto; margin: -1em 0.5em 0; }



.notify-list-item table               { width:98%;  }
.notification-items tbody table td:nth-child(4) { width:auto; position:absolute; right: 12px; top: 5px; }
.notification-items tbody td:nth-child(3)   { padding: 0 0.3em 0 0; float:left; width:100%; }
.task-panel .ui-panel-inner           { margin:0; }
.notification-iconlist              { display:none !important; }
.notification-items tbody.show .notification-iconlist { display:block !important; }
.notification-items table tbody tr { float:left; width:100%; }

.tab-button       { padding:0.6em 1%; position: relative;  width: 98%;  cursor: pointer; }
.tab-button.accordian_header:hover, .tab-button.accordian_header.active { background:#C6E1EC; border-radius: 0; }
.tab-button span { position:absolute; background: url(../Images/css-sprite.png) no-repeat -494px -3px; width:15px; height:15px; right:10px; opacity:0.5; }
.tab-button.accordian_header.active span { background-position: -407px -5px; }
ul.tabs { margin-bottom:0.5em; }
.tab-button { display:block; }
ul.tabs.inner { display:none; }
.main-content-inner.order-edit { padding:0 0 2em; }


/****order creation add-items data table starts*****/
.ordercreate-datatable { clear: both; float: left; font-size: 1em; margin: 1%; width: 97%; }
.main-content .tab-content aside.dropdown-option { margin-left: 2%; }
.ordercreate-datatable tbody td { float:left; clear:both; width:100%;  padding: 0 0.3% 1em; }
.ordercreate-datatable tbody tr.additem-contentfield { padding-top:1em; float:left; width:100%; }
.ordercreate-datatable tbody tr.additem-contentfield td { padding: 0 2% 1em; width: 96%; }
.ordercreate-datatable tbody tr.additem-contentfield td:first-child { padding-top:1em; }
.ordercreate-datatable tbody tr.additem-contentfield td.chkbox { display:none !important; }
.ordercreate-datatable thead { display:none; }
.ordercreate-datatable tbody td.accordian-header { display:block !important; padding-bottom:0; }
.ordercreate-datatable .accordian-header ul { padding: 0 0.6%;  width: 99%; float:left; cursor:pointer;  }
.ordercreate-datatable .accordian-header ul li:first-child { float:left; }
.ordercreate-datatable .accordian-header ul li { padding: 0.6em 0.2em; margin:0; width:auto !important; float:right; }
.main-content .ordercreate-datatable input[type="text"], .main-content .ordercreate-datatable input[type="password"] { padding: 0 0.5%; width: 99%; }
.ordercreate-datatable tbody td.unit  { width: 99.4%; }
.ordercreate-datatable .accordian-header ul li.mobile-comments { padding-top:0.8em; }
.ordercreate-datatable tbody tr.additem-contentfield td.comments-field { position:absolute; width:98%;  margin: -0.2em 0 0; padding: 0 2%; }
.ordercreate-datatable td.comments-field .comments_popup { padding: 1.8%; width: 94.7%; }
.ordercreate-datatable td.comments-field textarea { width: 98%; }
.ordercreate-datatable .accordian_header.active { background:#C6E1EC;}
.ordercreate-datatable .accordian-header.active .accordian-arrow-icon {background-position: -406px -5px; }
.ordercreate-datatable .right-align { text-align:left; }
.main-content .tab-content span.start-date input[type="text"],
.main-content .tab-content span.product-id input[type="text"], .main-content .tab-content span.labor-id input[type="text"] { padding-right: 5%;  width: 94.5%; }
.ordercreate-datatable thead th.unit, .ordercreate-datatable tbody td.unit { width: 99.3%; }

.ordercreate-datatable tbody tr.additem-contentfield td.more-options  { float:right; width:auto; }
.ordercreate-datatable tbody td.more-options span { opacity:1; background-image:none;  width:auto; text-indent:inherit; }
.main-content .tab-content span.additem-optional-fields { margin: 0 1%; width: 96%; padding: 1%; }

.ordercreate-datatable  { width: 100%;  margin: 0; }
.ordercreate-datatable tr.even { background-color: #fff; }
.tab-content.additems-data { padding: 2% 0; width: 100%; }

.additem-tbl .additem-contentfield td:nth-child(2):before  { content: "Status"; }
.additem-tbl .additem-contentfield td:nth-child(3):before  { content: "Action"; }
.additem-tbl .additem-contentfield td:nth-child(4):before  { content: "Product Id"; }
.additem-tbl .additem-contentfield td:nth-child(5):before  { content: "Description"; }
.additem-tbl .additem-contentfield td:nth-child(6):before  { content: "Quantity"; }
.additem-tbl .additem-contentfield td:nth-child(7):before  { content: "Unit"; }
.additem-tbl .additem-contentfield td:nth-child(8):before  { content: "Unit Price"; }
.additem-tbl .additem-contentfield td:nth-child(9):before  { content: "Unit Cost"; }
.additem-tbl .additem-contentfield td:nth-child(10):before  { content: "Amount"; }
.additem-tbl .additem-contentfield td:nth-child(11):before { content: "Start Date"; }
.additem-tbl .additem-contentfield td:nth-child(12):before { content: "End Date"; }

.addlabor-tbl .additem-contentfield td:nth-child(2):before { content: "Labor Id"; }
.addlabor-tbl .additem-contentfield td:nth-child(3):before { content: "Description"; }
.addlabor-tbl .additem-contentfield td:nth-child(4):before { content: "Quantity"; }
.addlabor-tbl .additem-contentfield td:nth-child(5):before { content: "Tasks"; }
.addlabor-tbl .additem-contentfield td:nth-child(6):before { content: "RT"; }
.addlabor-tbl .additem-contentfield td:nth-child(7):before { content: "OT"; }
.addlabor-tbl .additem-contentfield td:nth-child(8):before { content: "DT"; }
.addlabor-tbl .additem-contentfield td:nth-child(9):before { content: "Discount"; }
.addlabor-tbl .additem-contentfield td:nth-child(10):before { content: "Net Discount"; }

.unitvalue { display:none; }

/****order creation add-items data table ends*****/


/***************************/
.fullviewcomp td:nth-child(2):before { content: "Company"; font-weight: bold; }
.fullviewcomp td:nth-child(3):before { content: "Customer/ Vendor Id"; font-weight: bold; }
.fullviewcomp td:nth-child(4):before { content: "Company Phone"; font-weight: bold; }
.fullviewcomp td:nth-child(5):before { content: "Last Name"; font-weight: bold; }
.fullviewcomp td:nth-child(6):before { content: "First Name"; font-weight: bold; }
.fullviewcomp td:nth-child(7):before { content: "Middle Name"; font-weight: bold; }
.fullviewcomp td:nth-child(8):before { content: "Main Phone"; font-weight: bold; }
.fullviewcomp td:nth-child(9):before { content: "Street"; font-weight: bold; }

.additem-contentfield td{ display:none; }

.ordercreate-datatable.fullviewcomp .additem-contentfield td { clear: none; width: 40%; }
.ordercreate-datatable.fullviewcomp .additem-contentfield td.accordian-header, .ordercreate-datatable.fullviewcomp .optional-fields-section td { width: 100%; }

.field-icon.cal_icon  { background-position: 4px 6px; }

ul.inventory li { width: 47%; }

.notify-more-option { right: 10%; }

.viewdetails-content .ordercreate-datatable tbody tr.additem-contentfield td:first-child { display:none !important; }
.viewdetails-content .ordercreate-datatable tbody tr.additem-contentfield { float:left; clear:both; }
.viewdetails-content .tab-content {  padding: 0.8em 0 !important; width: 100%  }

.statusfield .indicator { margin-left:0; }
}

@media only screen and (max-width: 780px){

.mob-timesheet-content h1 { font-size:1.6em; }
.mob-notification .notify-text { font-size: 1.6em; }
}

@media only screen and (max-width:720px) {
    .full-view-search-sect .field-icon.popup_icon { top: 0 !important; }
}

@media only screen and (min-width:496px) and (max-width:768px) {

 .ts-data-table input    {  width:98% !important; }
 .ts-data-table tbody tr.collapsed td .pricing-info-table td {    
      padding: 0.1em;      
    }
  
#gm-login-container table tr.login-header td { height:80px; }
/*.gm-login-banner  { display:none; }*/

}

@media only screen and (max-width:635px) {
    .defaultopt { display: inline-block;}
}

@media only screen and (min-width:710px) and (max-width:767px) {
    .gm-login-container-sub.emailconfig, .gm-login-container-sub.personalinfo { width: 85%; }
}
@media only screen and (max-width : 709px) {
.comp-select { width: 30.4% !important; }
.tab-content ul li, .order-edit.active .tab-content ul li { width: 31.5%; }
.gm-login-container-sub.profile, .gm-login-container-sub.emailconfig, .gm-login-container-sub.personalinfo { width:92%; }    
.gm-login-container-sub.emailverification { width: 85%; }
.company .gm-login-content, .company #login-footer, .profile .gm-login-content, .profile #login-footer,
.emailverification .gm-login-content, .emailverification #login-footer,
.workprofile .gm-login-content, .workprofile #login-footer,
.emailconfig .gm-login-content, .emailconfig #login-footer,
.personalinfo .gm-login-content, .personalinfo #login-footer {  width: 94%; }
.gm-login-content { margin:4% 0; }
#login-footer { margin:0 0 3%; }

.company .gm-login-content { width:92%; }
.gm-login-container-sub.company { width:557px; }
.login-section #workprofile .gm-details { width: 47%; }
 .splitter, .departmentinfoheader { display: none; }
 .cleardepet { clear: both; }
 .marginleft2 { margin: 0; }
 .departmentinfoheader { clear: both; display: block; left: 0; position: relative; }
 .gm-login-container-sub.personalinfo { margin:3em auto; }
 
ul.titlebar-landing-page         { position:absolute; right:0; }
.titlebar-landing-page li.sub-option     { display: none; position: relative; clear:both; width:11em; margin:0; top: 0.2em; right: -1.8em; left:auto; }
.titlebar-landing-page li.gm-close       { display:none; }
.titlebar-landing-page li:first-child    { float:right; }
.titlebar-landing-page li:last-child     { display:block; position:absolute; right:0; }
.titlebar-landing-page li.sub-option .g-button, .titlebar-landing-page li.sub-option.gm-close  { margin: 0; float: left; text-align: left;  width: 100%; box-shadow: none; border:1px solid #D5D5D5; border-top:none;  background: #fff; border-radius: 0; } 
.titlebar-landing-page li.sub-option.gm-close { width: 10.83em; }
#CreateTimeSheet .titlebar-landing-page li.sub-option.gm-close  { float: right;  left: auto;  margin: 0;   position: relative;  right: -1.8em;   top: 0.2em;   width:10.8em; } 
    
.titlebar-landing-page li.sub-option.gm-close a { background-image:none; text-indent:inherit; height:auto; padding:0.4em 1em; opacity:1; width: 100%; text-decoration: none; color: inherit; }                                                  
.titlebar-landing-page li.sub-option .g-button:hover, .titlebar-landing-page li.sub-option.gm-close:hover { background:#DAAF74; }
.titlebar-landing-page li:nth-child(2) { border-top:1px solid #D5D5D5;  }   
.landing-page .g-header-title h2, .g-header-title h2    { margin: 0.7em 0;  font-size: 1.17em; }    
.titlebar-landing-page { padding: 0 2em 0 0; }

}

@media only screen and (max-width : 747px) {
    .selected-labels { width: 94%; }
}

@media only screen and (max-width: 650px){
.comp-select { width: 30% !important; }
.model-window     { width: 90%; }
.tab-content ul li      { margin: 0 1% 2%; width: 31.2%; }
.order-edit.active .tab-content ul li {width: 31.2%;}
.tab-content        { padding: 2% 1%; width: 98%; }
.order-edit h1, .order-edit h2, .order-edit h3,.order-edit h4 { margin: 0 0 1% 1%; }
.notification-items tr.notification-iconlist {right:-23em; }
}

@media only screen and (max-width: 640px){
 .mob-timesheet-content h1 { font-size: 1.5em; }
}

@media only screen and (max-width : 623px) {
.selected-labels { width: 93%; }
.selected-filter-options-container { width: 75%; }
.mob-notification { width:37%; }
.mob-job { width:51%; }
}

/* iPhone 5 landscape */
@media only screen and (min-width:560px) and (max-width:680px) {
    
}


/* Kindle Portrait 600 X  ----------- */
@media only screen and (max-width: 610px){

.mob-job-inner { margin: -1.5em 0 0; }
.mob-notification .notify-text { font-size: 1.3em;  margin: 1.2em 0 0; }
.mob-timesheet .mob-time-icon { margin: 0 20px 6px; }
.mob-time-caption { font-size: 1.6em; }
}


@media only screen and (max-width : 585px) {
.company .gm-login-content        { width:92%; }
.gm-login-container-sub.company     { width:94%; }
.tab-content ul li, 
.order-edit.active .tab-content ul li { width: 48%;}
.tab-content .fields.comments-field ul li { width: 98.4%; }
.order-edit.active .tab-content .fields.comments-field ul li { width: 98.4%; }
.comp-select { width: 45% !important; }
}


@media only screen and (max-width: 560px){
.mob-job-details { top: 13px; }
.mob-notification .notify-count { top: 5%; }
.calendar-items ul li { width: 72%; }
.mobile-welcometxt span { font-size: 1.2em; }
}

@media only screen and (max-width: 535px) {

.gm-login-container-sub.login-homepage   { width:96%; }
.login-homepage .gm-login-content-wrap   { float:left; width:99%; }

.gm-datatable.ordersearch th:nth-child(4),
.gm-datatable.ordersearch td:nth-child(4) { display:none; }

    .customview .corresponding-details .g-top-section li { width: 100%; }
    .custom-sort-option li { width:100%; }
    .main-content.customview .corresponding-details input[type="text"]  { width: 95.5%; }

    .select2-container-multi .select2-choices { width: 99%; }
    .model-window.customview .g-primary-btns  { padding: 0.6em 0.3em; }
    .main-content .cv-sel, .model-window-body select { width: 100%; }
    .selected-labels { width: 92%; }
  .multiseldiv select { width: 100% !important; }
  .main-content.customview .corresponding-details select { width:100%; }
  
  .mob-notification { width:30%; }
  .mob-job { width:58%; }
}


@media only screen and (max-width : 499px) {
    .personalinfo .gm-company-logo { clear:both; width:100%;  text-align: center; }
    .personalinfo .gm-login-title { width:9.5em; }
    .margintop2 {   margin-top: 0; }
    .personalinfo .gm-aside-logo { clear:both; }
    .workprofile .gm-company-logo{ width: 100%; text-align: center; }


    .customview .filter-option-close { margin: 0.2em 0.8em 0 0.4em; }
    .model-window.customview .g-primary-btns { padding: 0.6em 0.5em; }
    .main-content .tab-content span.start-date input[type="text"],.main-content .tab-content span.product-id input[type="text"], .main-content .tab-content span.labor-id input[type="text"] { padding-right: 5%; width: 94.2%; }
    .selected-filter-options-container { width: 70%; }
    .selected-filter-options { width: 97.5%; }
  
  
}

@media only screen and (max-width : 493px) {
.mob-notification .notify-text { font-size: 1.2em; margin: 1em 0 0; }
.mob-job span { font-size: 3.2em; }
}

@media only screen and (max-width : 485px) {
.mob-timesheet-content h1 {  font-size: 1.2em; }
.mob-job span { width:33%; }
.mob-timesheet .mob-content-icon { padding: 7% 0 7% 5%; }
.mob-time-caption { font-size: 1.3em; } 
.mob-timesheet .mob-time-icon { margin: 0 16% 6px; }
.calendar-items ul li { padding: 0.7em 2.8em; font-size: 1em; }
.mob-job-icon { margin: 9px 0 0; }
}

/* All Smartphones in portrait and landscape ----------- */
@media only screen and (max-width : 480px) {

.additem-optional-fields ul li { width: 30% !important; }
#skills .gm-details                     { width: 100%; }
.gm-login-banner                        { display:none; }
.gm-login-container-sub.login-homepage  { width:94%; }
.crew-section .gm-login-title           { float:left; }
.gm-login-details .gm-bottom-section    { position: fixed; left: 0; bottom: 0; }
#login-footer                           { margin: 0 0 80px; }
.emailconfig #login-footer,
.workprofile #login-footer              { margin:0 0 100px; }

.emailverification #login-footer        { margin:0 0 125px; }
#skills .gm-details input[type="text"]  { padding: 3% 2%; }
#success-msg.profile .gm-login-title    { width:auto; }

ul.tabs a     { padding: 0 22px; width: auto; font-size: 0; }
.tab-icons.information { background-position: -630px -37px;  height: 28px; }
.tab-icons.additems  { background-position: -599px -37px;  height: 26px; }
.tab-icons.labor { background-position: -566px -37px; height: 26px; }

ul.inventory li { width: 96%; }

.notify-more-option                 {  margin: 0 !important;  min-width: inherit;  position: fixed;  right: 0;  width: 100%; background-color: #F5F5F5; margin: 0;                                                                        background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);  background-repeat: repeat-x;  
                          border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;   border-image: none; border-radius:0; border-style: solid;   border-width: 1px;  
                          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; 
                                          font-size: 1em;  line-height: normal;  padding: 0; text-align: center; vertical-align: middle; font-family: Arial; z-index:9999; }
.notify-more-option.autoScroll        { position:fixed !important; z-index:999999 !important; bottom:0; -webkit-transition:all .2s linear; -webkit-transform:                                                     translate3d(0,0,0);} 
.notify-more-option ul            { -webkit-transform:translate3d(0,0,0); }

.main-content-inner.notify-items            { margin-bottom:4em; }
.notify-more-option ul                {  padding:0;  position: relative; width: 284px; margin:0 auto; z-index:99999; }
.notify-more-option ul li span            { border-radius: 0;  margin: 0;  padding: 3% 4.2%; border-top:none; border-bottom:none; }
.notify-more-option ul li:first-child span,
.notify-more-option ul li:last-child span   { border-radius: 0; }
.notify-more-option ul li span.count a      { padding: 13% 0.5em; }
.notify-more-option ul li span.count    { width:auto; }

.ui-panel-content-wrap-open .notify-more-option { display:none !important; }
.viewdetails-inner .alignright          { margin: 0 0.8em 0 0; }
ul.date li:last-child           { margin-right:0; }
.alert-msg                    { bottom: 0; position: fixed; }
.tab-content .additem-optional-fields ul li { margin-right:0.5em; }

.left-nav .search-bar input[type="text"]    { width: 85% !important; }

}

@media only screen and (max-width:467px) {
    .selected-labels { width: 91%; }
}
@media only screen and (max-width:460px){
.viewdetails-inner .alignright { margin: 0 5px 0 0; } 
.mobile-welcometxt {padding: 6% 0 0;  }
.mobile-welcometxt span {  font-size: 1em;}
  }

@media only screen and (max-width:454px) {
.success-message { padding: 1em 0; }
.success-message span { margin: 6px 10px 0 0; }

}


@media only screen and (max-width:450px) {    
    .customview-filter-options li { display: block; }
    .customview-filter-options li label { padding:1em 0.8em 0 0; }
  
  .notification-items tbody table td:nth-child(1),
  .notification-items tbody table td:nth-child(2) { width:80%; }
  .notification-items tbody table td:nth-child(3) { clear:both; margin: 0 0.5em;  padding:0; width:80%;  white-space: nowrap; text-overflow:ellipsis; }
}


/*****specially for the timesheet date range, start, Hours textboxes****/
@media only screen and (max-width:430px) {
.ts-data-table input { width: 96.3% !important; }
.g-top-section li                   { width: 99%; }
.main-content .date-time input[type="text"] { width: 95.8%; }
.g-top-section .search-bar input[type="text"]{ width: 96% !important; }
#profile-new .gm-company-logo { clear: both; width:100%; text-align:center; }
.profile-img { width:78px;  height:78px; }
#profile-new .gm-aside-logo { clear:both; }
#profile-new .gm-login-title { clear:none; float: left; }
.login-section #workprofile .gm-details { width: 100%;}
.marginleft09 { margin:0; }

.gm-datatable.ordersearch th:nth-child(3),
.gm-datatable.ordersearch td:nth-child(3) { display:none; }

}

/* Android(Samsung Galaxy) in portrait 380 X 685 ----------- */

@media only screen and (max-width:421px) {
    .g-btn-primary span { float: left;  overflow: hidden; white-space: nowrap; width: 30px !important; }
  .mob-job-details { left: -5%; float:left; right:auto; width: 109%; }
  .mob-notification .notify-count { top: 4px; font-size: 4em; }
    .gm-details input[type="text"], .gm-details input[type="password"], .gm-details input[type="email"] { padding: 2.5% 2%; }
    .gm-details { width: 98%; }
} 


@media only screen and (max-width:415px) {
    .selected-labels { width: 90%; }
  .main-content .tab-content span.start-date input[type="text"], .main-content .tab-content span.product-id input[type="text"], .main-content .tab-content span.labor-id input[type="text"] { padding-right:6%; width: 93.4%; }
    .selected-filter-options-container { max-width: 60%; }
    .selected-filter-options { width: 97.3%; }
}

@media only screen and (max-width : 394px) {
     ul.date { width:96%; }
   ul.date li:first-child { margin-right: 0.4em; }
   ul.date li { width: 49.3%; }
   .mobile-welcometxt { font-size: 1.4em; }
}

@media only screen and (max-width : 380px) {
    .comp-select { width: 91% !important; }

  .tab-content ul li, .order-edit.active .tab-content ul li { width: 100%; margin: 0 0 2%; }
  .tab-content .fields { margin: 0 0 0.6em; }
  .tab-content .fields.comments-field ul li { width: 98%; }
  .main-content .fields.comments-field .label { width:100%; }
  .selected-labels { width: 89%; }
  .order-edit-bottom-section aside.alignright { float: left; width: 98%; margin-right:0; }
  .order-edit-bottom-section aside.alignright input { width: 100%; }
  .order-edit-bottom-section aside.alignright input.primary { margin-top:0.5em; }
  .order-edit-bottom-section aside.alignright input.primary.order-next-button { margin-top: 0; }
  .main-content .tab-content span.start-date input[type="text"],.main-content .tab-content span.product-id input[type="text"], .main-content .tab-content span.labor-id input[type="text"] { padding-right: 7%; width: 92.3%; }
    .ordercreate-datatable.fullviewcomp .additem-contentfield td { width: 100%; }
  ul.inventory li { width:100%; }
  ul.viewdetails-filter, ul.inventory, ul.date { width: 94%; }
  ul.inventory li span  { width:100%; margin:0 0 0.5em }
  ul.inventory li input[type="text"] { padding: 0 2%;  width: 95%; }
  ul.date li { margin-right:0;  width: 49%; }
  ul.date li.end-date { float:right; } 
  
  .viewdetails-inner .alignright {  margin: 0 3% 0 0; }
  
  .mob-notification .notify-text { font-size: 1.1em; margin: 0.8em 0 0; }
  .calendar-items ul li { padding: 0.7em 0.5em;  width: 81%; }
}


/* For Iphone portrait */
@media only screen and (max-width : 350px) {
  
.ts-data-table input { width: 96% !important; }
.ts-data-table .time-in-out input, .ts-data-table .expenses-tab input { width: 86% !important; }
.main-content .date-time input[type="text"] { width: 95.2%; }
/*.search-bar input[type="text"]        {width: 95.2% !important; }*/

.company .gm-company-logo, .profile .gm-company-logo, .emailverification .gm-company-logo, .workprofile .gm-company-logo, .emailconfig .gm-company-logo, .personalinfo .gm-company-logo { margin: 0 0 2em; text-align: center;  width:126px; }
.account-login .gm-company-logo, .emailverification .gm-company-logo  { margin:0; }
.account-login .gm-login-details .gm-top-section { padding: 6% 3%; }
.company .gm-details, .profile .gm-details,  .emailverification .gm-details, .workprofile .gm-details, .emailconfig .gm-details, .personalinfo .gm-details { width:100%; }
.profile .gm-login-btns, .workprofile .gm-login-btns,  .emailconfig .gm-login-btns { width:92%; text-align: center; }
.emailverification .gm-login-btns, .newotpreq { width: 100%; text-align: center;  }
.profile .gm-page-num, .emailverification .gm-page-num, .workprofile .gm-page-num, .emailconfig .gm-page-num { width:100%; text-align:center; }
.gm-aside-logo { float: left;  left: -3.4%;  position: relative; top:0;  width: 15.5%; }
.gm-login-title,.profile .gm-login-title { text-align: left; width: 84%; float: right;}
.account-login .gm-login-title { width:100%; }
.gm-details input[type="text"], .gm-details select { margin:0 0 0.5em; }
.gm-login-container-sub.company, .gm-login-container-sub.profile, .gm-login-container-sub.emailverification, .gm-login-container-sub.workprofile, .gm-login-container-sub.emailconfig, .gm-login-container-sub.personalinfo { width:97%; }
.company .gm-login-content, .company #login-footer, .profile .gm-login-content, .profile #login-footer,.emailverification .gm-login-content, .emailverification #login-footer, 
.workprofile .gm-login-content, .workprofile #login-footer,
.emailconfig .gm-login-content, .emailconfig #login-footer,
.personalinfo .gm-login-content, .personalinfo #login-footer { width:100%; }
.gm-login-content { margin:4% 0; }
.marginleft09 { margin-left: 0; }


#skills .gm-details select { margin: 0 0 2em; }
.login thead {display:none; }
.login tr {float:left; width:97%; }
.login td {float:left; width: 94%;}
#gm-login-container .login td:nth-child(1){width:auto; background:url("../Images/accordian-bg.png") repeat-x scroll center bottom; height:18px; }
#gm-login-container .login td:nth-child(2) { width:84%; font-weight:bold; background:url("../Images/accordian-bg.png") repeat-x scroll center bottom; padding-bottom: 0.53em;  height:18px;}
.login td:nth-child(3):before { content:'Proficiency level'; font-weight:bold; float:left; width:50%; padding: 3% 0 0; }
.login td:nth-child(4):before { content:'Hourly Rate'; font-weight:bold; width:50%;  float:left; padding: 3% 0; }
.login td:nth-child(5):before { content:'Primary Profession'; font-weight:bold;  width:50%; float:left; padding: 3% 0; text-align:left; }
.login td:nth-child(3), .login td:nth-child(4), .login td:nth-child(5)  { border-bottom:1px solid #ccc;}
.login tr td:nth-child(4) input[type="text"] { padding: 3%;  width: 33%; float: left; margin: 0 0 0 0.8em; text-align:left; }
.login tr td:nth-child(5) input[type="checkbox"]  { padding: 3%;   margin: 0.8em 0 0 1.5em; float: left; }
#select-level { float:left; width: 39%; padding: 2.4%;  margin: 0.1em 0 0 0.9em; }

#levels {  float: left;  padding: 3% 8%; }


.login-homepage .gm-login-content { width:99%; }
.login-homepage .gm-details { padding: 3%; width: 94%; }

.login-homepage .gm-details input[type="text"], 
.login-homepage .gm-details input[type="password"] { background-position: 4px 3px; }
.gm-login-content.crew-section .gm-top-section, .login-homepage .gm-login-details .gm-top-section { width: 94.9%;}
.personalinfo .gm-login-title { width:9.5em; clear:none; float:left; }
.profile .gm-login-title, .workprofile .gm-login-title, .emailverification .gm-login-title, .emailconfig .gm-login-title { float:left; }
.mobile-view .summary-bar-desktop li { padding:0.625em 0.5em 0.75em }
.mobile-view .summary-bar-desktop-hidden li:first-child { width: 100%; }

.gm-datatable.ordersearch th:nth-child(5),
.gm-datatable.ordersearch td:nth-child(5) { display:none; }
.landing-page .g-header-title h2 { margin-left:0; }
.selected-labels ul li { width: 80%; }
.customview .gm-search input[type="text"] {  width: 96%; }
.field-icon.cal_icon { background-position: 4px 5px; }

.viewdetails-inner .alignright {  margin: 0 2% 0 0; }


.mobile-welcometxt { font-size: 1.3em; padding: 7% 0 0; }
.calendar-items { width: 74%; }
.calendar-items ul li { font-size: 0.9em;  width: 77%; }
.calendar-items ul li .right { font-size: 2.5em; }
.scrolling-content { margin: 0.6em 2em;}
.mob-time-caption { font-size: 1.2em; }
.mob-timesheet .mob-time-icon { margin: 0 6% 6px; }
.mob-timesheet-content { width: 50%; }
.mob-timesheet-content h1 { font-size: 1em; }
.mob-notification .notify-text { width:100%; margin: 0.5em 0 0; }
.mob-notification .notify-count { font-size: 3.4em; top: 4px; }
.mob-job-details { top: 8px; }
.mob-timesheet .mob-content-icon { padding: 10% 0 7% 5%; }
.mobile-calendar {  padding: 1em 0; }
.mob-approve-inner span { font-size: 3em; }
.mob-job span.text { font-size: 0.32em; }
.mob-job { float:left; }
.mob-job-inner { margin: -1em 0 0; }

}
/* All Smartphones in landscape ----------- */
@media only screen and (max-width : 325px) {
.mobile-view .summary-bar-desktop li { padding:0.625em 0.22em 0.75em }
#notify-listitems span  { display:none; }
.viewdetails-inner .alignright {  margin: 0 1% 0 0;}
.mob-job-details { top: 7px; }
}

/* Android 240 X 320 ----------- */
@media only screen and (max-width: 320px){
    .personalinfo .gm-login-title { width:7em;}
    .signout-container { width: 100%; }
    .user-info-options { top: 0; width: 95%; }
    .triangle-up { right: -6.7em; top: -1em; }
    .selected-filter-options-container { max-width: 50%; }
    .selected-filter-options { width: 96%; }
  
}