/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* Standards colors and sizes */




/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-family: arial;
    font-size: 1em;
    line-height: 1.4;
    height: 100%;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles - Global changes
   ========================================================================== */


body
{
    font-size: 0.75em; height: 100% !important; min-height: 100% !important; -webkit-overflow-scrolling:touch;
}
ul
{
    list-style: none !important;
    margin: 0px;
    padding: 0px;
}
li
{
    margin: 0px;
    padding: 0px;
}
h1, h2, h3, h4
{
    margin: 0.4em;
}
dl
{
    display: inline-block;
    padding: 0px;    
}

dl dd, dl dt
{
    margin: 2px 0px !important;
    padding: 0px;
}
.pad07 { padding: 0.6em 0;width: 10em; }


/*******Login page styles starts*********/

    /***styles for main home login page starts****/
.gm-login-container-sub.login-homepage                   { display:block; width: 1150px; margin:0 auto; }
.gm-login-banner                                         { background:#9ED6EE; float: left; margin: 1.16em 0 0;  padding:2.3% 2% 2.3% 3%;  width: 45%; }
.gm-login-banner img                                     { max-width:100%; }
.login-homepage .gm-login-content                        { width:466px; margin: 3% 0 2%; }
.login-homepage .gm-login-content-wrap                   { width:466px; box-shadow:none; margin:0; }
.login-homepage .gm-details                              { padding: 0 7.5%; width: 86%; }
.login-homepage .gm-details label                        { color:#7f7f7e; font-size:1.500em; }
.login-homepage .gm-details input[type="text"], 
.login-homepage .gm-details input[type="password"],
.login-homepage .gm-details input[type="email"]          { padding:2%; }
 #login-footer.homepage-footer                           { width:100%; }
.login-homepage .gm-details input[type="text"],
.login-homepage .gm-details input[type="email"]          { background-image:url(../Images/home-user-icon.png); background-repeat:no-repeat; background-position:4px 6px; }
.login-homepage .gm-details input[type="password"]       { background-image:url(../Images/home-passwrd-icon.png); background-repeat:no-repeat; background-position:4px 6px; margin-bottom:0; }
#login-user.hide-bg, #login-password.hide-bg             { background-image:none; }

.login-homepage .gm-details input[type="text"]:focus, 
.login-homepage .gm-details input[type="password"]:focus,
.login-homepage .gm-details input[type="email"]:focus    { background-image:none; } 
.keep-signin                                             { float:left; width:100%; color:#515150;  font-size:1.083em; padding: 0.9em 0; }
.keep-signin input                                       { position:relative;  top: 2px; margin: 0 0.4em 0 0; }
.login-homepage .gm-login-btns input.primary             { background:url(../Images/home-signin-bg.png) no-repeat 88% center #34AADC; padding:0.5em 1em 0.6em 0; border-radius:1px; }
.login-homepage .gm-login-btns a span                    { text-decoration:none !important; color:#acaca9; float:left;  font-weight:normal; font-size:1.083em; margin: 0.8em 0 0; }
.login-homepage .gm-login-btns a                         { text-decoration:none; }
.login-homepage .gm-login-btns a span.icon               { background: url("../Images/css-sprite.png") no-repeat -566px -4px;  float: right; height: 16px; margin-left:0.5em;
                                                           text-indent: -99999px; width: 16px; text-decoration:none;  }
.login-homepage .gm-login-btns a:hover span              { text-decoration:underline; } 
.login-homepage .gm-login-details .gm-top-section        { padding: 6% 3%; position:relative; z-index:1; }
.gm-login-content.crew-section                           { margin:0 0 12%; }    
.gm-login-content.crew-section .gm-top-section           { background:url("../Images/home-crew-icon.png") no-repeat scroll 96% 11% #75C5E7; width: 94.1%; padding:3%; } 
.gm-login-content.crew-section .gm-login-title, 
.crew-section .gm-details label                          { color:#545657; } 
.crew-section .gm-details label                          { width:auto; clear:both; padding: 0 0 3%; }
.gm-login-content.crew-section .gm-login-title           { margin: 0 0 1em; }       

.crew-section .gm-login-btns input.primary               { background-image:none;  padding: 0.3em 0; margin: -0.4em 0 0; background:#eef0f1; border-bottom:1px solid #edeeee; 
                                                           color:#545657; border-radius:0; }
#profile-new                                             { display:block; }     
.profile-img                                             { float:left; margin: -17% 0 2%;  padding:0; width:114px; cursor: pointer;  border-radius: 60px; height:114px; overflow: hidden; }
.profile-img img                                         { max-width:100%; }  
#profile-new .gm-login-title                             { clear: both; width: auto; }
#profile-new .gm-login-content                           { margin: 16% 0 3%; }  

.company-option                                          { float: left;  margin: 0 0 1em;  padding: 0; width: 100%; }
.company-option input                                    { float: left;  margin: 0 1em 0 0;  position: relative; top: 1px; } 
.gm-details .company-option label                        { width:auto; }
.company-option-field                                    { display:none; }
    /***styles for main home login page ends*****/
    
    
#gm-login-header                  { width:100%; float:left;  position:relative; z-index:2; }
.gm-login-page-logo               { float:left; width:auto; padding:0.2% 1%; }
.gm-login-page-logo img           { max-width:100%; }
#gm-login-container               { float: left; width: 100%; position:absolute; height:100%; display:table-cell; 
                                    vertical-align:middle; }
#gm-login-container table         { float:left; width:100%; height:100%; border-top: 1px solid #FFFFFF;  }
#gm-login-container table tr.login-header { background:#fff; }
#gm-login-container table tr, #page.login-section { background:#F6F5F3; }
#gm-login-container table tr.login-header td { border-bottom:1px solid #d7d6d5; border-top:none; padding:1% 0; height: 6em; }
#gm-login-container table tr td   { margin:0; padding:2% 0; vertical-align:middle; text-align:center; }
.gm-login-container-sub           { display:none; }
.gm-login-container-sub.company   { margin:0 auto; width:557px; display:block; }
.gm-login-container-sub.profile   { margin:0 auto; width:666px; display:none;}
.gm-login-container-sub.workprofile   { margin:0 auto; width:900px; display:none;}
.gm-login-container-sub.emailconfig   { margin:0 auto; width:666px; display:none;}
.gm-login-container-sub.personalinfo   { margin:0 auto; width:666px; display:none;}
.gm-login-container-sub.profile.skills { display:none; }
.gm-login-content, .gm-login-content-wrap   { float:right; /*box-shadow: 0 4px 40px #999999;*/ box-shadow: 0 4px 40px #CECECE; -webkit-box-shadow: 0 4px 40px #CECECE; -moz-box-shadow: 0 4px 40px #CECECE;  min-height:100px; text-align:left; position:relative; margin:12% 0; }
.company .gm-login-content        { width:504px; }

.gm-aside-logo                    { position: absolute;  top: 3em;  left: -49px; text-align:right; box-sizing: border-box;  width: 49px; height: 51px; background: #34aadc;padding: 10px; }

.gm-aside-logo img                { max-width:100%; }
.gm-login-details                 { float:left; width:100%; }
.gm-login-details .gm-top-section { background:#fff; float:left; width:94%; padding: 6% 3% 4%; border-bottom:1px solid #d5d5d5; }
.gm-login-details .gm-bottom-section { background:#f4f4f4; border-top:1px solid #fff; float:left; clear:both; padding:4%; width:92%;  }
.gm-login-title                   { color:#a4a4a4; font-size:2.167em; text-align:left; margin:0 0 0.5em; float:left; width:100%; }
.gm-login-title span              { float:left; line-height:normal; }
.gm-company-logo                  { float:left; width:35%; text-align:left; margin:1em 0 0; }
.gm-company-logo img              { max-width:100%; display:none; }
.alignleft                        { float:left; }
.alignright                       { float:right; }
.right-align                      { text-align:right; }
.left-align                       { text-align:left; }
.gm-details                       { width:48%; }
.gm-details.portfolio             { margin: 2em 0 0 0; width:100%;  float:left; }
.gm-details.portfolio input[type="text"] {padding: 1.4% 2% }         
.portfolio-left                   { float: left; width: 100%; }
.gm-details.submit                 { float: left;  margin:0;   width: 100%; }
.gm-details.submit input[type="file"] { display: none; }

.gm-details .g-button.upload-btn   { padding: 0.7em 1.5em; float: left; }
.gm-details.portfolio .remove_button { display: block;  float: left;  margin:0 2em;  width: auto; }
.uploaded-files                   { float:left; width:auto; margin: 0.7em 0 0 0.7em; }
.upload-filename                  { float:left; width:auto; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
 

.company .gm-details              { width:62%; }
.company .gm-company-logo         { width:36%; }
.success-message                  { font-size: 1.33em; clear:both; width:100%; color:#34aadc; float:left; padding: 0 0 0.5em; } 
.success-message span             {float:left; background:url(../Images/css-sprite.png) no-repeat -786px -3px; width:32px;  height:32px; margin: -6px 10px 0 0; }           
.gm-details label                 { width:100%; font-size:1em; color:#515150; padding: 0 0 0.2em; float:left; }
.gm-details input[type="text"],
.gm-details input[type="password"],
.gm-details input[type="email"],
.gm-details select,
.gm-details textarea              { border:1px solid #ccc; color:#000; border-radius: 4px; padding:3% 2%;  width: 99.9%; margin: 0 0 1.4em;
                                    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; 
                                    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 */
                                    }
.gm-details textarea                { background: -moz-linear-gradient(top,  rgba(209,209,209,0.65) 0%, rgba(180,180,180,0) 10%, 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(10%, 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) 10%,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF; 
                                      background: -o-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 10%,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) 10%,rgba(0,0,0,0) 100%); /* IE10+ */
                                      background: linear-gradient(to bottom,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 10%,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF; /* W3C */
                                      width:95%; font-size:100%;
                                    }
                                                                        
.paginate                           {  margin:1.5em 0 0; width:100%; clear:both; float:left; }                                 
.paginate ul                        { margin:0 auto; padding:0; width:39px; }
.account-login-process .paginate ul { width: 64px; }
.paginate ul li                     { background:url(../Images/css-sprite.png) no-repeat -526px -7px; float:left; width:8px; height:8px; text-indent:-99999px;  margin: 0 0.2em; }
.paginate ul li.active              { background-position:-513px -7px; }
.gm-details input[type="text"], 
.gm-details input[type="password"],
.gm-details input[type="email"]     { width:95%; padding: 3.4% 2%; }
.gm-details input[type="text"]:focus{ border: 1px solid #79BBDD;  box-shadow: 0 0 3px #79BBDD;}
.gm-page-num                        { color:#a4a4a4; font-size:1.250em;  padding: 0.5em 0 0; }
.gm-login-btns                      { width:auto; margin:0; }
.gm-login-btns input                { background-color: #e0dfdc; margin:0 0 0 0.5em; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;   border-image: none;
                                      border-radius:3px; 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; width:98px; font-size: 1em;  line-height: normal;  padding: 0.6em 0 0.5em;  
                                      text-align: center; vertical-align: middle;  font-family: Arial;  color: #6A6B6C; font-size:1.250em; }
.gm-login-btns input.primary        { background:#34aadc; color:#fff;  box-shadow: none; border-bottom:1px solid #0c7faf; }
.gm-login-btns input.normal         { cursor:default; }
.gm-login-btns input.btn-hide       { display:none; }
.gm-login-btns input.btn-show       { display:block; }
.gm-login-close                     { background:url(../Images/css-sprite.png) no-repeat -3px -5px; width:16px; height:16px; float:right; cursor:pointer; text-indent:-9999px; opacity:0.3;
                                     position:absolute; top:0.5em; right:0.5em; }
.gm-login-close:hover               { opacity:1; }
#login-footer                       { width:504px; text-align:center; font-size:0.917em; color:#565655; margin:0 0 8%; }

/* email verification page*/
#newotp { display: none; color: red; }
.gm-login-container-sub.emailverification   { margin:0 auto; width:557px; display:none; }
.emailverification .gm-details { width:62%; }
.emailverification .gm-details input[type="text"], 
.emailverification .gm-details input[type="password"]  { padding: 2.5% 2%;}
.newotpreq { margin-top: 1em; }
.newotpreq a { color: #666; }
.workprofile-left,.workprofile-right { float:left; width: 48%; }
.workprofile-right { margin:0 0 0 1em; border-left:1px solid #EEEEEE; padding:0 0 0 1.2em; min-height: 413px; }
.marginleft09 { margin-left: 0.9em; }

.login-section #workprofile .gm-details { width: 48%; }


/* email personal info page */
.profilephoto { display: none; }

.invisible { visibility: hidden; }
.departmentinfoheader { color: #A4A4A4;  float: left;  font-weight: bold;  padding: 0 0 0.5em;   width: 100%; }
.enablessl { width: 30% !important; }

/*** profile page**/
.gm-login-title span.sub            { font-size:0.462em; float:left; clear:both; }
.profile .gm-login-title, .workprofile .gm-login-title, .emailverification .gm-login-title, .emailconfig .gm-login-title        { width:68%; }
.personalinfo .gm-login-title { width:60%; clear:both;}
.profile .gm-company-logo, .workprofile .gm-company-logo, .emailconfig .gm-company-logo, .personalinfo .gm-company-logo { float: right; width:126px; margin: 0 0 2em;   }
.profile .gm-login-content, 
.profile #login-footer              { width:613px; }

.validate-error                     { color:#c12727; font-size:1em; width:100%; margin:0 0 1em; display:none; }

#gm-login-container .login thead tr { background:transparent; }
#gm-login-container .login tr:nth-child(even) { background-color:#F6F5F3; }
#gm-login-container .login tr, #gm-login-container .login tr td { padding: 0.5em 0.6em;  text-align:left; background:transparent; }
#gm-login-container .login tr td:nth-child(1), #gm-login-container .login tr td:nth-child(5) { text-align: center; }

.login tr td:nth-child(3):hover #select-level { display:block; }        
#select-level, .login tr td:nth-child(3):hover #levels { display:none; }
#select-level   { border: 1px solid #CCCCCC;  border-radius: 3px;  padding: 3%;  width: 100%; }
#levels         { padding:0 8%; }

.login tr td:nth-child(4) input[type="text"] { border: 1px solid transparent; border-radius: 3px;  padding: 3%;  text-align: right; width: 50%; background-color:#fff; -webkit-appearance:caret; cursor:default; }
.login tr td:nth-child(2) input[type="text"] { border: 1px solid transparent; border-radius: 3px;  padding: 3%;  text-align: left; width: 90%; background-color:#fff; -webkit-appearance:caret; cursor:default; }
.login tr td:nth-child(4) input[type="text"]:focus, .login tr td:nth-child(2) input[type="text"]:focus { border: 1px solid #CCCCCC; cursor:text; }
#gm-login-container .login thead { background-color: #a4aab0; color:#fff; }
.login-delete { background: url("../Images/css-sprite.png") no-repeat scroll -541px -4px;  clear: both; float: left;  text-indent: -9999px; width: 16px;  cursor:pointer; display:none; }
.skill-section { display:none; }
.login-delete.show { display:block; }
.view-profile-section #workprofile .gm-login-btns input { width: 120px; }

/******styles for landing page starts**********/

/******styles for lp-mobile starts**********/
.main-content-inner.mobile-landing { display:none; }
/******styles for lp-mobile ends**********/

/*****toggle header styles starts*******/
.toggle-header .mobile-top-bar                      { margin: -5.3em 0 0; }
.toggle-header .main-content                        { padding-top:3.5em !important; }
.toggle-header #panel-01, 
.toggle-header .task-panel                          { top:42px; }
.toggle-header .task-panel.task-status .header-strip{ margin: 3.3em 0 0; }
/*****toggle header styles ends*******/


.titlebar-landing-page                              { float: right;  position: relative;  top: 0;  width: auto; z-index: 100; padding:0; }
.titlebar-landing-page  li                          { float:left; margin: 0.5em 0.1em 0; }
.titlebar-landing-page li.gm-close                  { left: auto; margin: 0.3em 0 0; position: absolute; right:-11px; width: auto; }
.titlebar-landing-page li.gm-close a                { background: url("../Images/css-sprite.png") no-repeat scroll -3px -5px; border: medium none;  float: left; 
                                                      height: 16px; opacity: 0.5;  padding: 0;  text-indent: -99999px;  width: 16px; }
                                                  
.titlebar-landing-page h3                           { color: #000000; font-weight: normal; margin: 0.2em 6em 0.2em 5em;  text-align: center;  text-shadow: none; }      
.alert-panel                                        { float:left; width:100%;  background:#efeff2; border-bottom:1px solid #d5d5d5; height:3em; position:relative;
                                                      z-index:1;}
.sort-item                                          { width:15em; padding:0.4em 0 0 1.5em; position: relative; }
.sort-item label                                    { float: left; padding: 2% 0; }
.main-content .sort-item select                     { float:right; width:72%; }

.notify-lists ul                                    { margin:0; padding:0; }
.notify-lists ul li                                 { float:left; border-left:1px solid #d5d5d5; }
.notify-lists ul li label                           { padding:1em 0.8em; float:left; font-size:0.917em }
.notify-lists ul li input[type="checkbox"]          { float:left; margin:0.1em 0.4em 0 0; }
.notify-lists .gm-badge                             { background:#fff; color:#fff; border-radius: 3px; margin: 0 0 0 0.3em;  padding: 0.2em 0.4em;}


.gm-badge.msg                                       { background:#d27a74; }
.gm-badge.alert                                     { background:#5f95c9; }
.gm-badge.notific                                   { background:#faa757; }
.gm-badge.task                                      { background:#a9c46b; }
.gm-badge.request                                   { background:#59bad2; }
.gm-badge.approval                                  { background:#947ab1; }

.landing-page .g-top-button-section                 { padding: 0.1em 0 0; }
.landing-page .g-header-title                       { display: block; }

.notify-lists ul li a.g-more-buttons,
.titlebar-landing-page li a.g-more-buttons          { float:right; text-indent: -9999px; }

.notify-lists ul li:last-child,
.titlebar-landing-page li:last-child                { display: none; cursor: pointer; padding:0.8em;}
.titlebar-landing-page li:last-child                { padding:0.4em; }


.main-content-inner.notify-items,
.main-content-inner.order-edit                      { padding:0; width:100%; display: inline-block; 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; background:rgba(0, 0, 0, 0); }
.notify-item-inner                                  { 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; }
.notify-item-inner tbody                            { position:relative; z-index:0; overflow-x:hidden; }                                                      
.notification-items                                 { width:100%; position:relative; z-index:0; }   

.notification-items thead                           { background:#F6F5F3; color:#ababab; }  
.notification-items thead tr                        { border-bottom: 1px solid #D5D5D5;  }
.notification-items tbody tr                        { border-bottom: 1px dotted #D5D5D5; }
.notification-items tbody td                        { font-weight:bold; padding:0; font-size:0.95em; }
.notification-items table tbody tr                  { border-bottom:none !important; }


.notification-items thead th:first-child,
.notification-items tbody td:first-child            { width:1%; }

.notification-items thead th:first-child             { padding:0;}
.notification-items thead th                         { padding:0 0.5em; font-weight:normal; }

.notification-items thead th,
.notification-items table td                        { width:20%; }

.notification-items tbody td                        { padding:0;  }
.notification-items tbody td:first-child            { padding:0.2em 0; }

.notification-items tbody td:nth-child(3)           { padding:0 0.5em;}


.notification-items thead th:nth-child(2)           { width:2%; }
.notification-items tbody td:nth-child(2)           { width:2%; padding:0 0.5em; }
    
.notification-items tbody table td:first-child      { width: 20.4%; }
.notification-items tbody table td:nth-child(2)     { width:46.8%;  }

.notification-items tbody table td:nth-child(3)     { width:21.2%; }


.notification-items thead th:nth-child(4)           { width:45%; }

                                    
.notification-items td span a                       { color:#000 !important; text-decoration:none; float: left;  padding: 0.5em 0;  width: 100%; }
.notification-items table td span,
.notification-items table td:nth-child(3)           { font-weight:normal; }
.notification-items table td:first-child span       { float:left; width:100%; }


.notify-items th:first-child span.notify-indication,
.notify-items td:first-child span.notify-indication { width:5px; min-width:5px; float:left; height: 3.1em; }

.notify-items th:first-child span.notify-indication { height: 2em; }

.notify-items input[type="checkbox"]                { position:relative; top:0.1em; }

.notify-items th input[type="checkbox"]             {  top: 0.2em; }

.notification-items tbody:hover,
.notification-items tbody.active                    { cursor:pointer; background:#E9EEF4; }
.notify-list-item table                             { width:100%; position:relative; -webkit-transform: translate3d(0, 0, 0);  }

.notification-status                                { float:left; width:auto; /*  height:19px; width:21px; background:url(../Images/css-sprite.png) no-repeat;
                                                      text-indent:-9999px;*/ font-weight: normal; }
.notification-status.accept                         { background-position:-671px -8px; }
.notification-status.reject                         { background-position:-695px -6px; }
    
.notify-items td:first-child span.delete-icon,
.notify-items td:first-child span.approve-icon,
.notify-items td:first-child span.reject-icon,
.notify-items td:first-child span.read-unread-icon, 
.task-close, .viewdetail-close                      { background:url(../Images/css-sprite.png) no-repeat -647px -6px; float:left; width: 13px; 
                                                      height: 14px; text-indent: -99999px; cursor:pointer; margin:0 0 0 0.7em; z-index: 1; }
.task-close, .viewdetail-close                      { position: absolute;  right: 0.8em;  top: 0.5em; opacity: 0.3; width: 16px;  
                                                      background-position: -3px -5px; height:17px; }
.task-close:hover, .viewdetail-close:hover          { opacity:1; cursor:pointer; }

.notification-items tbody.item-read td              { font-weight:normal !important;}

.notification-iconlist td span                         { padding: 4.2% 6%; border:1px solid #B3B3B3; border-left:none; float:right !important;  background-color:transparent !important;  }

.notify-items td:first-child span.read-unread-icon        { background-position: 5px -55px; height: 25px; width: 24.2px; margin:0;  border-left:1px solid #B3B3B3;}
.notify-items td:first-child span.reject-icon             { background-position: -151px -57px; height: 25px; width: 24px; margin:0; }
.notify-items td:first-child span.approve-icon            { background-position: -76px -55px; height: 25px; width: 24px; margin:0;  }
.notify-items td:first-child span.delete-icon             { background-position: -234px -58px; height: 25px; width: 24px; margin:0; }

.notification-items tbody.item-read span.read-unread-icon   { background-position: -36px -56px; }
.notify-items td:first-child span.reject-icon.active        { background-position: -194px -58px; }
.notify-items td:first-child span.approve-icon.active       { background-position: -112px -55px; }


.notify-task textarea, .tab-content textarea              { height: 35px;  padding: 1%;  width: 97.4%;    
    background: linear-gradient(to bottom, rgba(209,209,209,0.65) 0,rgba(180,180,180,0) 8px,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF;
    background: -moz-linear-gradient(top, rgba(209,209,209,0.65) 0, rgba(180,180,180,0) 8px, rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF;
    background: -ms-linear-gradient(top, rgba(209,209,209,0.65) 0,rgba(180,180,180,0) 8px,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF;
    background: -o-linear-gradient(top, rgba(209,209,209,0.65) 0,rgba(180,180,180,0) 8px,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(209,209,209,0.65)), color-stop(10px,rgba(180,180,180,0)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(209,209,209,0.65) 0,rgba(180,180,180,0) 10px,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9C9C9C;
    border-radius: 2px 2px 0 0; float:left; }
    
/**added single classes with gm-badge for landing-page same as badge colors**/  

span.notify-msg                                 { background:#d27a74; }
span.notify-alert                               { background:#5f95c9; }
span.notify-notific                             { background:#faa757; }
span.notify-task                                { background:#a9c46b; }
span.notify-request                             { background:#59bad2; }
span.notify-approval                            { background:#947ab1; }

/**added single classes with gm-badge for landing-page same as badge colors ends**/ 
.notification-items tr.notification-iconlist        { margin: -3.8em 0 0; position: absolute; right:0; width:195px; padding:0; border:none; 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; }
.notification-items tr.notification-iconlist td     { padding:0; float: right; width: 100%; border:none; position:relative; right:-20em ; 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; 
                                                      background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);  background-repeat: repeat-x;  
                                                      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);  cursor: pointer; 
                                                      line-height: normal;text-align: center; vertical-align: middle;  font-family: Arial; }
/*.notification-iconlist                                { display:none; }*/

.notification-items.show .notification-iconlist  { display:none; }

.notification-items tbody:hover .notification-iconlist td,
.notification-items tbody.active .notification-iconlist td { right:2px; }

.task-panel                                         { background:#E9EEF4; box-shadow: 1px 1px 2px 0 #CDCDCD inset;
                                                      -webkit-box-shadow: 1px 1px 2px 0 #CDCDCD inset; -moz-box-shadow: 1px 1px 2px 0 #CDCDCD inset; -moz-box-shadow: 3px 1px 6px 0 #CDCDCD inset; 
                                                      right:-32em; top:106px; visibility: visible; 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; display:table-cell; position:absolute;  z-index:0; 
                                                      width:28em; border:none; }
.task-panel .ui-panel-inner                         { /*margin: 6.7em 0 0;*/ 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; }
.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 { transform:none;-moz-transform:none; -webkit-transform:none; right:-32em; }
.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; }
.header-strip                                       { background:#F6F5F3; float:left; width:100%; border-bottom: 1px solid #D5D5D5; margin:6.7em 0 0;
                                                      height: 2.01em; 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; }
.task-panel.task-status                             { top:107px; }
/*.task-panel.task-status .ui-panel-inner,*/ .task-panel.task-status .header-strip  { margin: 8.65em 0 0; }
.task-panel article                                 { float: left;  padding: 0.8em; width: 95%; position:relative; }

.task-panel span.textarea-section                   { padding:0 0 1em; float:left; width:100%; }
.textarea-status                                    {  width: 100%; padding:0; background:#b2c9ea; clear:both; float:left; }
.textarea-status span                               { float:right; width:auto; padding: 1% 1% 0 2%; }
.textarea-status span:first-child                   { /*float:left; width:15em;*/ }
.main-content .textarea-status  label               { padding: 0 0.5em 0 0; }   
.main-content .textarea-status select               { width:71%; }                            
.notify-items.active .notify-item-inner             { margin: 0 28em 0 0; } 

.notify-task.notify-landing                         { padding:0; }
.notify-task .sub-title                             { clear: both; margin:0; }
.notify-task hr                                     { margin: 0.2em 0;  clear:both; }
.notify-task .message-details                       { float: left; margin: 0.3em 0 0 0.8em; width: 96%;}
.notify-task .message-details p                     { margin: 0 0 0.2em; }
.notify-task .message-details p span                { font-weight:bold; }   

.task-panel article.comments                        { float: left;  padding: 0.8em 0; width: 100%; position:relative; }
.notify-task.notify-landing .message-details        { display:block; float:right; margin: 0.3em 0 0; }

.notify-task.notify-landing h3                      { clear: both;  margin: 0;  padding: 0.2em 0.8em;  position:relative;  border-bottom: 1px solid #CCCCCC; }
.notify-task.notify-landing h4                      { float: left;  padding: 0;  width: 100%; position:relative;  }
.notify-task.notify-landing h4 span                 { float: left;  width: 54%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding: 0 0 0 0.8em; }
.notify-task.notify-landing h4 span.msg-date        { width:auto; float:right; margin:0 2.5em 0 0; }
.notify-task.notify-landing span.arrow              { position:absolute; right:0; background: url("../Images/css-sprite.png") no-repeat scroll  -494px -4px rgba(0, 0, 0, 0);
                                                      cursor: pointer; float: right; height:18px; margin-right: 0.5em; opacity: 0.3;  width: 4px; }
.notify-task.notify-landing .notify-innertoggle.active span.arrow{ background-position: -406px -5px; }                                                     
.notify-task.notify-landing ul                      { clear:both; margin:-1px 0 0; padding:0; border-bottom:1px solid #ccc; float:left; width:100%; }
.notify-task.notify-landing ul li                   { float:left; width:96%; padding:0.1em 0.6em; display:none; }
.notify-task.notify-landing ul li:first-child       { border:none !important; }
.notify-task.notify-landing ul li.notify-innertoggle{ border-top: 1px solid #ccc; display:block; cursor:pointer; background:url(../Images/list-style.png) no-repeat 12px 11px; }

.notify-task.notify-landing .message-details p.subject  { margin: 1em 0 0.5em; }
.task-panel .notify-landing span.textarea-section   { float: right;  padding: 0 0 1em;  width: 96%; }
.notify-task.notify-landing .sub-title              { float: right; width: 96%; }

    
.ts-data-table .filter-arrow-right-icon.active      { background: url("../Images/css-sprite.png") no-repeat scroll -406px -2px rgba(0, 0, 0, 0); }


.notify-more-option                                 { margin:2.2em 0 0; min-width: 234px;  padding: 0; top: auto;  position: absolute; float:right; z-index: 1; right:40%; display:none; }
.notify-more-option.message                         { width: 100%; right:0; }

.notify-more-option ul                              { margin:0; padding:0; text-align:right; }
.notify-more-option ul li                           { display:inline; margin:0 0 0 -4px ; }
.notify-more-option ul li span                      { margin:0; padding: 2% 3%; border-radius:0; }
.notify-more-option ul li:first-child span          { border-radius:2px 0 0 2px; }
.notify-more-option ul li:last-child span           { border-radius:0 2px 2px 0; }
.notify-more-option ul li span.count                { width:32px; height:28px; }
.notify-more-option ul li span.count a              { background:#999999;  border-radius: 3px; color: #FFFFFF !important;  float: none;  font-weight: normal;  height: auto;
                                                      margin: 2em auto 0;  padding: 5% 0.5em;  position: relative;  text-decoration: none;  top: 0.5em; width: auto; }                                           
.alert-msg { 
    width: 100%;
    padding: 0.2em;
    background:#5F95C9;
    color: #fff;
    float: left;    
    border-bottom:1px solid #D5D5D5;
    position: absolute;
    z-index:999;
    overflow: hidden;
    display: none;
    right:0;
    margin-top: -2px; 
}
.alert-msg h2 {
    font-weight: normal;
    text-align: center;
}
.notify-more-option .alert-msg span                 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none;    margin:0;  padding: 0;
                                                      width: auto; color:#fff;  }   
                                                                                          
.notify-more-option span a                          { background:url(../Images/css-sprite.png) no-repeat; float:left; width:32px; height:28px; }
.notify-more-option span.read-unread-icon a         { background-position: -3px -62px;   }
.notify-more-option span.read-unread-icon.active a  { background-position: -44px -63px;  }
.notify-more-option span.reject-icon a              { background-position: -158px -63px; }
.notify-more-option span.reject-icon.active a       { background-position: -201px -64px; }
.notify-more-option span.approve-icon a             { background-position: -82px -62px;  }
.notify-more-option span.approve-icon.active a      { background-position: -118px -63px; }
.notify-more-option span.delete-item a              { background-position: -242px -63px; }

/******styles for landing page ends*********/

/******styles for ordercreate screen starts*******/

ul.tabs                                             { border-bottom: 1px solid #D5D5D5;  float: left; list-style: none outside none;  margin: 0.5em 0 0; padding: 0;
                                                      width: 100%; }
ul.tabs li                                          { float: left;  margin:0 0 0 0.5em; position:relative; top:1px; border: 1px solid #D5D5D5; border-bottom:none;  }
ul.tabs a                                           { color: #999 !important; float: left; line-height: 30px; padding: 0 30px 0 20px; position: relative;
                                                      text-decoration: none; background:#F6F5F3; border-bottom:1px solid #D5D5D5; } 
ul.tabs li:first-child                              { margin:0 0 0 2em; }                                                                                                     
ul.tabs li a:hover, ul.tabs li a.active             { background:#fff; color:#666 !important; opacity: 1; filter: alpha(opacity=100);  border-bottom-color:#fff; }                                                    

ul.tabs li a:focus                                  { outline: 0; }

.main-content-inner.orderedit                       { margin:0; padding:0; width:100%; }
ul.tabs.inner                                       { margin:0; background:#fff; float:left; }
ul.tabs.inner li                                    { margin:0 0.2em 0; border:none; top:1px; background:url(../Images/tab-border.png) left center no-repeat #fff; }
ul.tabs.inner li:first-child                        { border-left:none; background:none; margin:0 0.2em 0 2.7em; }
ul.tabs.inner li:last-child                         { border-right:none; }
ul.tabs.inner li a                                  { border: none !important; height: auto;  padding: 0 1em; color: #666666 !important;  line-height: 30px;  opacity: 0.3; 
                                                      filter: alpha(opacity=30); background-color:rgba(0,0,0,0); font-weight:normal; }
ul.tabs.inner li a:hover, ul.tabs.inner li a.active { background-color:rgba(0,0,0,0); opacity: 1; filter: alpha(opacity=100);  border-bottom: 2px solid #34AADC !important; }
.tab-content                                        { float:left; clear:both; width:99%; padding: 0.8em 0.5%;}
.tab-content aside                                  { float:left; }
.tab-content .fields                                { float:left; width:100%; padding: 0.5em 0; }

.main-content .tab-content .more-options span       { float:right; margin: 0 0.6em 0 0; }
.main-content .tab-content input[type="text"],
.main-content .tab-content input[type="password"],
.main-content .tab-content span                     { width:100%; float:left; } 
.main-content .tab-content input[type="text"],
.main-content .tab-content input[type="password"]   { padding: 0 2%; width: 95%; }                               
.tab-content ul                                     { margin:0; padding:0; }
.fields ul                                          { clear:both; padding: 0 0.8em; }   
.tab-content ul li                                  { float: left;  width:245px; margin: 0 0.8em 0.8em 0; }
.tab-content .fields.comments-field ul li           { width:500px; }
.main-content .field-optional                       { position:relative; float: left; width: 100%; }
.main-content .field-optional input[type="text"]    { padding-right:11%; width: 86%; }
#panel-03 .field-optional a { float: right; position: absolute; right: 0; top: 0; }
.main-content .field-icon                           { border: medium none; cursor: pointer; height: 25px;  margin:0; padding: 0;
                                                      position: absolute;  width: 18px; }
.field-icon.popup_icon                              { background-position:2px 5px; top: auto !important; }
.field-icon.cal_icon                                { background-position:2px 6px; }
.main-content .fields.comments-field .label         { margin:0.4em 0 0.4em; width:245px; }                                    
.main-content input[type="button"].field-icon:focus { border:none !important; box-shadow:none !important; outline:1px dotted #79BBDD; } 
.task-panel .orderedit-section                      { margin:4em 0 0; padding: 0; width: 100%; }
.order-edit.active .notify-item-inner               { margin: 0 28em 0 0; }
.main-content-inner.order-edit                      { padding:0; }
.tab-content textarea                               { width: 96.9%; }
.field-icon.popup_icon                              { right:6px; }
.order-edit h1, .order-edit h2, 
.order-edit h3,.order-edit  h4                      { margin: 0 0 0.4em; }
.fields span.category_outer                         { float:left;   border-bottom: 1px solid #f0efef; margin: 0 0 0.8em;}       
.fields span.category                               { background: none repeat scroll 0 0 #f0efef;  border-radius: 3px 3px 0 0;  color: #CCCCCC;  font-size: 1.2em;  line-height: normal;
                                                      margin: 0;  overflow: hidden; padding: 0.2em 0; text-align: center;  width: 30px; }
.tab-icons                                          { float:left; background:url(../Images/css-sprite.png) no-repeat;  opacity: 0.7; }  

.tab-icons.information                              { background-position: -630px -43px; height: 20px; margin: 0.5em 0.5em 0 0; width: 20px; }
.tab-icons.additems                                 { background-position: -599px -43px; height: 20px; margin: 0.5em 0.5em 0 0; width: 21px; }
.tab-icons.labor                                    { background-position: -567px -42px; height: 21px; margin: 0.5em 0.5em 0 0; width: 24px; }  

.tab-button                                         { float:left; width:99%; color: #666666;  font-weight: normal; 
                                                      height: auto; padding: 0.8em; display:none; margin:0; }
.tab-button a                                       { text-decoration: none; color:#666 !important; }
                                                      

.field-icon.popup_icon.sel2                         { top: 1px !important; }
.select2-container ul.select2-choices li div        { width: 40px; height: 15px; white-space: nowrap; overflow: hidden; margin-right: 5px; text-overflow: ellipsis; }
.select2-container ul.select2-choices li            { height: 15px; width: 42px; }
.select2-container-multi .select2-choices           { min-height: 19px; padding-top: 6px; }
.company-image img                                  { width: 60px; height: 80px; }
.customize-labels                                   { float: right; width: auto; top: 1em; position:relative; }
.selected-labels                                    { width: 95%; float: left; margin: 1em 0 0; }
.selected-labels ul                                 { margin: 0 1em 0 0; float: left; clear: both; }
.selected-labels ul li                              { float: left; margin: 0.5em 2em 1em 2em; width: auto; border-bottom: 2px solid #ccc; }
.selected-labels ul li label                        { display: block; }
.selected-labels ul li span                         { display: block; font-size: 1.5em; color:#666; }
.selected-labels ul li span code                    { font-family: inherit; font-size: inherit; }
.selectable-labels                                  { transition: all 0.3s ease-in-out 0s; float: left; width: 100%; background: #F2EAE0; }

.continue-order                                     { float: right; margin: 0.7em 2em 0 0; display:none; }
.continue-order a                                   { color:#333333 !important; font-weight:normal !important; text-decoration:none !important; }
.continue-order.change                              { display:block; }



/***table data -add item section starts***/
.ordercreate-datatable                              { font-size:1em; clear:both; width:100%; background:#fff; }
.ordercreate-datatable td                           { padding:0.5em 0.2em; position:inherit !important }
.tab-content span.start-date,.tab-content span.product-id,.tab-content span.labor-id    { margin:0; position:relative; }
.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:10%;  width: 86%; }
.tab-content table textarea                         { width: 95%; height:25px; }
.main-content .more-options span                    { width:15px; margin:0; text-indent:-9999px; }
.main-content .tab-content span.additem-optional-fields {  background-color: #FFF0DA; padding: 0.5% 0.8% 0;  width: 98.4%;  border-bottom: 1px solid #B8B4B4; display:none; }
.main-content .tab-content .additem-optional-fields span.label,
.main-content .tab-content .additem-optional-fields li.checkbox,
.main-content .tab-content .additem-optional-fields li.checkbox span { width:auto; float:left; }

.additem-optional-fields span input[type="checkbox"] { position:relative; top:0.2em;  margin: 0 0.5em 0 0; }
.main-content .tab-content .additem-optional-fields li.checkbox { margin-top: 1.6em; margin-right:2em; }
.ordercreate-datatable tr.optional-fields-section td { padding:0; }
.main-content .ordercreate-datatable span.additem-optional-fields li { margin: 0 0.3em 0.1em 0; width: 110px !important; }
.main-content .ordercreate-datatable span.additem-optional-fields li span { font-weight:normal; font-size:0.917em; }

.ts-data-table tr.optional-fields-section td { padding: 0 0.6em;}
.main-content .tab-content aside.dropdown-option { float:right; width:auto; position:relative; text-align:left; cursor:pointer;  padding:0.2em 0.4em; }
.main-content .tab-content select { width:100%; }
.main-content .tab-content .dropdown-option ul { padding: 0 0 0.3em; float:left; }
.main-content .tab-content .dropdown-option ul li { float:left; text-align: left;  width: 89%; padding: 0.4em 0.6em; margin: 0; border-bottom: 1px solid #E9E9E9; }
.main-content .tab-content .dropdown-option ul li:last-child { border:none; }
.main-content .tab-content .dropdown-option ul li label { float:left;  width: 100%;}
.main-content .tab-content .dropdown-option ul li input[type="checkbox"] { margin:0.1em 0.5em 0 0; position: relative; top: 0.2em;}
.dropdown-inner h3 { background:#FAFAFA; color: #666666; font-weight:normal; padding: 0.4em 0.5em;  margin: -0.1em 0 0; border-radius: 3px 3px 0 0; border-top:1px solid #ccc; border-bottom:1px solid #e9e9e9; }
.ordercreate-datatable thead th.unit, .ordercreate-datatable tbody td.unit  { min-width:8%; }   
.main-content .ordercreate-datatable input[type="text"], .main-content .ordercreate-datatable input[type="password"] { padding: 0 3%; width: 93%; }

.ordercreate-datatable .filter-arrow-right-icon.active          { background-position: -406px -5px; }
.ordercreate-datatable .accordian-arrow-icon   { width:15px !important; }
.ordercreate-datatable tbody td.accordian-header { display: none !important; }

.product-search-options, .proj-manager-options, .event-options, .billing-opts, .discount-opts {display: none; }
.taskpanel-buttons { clear: both; float: left;  margin: 0.5em 0 0;  width: 100%; }
.taskpanel-buttons input { float:left; }
.orderedit-section .taskpanel-buttons .g-button { border-radius: 0 2px 2px 0;  margin: -1px 0 0;  padding: 0.4em 1em 0.41em; }
.orderedit-section .taskpanel-buttons .g-button.primary { margin:0; border-radius: 2px 0 0 2px; padding: 0.4em 1em; }

.item-status        { background-color: #FFFFFF;  border: 1px solid #79BBDD;  border-radius: 3px;  box-shadow: 1px 2px 15px #79BBDD;  height: auto;  margin-top: -5px;  max-height: 28em;  overflow-y: auto;
                      padding:0;  position: absolute;  width: 11em;  z-index: 99; display:none; }

.status-item-field ul { margin:0; padding:0; }
.tab-content .status-item-field ul li { float:left; width:100% !important; margin:0; }
.tab-content .status-item-field ul li a { float:left; width:91%; padding:0.5em; }

.ordercreate-datatable tbody { position:inherit; }
.status-field.statusfield .status-text { display:none;}




/***table data -add item section ends***/

.sel-1, .sel-2, .sel-3, .sel-4, .sel-5, .sel-6, .sel-7, .sel-8, .sel-9            { display: none; }
.adv-opt, .viewallopt, .view-in-detail { float: right; padding: 0.5em 0 0.5em 0.8em; }
.more-accor-head { float: left; width: 100%; border-bottom: 1px solid #CCCCCC; padding: 0.5em 0 0; cursor: pointer; }
.icon-set { float: right; padding: 0 0.8em 0 0; }
.header-title { float: left; margin: 0; width: auto; font-weight: normal; font-size: 1em; }
.more-accor-head input[type="checkbox"] { float: left; margin-right:0; position: relative; top: 2px; }
.message-details { display: none; }
.movedown-arrow-icon,.moveup-arrow-icon,.unselect-default {
    background: url("../Images/css-sprite.png") no-repeat scroll -406px -17px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    height: 18px;    
    opacity: 0.5;
    width: 15px;
}
.moveup-arrow-icon {
    background: url("../Images/css-sprite.png") no-repeat scroll -406px -3px rgba(0, 0, 0, 0);
}
.unselect-default { background-position:-65px -34px; width: 17px; opacity: 0.7; }

.mini_toolbar.multiselectinit { font-size: 0.9em;  margin: 0 0.2em 1em 0; }
.mini_toolbar.multiselectinit.add_view  { margin-bottom:0; }
.multisel, .close-multisel { float: right; }
.multiseldiv select { height: 100px !important; width: 99.7% !important; }
.select2-container-multi .select2-choices { min-height: 26px !important; }
.select2-container-multi.select2-container-active .select2-choices { border: 1px solid #79bbdd; box-shadow: 0 0 3px #79BBDD; }
.select2-drop-active { border-left: 1px solid #79BBDD; border-bottom: 1px solid #79BBDD; border-right: 1px solid #79BBDD; }        
.multisel, .close-multisel, .unselect { color:  #666; }
.mini_toolbar.multiselectinit li:hover, .mini_toolbar.multiselectinit li.active, .mini_toolbar.multiselectinit li { border-right: none; }
.mini_toolbar.multiselectinit li:last-child a { border-right:none; border-radius:0 !important; }
.unselect { border-right: 1px solid #D8D8D8; }

.icon-set { display: none; }
.more-accor-head:hover .icon-set, .icon-set.active { display: block; }
.icon-set span.delete-icon, .icon-set span.edit-icon, .icon-set span.tag-icon
{ background: url("../Images/css-sprite.png") no-repeat scroll -647px -6px rgba(0, 0, 0, 0); cursor: pointer; float: left; height: 14px; margin: 0 0 0 0.7em;  text-indent: -99999px; width: 13px; }
.icon-set span.edit-icon { background-position: -533px -50px; }
.icon-set span.tag-icon { background-position: -509px -51px; height: 15px; width: 15px; }


.icon-set span.read-unread-icon { background-position: -920px -2px; height: 17px; margin-top: -2px; width: 19px; }
.icon-set span.read-unread-icon { background-position: -885px -2px; }
.message-details .detail-line { clear: both; float: left; padding: 0 0 0.2em 0; width: 100%; }
.detail-line .col-title { float: left; width: 30%; }
.main-content .detail-line input[type="text"], .main-content .detail-line input.quantity { float:left; width: 66%; background: none; border: none; }
.detail-line input[type="checkbox"] { position: relative; top: 5px; left: 10px; }
.main-content .detail-line input.quantity { width:66% !important;}
.adv-opt-content { display: none; padding: 0.5em 0; float: left; clear: both; width: 100%; border-bottom: 1px solid #ccc; }
.viewallopt { margin-right: 1em; }


#tab5 .select2-arrow { display: none !important;}
#tab5 .select2-container .select2-choice { width: 100% !important;
    border:1px solid #9c9c9c;   
    border-radius:2px;     
    padding:0 0.3em 0 0.625em; 
    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 */
 }
.detail-line input[type="text"]:focus { 
    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 */
}
.main-content .detail-line input.editable { border: 1px solid #79BBDD; box-shadow: 0 0 3px #79BBDD;
    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 */
}

#tab5 .select2-container-active .select2-choice, .select2-container-active .select2-choices{
    border: 1px solid #79BBDD !important;
    box-shadow: 0 0 3px #79BBDD !important;
}

.comp-select { margin-top: 0.2em !important; width: 243px !important; }
.comp-select .select2-search { margin: 0 !important; padding: 0 !important; position: absolute !important; top: -29px !important; }
.comp-criteria { margin-bottom: 0.5em; }
.adv-opt-criterias { float: left; clear: both; width: 100%; margin: 0.5em 0; position: relative; }
.adv-opt-criterias input { margin: 0.5em 0; }

.notify-task .mini_toolbar { float: left; margin-top: 0.5em; }
.adv-opt-criterias select { float: left; width: 45% !important; }
.adv-opt-criterias .field-optional { margin-left: 0.5em; width: 43.5%; }
.adv-opt-criterias .field-optional input { margin: 0 !important; }
.comcriteria { float: left; width: 100%; }
.comcriteria .comp-criteria { margin-right: 0.5em; }
.main-content .comcriteria select { float: left; width: 45%; }

.orderedit-page .arrow_border { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; 
                                border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ccc; border-image: none; border-style: outset outset solid; border-width: 8px;
                                left: auto; right:7px; top: -17px; }
.orderedit-page .arrow { height: 0; position: absolute; width: 0; }
.orderedit-page .arrow { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; 
                                 border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FAFAFA; border-image: none; border-style: outset outset solid; border-width: 8px;
                                 left: auto; right: 7px; top: -16px; }
.orderedit-page .arrow_border, .orderedit-page .arrow { height: 0; position: absolute; width: 0 !important; z-index: 999; }
.orderedit-page .header { background: none repeat scroll 0 0 #FAFAFA !important; box-shadow: none; padding: 0.7em 1em; margin: 0;  box-shadow: 0 0 2px 0 #CCCCCC; position: relative; right: 1px; }
.orderedit-page .first { border-top-color: #D2D2D2; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.settings-cont { float: left; top: 3em; position: absolute; right: 5px; width: 15em; display: none; z-index: 999; }
.orderedit-page .table-settings { background-color:#fff; border: 1px solid #D2DCEA !important; padding: 0; position: absolute; height: 165px; left: auto; overflow-x: hidden; overflow-y: auto; right: 0; width:15em; }        
.orderedit-page .table-settings li { border-bottom: 1px solid #CCDAEB !important; padding: 0.5em !important; width: 92% !important; float: left; }
.orderedit-page .table-settings li:hover { background-color: #B6D8FB; }
.table-settings label { float: left; width: 100%; }
.table-settings li span { cursor: pointer; float: left; width: 84%; }
.orderedit-page .table-settings input[type="checkbox"] { margin: 0 0.8em 0 0; position: relative; top: 2px; float: left; }
.order-edit-bottom-section { border-top: 1px solid #FFFFFF; /*clear: both;*/ float: right; padding: 0; width: auto; z-index: 999; margin-top: 0.5em; }

.additems-data .mini_toolbar { margin-top: 3px; }
.mini_toolbar .delete-icon ,.mini_toolbar .cut-icon, .mini_toolbar .copy-icon, .mini_toolbar .paste-icon{ background: url("../Images/css-sprite.png") no-repeat scroll -645px -1px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 21px;    
    text-indent: -99999px;
    width: 18px !important;
    z-index: 1; }
.mini_toolbar .cut-icon   { background-position: -587px -69px; } 
.mini_toolbar .copy-icon  { background-position: -613px -70px; } 
.mini_toolbar .paste-icon { background-position: -642px -70px; } 


.order-edit-bottom-section aside.alignright { float: right; margin-right:0; }
.order-edit-bottom-section .g-button.primary { background: none repeat scroll 0 0 #34AADC; border-bottom: 1px solid #0C7FAF; box-shadow: none; color: #FFFFFF;}
.orderedit-section .g-button.primary { background: none repeat scroll 0 0 #34AADC; border-bottom: 1px solid #0C7FAF; box-shadow: none; color: #FFFFFF; float: left; clear: both; margin-top: 0.5em; }
.more-accor-head h4 { overflow: hidden; text-overflow: ellipsis; width:75%; white-space: nowrap; }
.main-content .task-panel .qty-field { width: 30px;  position: relative; top: -5px;  margin-left: 0.5em; font-size: 0.8em; text-align: right; float: left; }
.main-content .task-panel .qty-field:focus, .main-content .task-panel .qty-field.more:focus,.main-content .task-panel .qty-field.less:focus, .main-content .task-panel .qty-field.medium:focus { border: 1px solid #79BBDD; box-shadow: 0 0 3px #79BBDD; 
    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 */
}
.more-accor-head label { float: left; width: 70%; padding: 0 0 0 0.8em; }
.labor-acc .more-accor-head label, .items-acc .more-accor-head label { width: 56%; }
.labor-acc .more-accor-head h3, .items-acc .more-accor-head h3 { width: 90%; }

.main-content .task-panel .qty-field.more { background: green; color: #fff; }
.main-content .task-panel .qty-field.medium { background: orange; color: #fff; }
.main-content .task-panel .qty-field.less { background: red; color: #fff; }

.orderedit-page .gm-badge { background: none repeat scroll 0 0 #FFFFFF; border-radius: 3px 3px 3px 3px; color: #FFFFFF; margin: 0 0 0 0.3em; padding: 0.3em 0.4em; font-size: 0.8em; font-weight: normal; position: relative; }
.orderedit-page .gm-badge a { text-decoration: none; color: inherit; }
.notify-task .search_icon { background: url("../Images/search.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0); right: 5px; }
.orderedit-page .select2-container-multi .select2-choices { min-height: 24px !important; height: 24px !important; }
.orderedit-page .select2-search-choice { margin: 0.1em 0.2em !important; }
.orderedit-page .select2-container-multi .select2-choices .select2-search-field input { padding: 0 !important; margin:0 !important;}
.field-icon.popup_icon.search-company, .field-icon.popup_icon.search-billing-opts, .field-icon.popup_icon.search-discount, .field-icon.popup_icon.search-proj-manager { top: 1px !important; }



.gm-badge.less { background: none repeat scroll 0 0 #D27A74; }
.gm-badge.more { background: none repeat scroll 0 0 #A9C46B; }
#tab2 .ordercreate-datatable .accordian_header { background: none; box-shadow: none; border-bottom: 1px solid #ccc; }
#tab2 .ordercreate-datatable .accordian_header.active { background: none; }
.lesser-width { width: 7%; }
.date-width { width: 10%; }
.less-stock { background: #D27A74; border-radius: 50% 50% 50% 50%; height: 10px; width: 10px; float: left; left: 5px; top: 2px; position: relative; }
.more-stock { background: #A9C46B; border-radius: 50% 50% 50% 50%; height: 10px; width: 10px; float: left; left: 5px; top: 2px; position: relative; }
.settings-toolbar span.tag-icon {
    background: url("../Images/css-sprite.png") no-repeat scroll -507px -48px rgba(0, 0, 0, 0);
    height: 21px;
    width: 18px;
    cursor: pointer;
    float: left;
    text-indent: -99999px;
}
.tab-content .additem-optional-fields ul li                 { width: 199px; display: inline-block; float: none; }
.additem-optional-fields ul li .label                       { font-weight: bold; }
.mini_toolbar.adv-view-more-opts                            { float: right; } 
.mini_toolbar.adv-view-more-opts li                         { padding: 0; }
.mini_toolbar.adv-view-more-opts li a                       { color: #666; }
.main-content .comcriteria input[type="text"]               { width: 49%; }
.ordercreate-datatable td.chkbox                            {  padding: 0.5em 0.5em; }
.more-accor-head .filter-arrow-right-icon, .more-accor-head .filter-arrow-icon { text-indent: -9999px; margin: 0 0 0 0.5em; height: 15px; }
.more-accor-head .filter-arrow-right-icon.active { background-position: -406px -5px; }
.more-accor-head .icon-set { padding: 0 0.2em 0 0; }
.adv-opt-content ul.date, .adv-opt-content ul.date li, .adv-opt-content .start-date{ margin: 0; }
.adv-opt-content .end-date { float: right; text-align: right; }
.end-date .field-optional { margin-left: 0.3em; }

.additem-optional-fields ul li { width: auto !important; display: inline-block !important; float: none; margin-right: 0.3em; }
.additem-optional-fields ul li .label { font-weight: bold; }
.mini_toolbar.adv-view-more-opts { float: right; } 
.mini_toolbar.adv-view-more-opts li { padding: 0; }
.mini_toolbar.adv-view-more-opts li a { color: #666; }
.main-content .comcriteria input[type="text"] { width: 49%; }
.ordercreate-datatable td.chkbox {  padding: 0.7em 0.5em; }
.proj-mgr-sel, .comp-selec, .event-sel, .bill-term-sel, .discount-sel, .items-sel, .labor-sel, .lab-sele, .full-det-sel { display: none; }


.main-content .order-summary { background: none repeat scroll 0 0 #0862C2;  border-radius: 5px 5px 0 0;  color: #FFFFFF;  float: right; font-size: 1.5em; margin: 0.1em 0 0 2em; 
                               padding: 0.2em 0.5em 0.3em; width: 190px; }
.main-content .order-summary .caption { float: left;  font-size: 0.75em;  padding: 0.5em 0 0; }
.main-content .order-summary span              { float:right; width:auto; }
.main-content .order-summary span.total-amount { float: right; padding: 0.2em 0 0; }

.ordercreate-datatable tbody.product-default td.unit .unitvalue { display:block !important; }
.ordercreate-datatable tbody .additem-contentfield.sub-products { background:#fff !important; border-bottom: 1px solid #E5E5E5; }
/*.ordercreate-datatable tbody .additem-contentfield.sub-products td {   } */
.sec-head td { font-weight:bold !important;  }
.sec-head td.amount { font-size:1.2em; }
.sec-head .unitvalue.addedvalue { font-size:1.2em; }
.sec-head .description input{ font-weight:bold; font-size:1.2em; }
.additem-contentfield.sub-products .product-sub { font-style:italic; text-indent:12px }
.main-content .tab-content .sec-head .unit select { width:50%; }
.main-content .ordercreate-datatable tbody .description span.down-arrow { text-indent: 5px; font-weight:bold; background: url("../Images/css-sprite.png") no-repeat scroll -404px -19px; width:15px; height:15px; float:left; }
.main-content .ordercreate-datatable .product-default.not-available { color:#D27A74 !important; }
.ordercreate-datatable .product-default.not-available .unitvalue.addedvalue { color:#D27A74 !important; }

.toggle-category { float:left; margin:0 0 0 0.8em }
.cat-toggle-content { display: none;  float: left;  margin: 0;  padding: 0; width: 100%; }
.cat-toggle-content ul li { border-bottom: 1px solid #CCCCCC; float: left;  padding: 0.3em 1.2em 0.3em 2.5em;  width: 87%; }
.cat-toggle-content ul li .col-title { float: left; width: 85%; white-space:no-wrap; text-overflow:ellipsis; overflow-x:hidden; }
.cat-toggle-content ul li .gm-badge  { float:right; }
.category-options { float:left; width:100%; }
.category-options span { float:left; width:auto; }
.category-options span.cat-multioptions { width:40%; margin:-0.3em 0 0 1em;  }

/******view in full details styles starts*********/

.toggle-orderheader                       { 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.5em 1em 0.5em 1.5em;   margin: 1em 0 0.2em;
                                            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); position:relative; 
                                            display:none; clear:both; }
                                             
.toggle-orderheader h2                    { font-weight:normal; margin:0;  color: #333333; }    
.order-arrow-icon                         { background: url("../Images/css-sprite.png") no-repeat scroll -494px -3px rgba(0, 0, 0, 0);  cursor: pointer;  float: left;  height: 15px;
                                            opacity: 0.5; width: 15px;  position:absolute; right:10px; top:10px; }
.toggle-orderheader.active                { background:#E8F2FC; }
.toggle-orderheader.active .order-arrow-icon{ background-position:-406px -3px; }
.g-header-title .view-details, 
.g-header-title.change .order-create      { display:none; } 
.g-header-title.change .view-details      { display:block; }

.viewdetails-content                      { float:left; width:100%; display:none;  margin:0 0 1em; position:relative; }
.viewdetails-inner                        { padding: 0.8em 0.5%; width:99%;  background:#F2EAE0; float:left; }
.viewdetails-content h4                   { margin: 0 0 0.5em; padding: 0 0.8em; clear:both; }
ul.viewdetails-filter, ul.inventory       { margin:0 0.9em 0; float:left; width:99%; }

ul.date                                   { margin:0 0.9em 0; float:left; width:auto; }

ul.viewdetails-filter                     { margin:0 0 0 0.9em; width: auto; z-index: 100; }
ul.viewdetails-filter li                  { float: left;   margin: 0 1.5em 1em 0;  padding: 0;  width: auto; }

.selected-filters                         { background: none repeat scroll 0 0 #FFFFFF; float: left; height: 16px;  margin: 0.4em;  position: absolute; text-overflow: ellipsis;  top: 0;  
                                            white-space: nowrap;  width: 88%;  z-index: 100; overflow:hidden; display:none; } 
ul.viewdetails-filter li input[type="checkbox"] { float:left; margin:0.1em 0.5em 0 0; }
ul.inventory li                           { float: left;  margin: 0 0.6em 1em 0;  width: 31%; }
ul.inventory li span                      { float:right; width:49%; }
ul.inventory li span:first-child          { float:left; }
ul.inventory li input[type="text"]        { padding: 0 0.35em 0 0.625em; height: 25px; }
ul.date li                                { width: 15em; float:left; margin:0 0.6em 1em 0; }
.main-content .date .field-optional       { width: 59%; }
.main-content .date .field-optional input[type="text"] { padding-right: 19%;  width: 71%; }
ul.date li .time                          { float: right; width: 38%; }
.main-content .time input[type="text"]    { width: 74%; }
.tab-content ul.mini_toolbar li  { width: auto !important; margin: auto; display:block !important; }
                                         
/******view in full details styles ends***********/


/*****************************Full Details Modal Styles*************************/

.main-content .companydetailsview aside.dropdown-option { cursor: pointer; float: right; padding: 0.2em 0.4em; position: relative; text-align: left; width: auto; }
.full-view-top { background: #E8F2FC; padding: 0.5em; float: left; width: 99%; }
.full-view-top .edit-icon { background: url("../Images/css-sprite.png") no-repeat scroll -533px -45px rgba(0, 0, 0, 0); cursor: pointer; float: left; height: 21px; margin: 0 0 0 0.3em; text-indent: -99999px; width: 17px; }
.main-content .full-view-top select { margin: 0 0.5em; width: 30%; }
.defaultopt input[type="checkbox"] { position: relative; top: 2px; margin-right: 0.5em; }
.full-view-search-sect { float: left; width: 100%; }
.full-view-search-sect .field-icon.popup_icon { right: 15px; }
.full-view-search-sect .adv-opt-content .field-optional { width: 45%; }
.full-view-search-sect .adv-opt-content .field-icon.popup_icon { right: 5px; }
.full-view-search-sect .adv-opt-content .field-optional a { float: right; position: absolute; right: 0; top: 0; }
.model-window.ordercreatefullview { max-width: 1000px; width: 1000px; padding-top: 0 !important; }
.full-view-search-sect .field-optional input[type="text"] { padding-right: 3%; width: 95%; }
.full-view-search-sect .adv-opt { margin-right: 1em; } 
.fullviewcomp td span { float: left; width: 100%; } 


.addrow { background: url("../Images/css-sprite.png") no-repeat scroll -830px -39px;  height: 21px; width: 21px !important; }


/******styles for ordercreate screen ends*********/


/**** Main Navigation / Left Navigation starts *****/
.main_navbar  { float:left; width:100%; position: relative; min-height: 42px; background: #1269be; /* Old browsers */ background: #2a5798; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #2a5798 0%, #22457a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a5798), color-stop(100%,#22457a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2a5798 0%,#22457a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2a5798 0%,#22457a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2a5798 0%,#22457a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2a5798 0%,#22457a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5798', endColorstr='#22457a',GradientType=0 ); /* IE6-8 */
 }

.mainnav-responsive          { position: fixed; display: none; top:0; }

.desktop .ui-page            { background:#fff; }

.mobile-top-bar
{
    float:left; width:100%;
    z-index: 1;
    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;
    position:relative;
}

.top-left-logo
{
    float: left;
    margin: 4px 0 0 10px;
}
.top-left-logo a {
    display: table-cell;
    height: 52px;
    vertical-align: middle;
}

.navbar-inner, .topbar-inner      { margin:0 auto; width: 100%; }
.navbar-logo,.navbar-title {  float: left; padding:0; }
.navbar-title   {padding:0 0 0 5px;}
.navbar-title h1           { color: #FFFFFF; font-size: 1.5em;  font-weight: normal;  width: 126px; }
.main-nav {
    float: right;
}
.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 0.9em;
                             position: relative; border-left: 1px solid #033b74; }

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

.main-nav ul li .sub-menus
{
    display: none;
    left: -1px;
    position: absolute;
    top: 3.55em;
    background-color: #E8F2FC;
    border:1px solid #D2DCEA;
    width: 12em;
    z-index: 999;
}
.main-nav ul li .sub-menus li:hover
{
    background-color: #C9D8EA;
}
.dropdown-arrow-icon
{
    background: url("../Images/css-sprite.png") no-repeat scroll -406px -18px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    height: 18px;
    width: 15px;
    margin-left: 0.5em;
    opacity: 0.5;
}
.main-nav ul li .sub-menus li
{
    border-bottom:1px solid #CCDAEB;
    border-left: none;
    width: 84%;
    padding: 0.6em 1em;
    cursor: pointer;
} 
.filter-arrow-icon, .filter-arrow-right-icon/****given same class in my appointments in leftnav***/
{
    background: url("../Images/css-sprite.png") no-repeat scroll -406px -18px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    height: 18px;
    width: 15px;
    margin-right: 1em; 
    opacity: 0.3;
}   
.filter-arrow-right-icon { background-position: -494px -4px; }  



.filter-option
{
    display: none;
    padding: 0 1em 0.5em 1.5em;
    float:left;
    /*border-bottom: 1px solid #C4D0DC;*/
    width: 89%;
} 

.filter-option-label
{
    cursor: pointer;
    padding: 0.5em 0;
    width: 100%;
    border-top: 1px dotted #C4D0DC;
    color: #2489CE;
} 
.filter-option-label.active { border-bottom:none; }
.filter-option-label label
{
    padding-left: 1em;
    cursor:pointer; 
}

.filter-option dd {
    margin-top: 5px !important;
    margin-left: 3px !important;
    cursor: pointer;
    font-size: 0.917em;
} 

.filter-settings-icon,.run-icon
{
    height: 25px;
    width: 25px;
    background: url("../Images/css-sprite.png") no-repeat scroll -454px -5px;
    cursor: pointer;
    float:left;
}
.run-icon { background-position: -456px -35px; }
.search-section
{
    float: left;
    width: 75%;
}
.single-icon { border-radius:2px !important; }

.left-nav-search span {
    padding: 0.7em 0.5em 0;
}

.filter-option-fields
{
    width: 48%;
    float: left;
}
.filter-option input[type="checkbox"] {
    float: left;
    margin-right: 0.5em;
}


/*.main-nav ul li:last-child { float: right; }*/


/**header tab responsive styles***/

.navbar-inner                    { float: left; width:100%; }
.leftnav-icon                    { float:left;  margin:8px 10px;}
.leftnav-icon a, .mainnav-icon a { float:left; width:30px; height:25px; text-indent: -9999px; background:url(../Images/css-sprite.png) no-repeat -190px -2px; outline-style: none;}
.mainnav-icon                    { float:right; margin:11px 10px; }
.mainnav-icon a                  { background-position:-428px -9px; width:22px; height:19px; }

.mainnav-responsive ul { float: right;  margin: 0 10px 0 0;   padding: 11px 0; }
.mainnav-responsive ul li        { float:left; padding:0 5px; position: relative; }
.mainnav-responsive ul li a      { float:left; text-indent: -99999px; outline: none;  }

.g-top-header-section   { background: none repeat scroll 0 0 #E8F2FC; border-bottom: 1px solid #D5D5D5;  float: left; padding: 0 1%;  width: 98%; position: relative; }

.leftnav-btn, .leftnav-btn a {float:right; width: 8px; text-indent: -9999px; position: absolute;  right: -0.03em; z-index: 1; height:100%; 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; }
.leftnav-btn a { background: url(../Images/drag-icon.png) center 40% no-repeat rgba(0, 0, 0, 0); top: 0; opacity:0.3; }
.leftnav-btn span { background: url("../Images/css-sprite.png") no-repeat scroll -377px -2px; height: 36px;  margin: 0.4em 0 0;   position: absolute;   right: 0;   width: 20px; z-index: 1; 
                   cursor:pointer; }
.leftnav-btn:hover       { width:8px; }
.leftnav-btn:hover a     { background-color: #999; width:8px; opacity:0.3; }


.expand-nav  { background: #ecedef; display: block; /*border-right:1px solid #c4d0dc;*/  margin:0; position: absolute; 
               transition: all 0.3s ease-in-out;
               -webkit-transition: all 0.1s ease-in-out; /** Chrome & Safari **/
               -moz-transition: all 0.1s ease-in-out; /** Firefox **/
               -o-transition: all 0.1s ease-in-out; /** Opera **/
               left:0; top:0; width:100%; height:100%;
             }
.collapsed-nav { position: absolute;  left:-220em;  top:0; width: 58px; /*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;*/ transform: translate3d(0, 0px, 0px);-moz-transform: translate3d(0, 0px, 0px); 
                -webkit-transform: translate3d(0, 0px, 0px); }

.collapsed-nav ul      { text-align: center;margin:0; padding:0; }
.collapsed-nav ul li   { padding:0; border-top:none; float:left; clear: both;  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; position:relative; }
.collapsed-nav ul li a { background:#ECEDEF; float:left; padding:0.74em 1.25em;  outline: none; box-shadow: -1px 0 3px 0 #CCCCCC; -webkit-box-shadow: -1px 0 3px 0 #CCCCCC;
                        -moz-box-shadow:-1px 0 3px 0 #CCCCCC; width:auto; z-index:1; position:relative; }           

.collapsed-nav ul li a span { background:url(../Images/css-sprite.png) no-repeat; width:26px; height:26px; float:left; }
.collapsed-nav ul li.leftnav-search a span           { background-position:-24px -28px;  }
.collapsed-nav ul li.leftnav-quicklaunch a span      { background-position:-993px -3px;  }
.collapsed-nav ul li.leftnav-filter a span           { background-position:-959px -1px;  }
.collapsed-nav ul li.leftnav-reports a span          { background-position:-1135px -2px; }
.collapsed-nav ul li.leftnav-activity a span         { background-position:-1097px -2px; }
.collapsed-nav ul li.leftnav-appointment a span      { background-position:-1026px -2px; }
.collapsed-nav ul li.leftnav-statistics a span       { background-position:-1136px -29px; } 
.collapsed-nav ul li.leftnav-notify-msg a span       { background-position:-372px -43px; }
.collapsed-nav ul li.leftnav-entity-settings a span  { background-position:-1039px -29px; }

.collapsed-nav ul ul li.leftnav-company a span       { background-position:-1106px -30px; }
.collapsed-nav ul ul li.leftnav-contact a span       { background-position:-1073px -31px; }
.collapsed-nav ul ul li.leftnav-resource a span      { background-position:-1000px -32px; }
.collapsed-nav ul ul li.leftnav-task a span          { background-position:-967px -33px; }
.collapsed-nav ul ul li.leftnav-timesheet a span     { background-position:-928px -34px; }
.collapsed-nav ul ul li.leftnav-order a span         { background-position:-889px -35px; }
                
.collapsed-nav ul li:first-child img                 { float:right; }
.collapsed-nav ul li:hover a                         { background: #f4f5f8; }

.collapsed-nav ul ul                                 { left: -23.75em;  position: absolute;  width: 28em; z-index:0;  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; }  
.collapsed-nav ul ul.show-items                      { left: 4.75em; }
.collapsed-nav ul ul li                              { clear:none; }
.collapsed-nav ul ul li a                            { padding: 0.74em 1.25em; box-shadow: -1px 0 2px 0 #77b2dd inset; background:#b5ddfa !important;}
.collapsed-nav ul li:hover ul li a                   { background:#b5ddfa !important;  }
.collapsed-nav ul li:hover ul li:hover a             { background: #9DC8E7 !important; }
/*.collapsed-nav ul ul.tablet-view                   { left: 220em; top:0; width:20em; }*/
.collapsed-nav ul ul.tablet-view li a                { padding: 0.48em 0.58em; }
.desktop .collapsed-nav ul ul.tablet-view            { left: -23.75em; width:28em;}
.tablet .collapsed-nav                               { left: 0; top: 3.7em;  width: 240px; }
.tablet .collapsed-nav ul li.leftnav-search,
.tablet .collapsed-nav ul li.leftnav-quicklaunch,
.tablet .collapsed-nav ul li.leftnav-entity-settings { display:none; }
.tablet .collapsed-nav ul li                         { clear:none; transition: all 0.1s ease-in-out 0s; }
.tablet .collapsed-nav ul li a                       {  padding: 0.4em 0.57em; }


.gm-statistics, .gm-appointment, 
.gm-recent-activity, .gm-reports            { display:none; clear: both; }
.gm-left-content h3, .gm-left-content  h4   { padding: 0.2em 2.9em 0.5em 0.8em; margin:0; clear:both; }
.gm-left-content h3                         { color:#bbb; }
.gm-left-content h4                         { padding: 0.5em 1em; }
.gm-left-content                            { position:relative; margin:4em 0 0; float:left; }
.gm-left-content ul                         { margin:0 0 1em; padding:0; float:left; width:100%;  }
.gm-left-content ul li:first-child          { border-top:1px dotted #d5d5d5;}
.gm-left-content ul li                      { float:left; width:100%; border-bottom:1px dotted #d5d5d5; }
.gm-left-content ul li a                    { float: left;  padding: 0.5em 1em;   text-decoration: none;  width: 90%;  font-weight:normal !important; }

.gm-left-content.gm-reports ul li           { position:relative; padding: 0.5em 1em; width: 90%;  color: #2489CE; cursor:pointer;  float:left; font-size:1em; }
.gm-left-content.gm-reports ul li a         { padding:0;}
.gm-left-content.gm-reports ul li.active    { border-bottom:none; }
.gm-left-content.gm-reports ul li.toggle-content { font-size: 1em;  padding: 0 0.8em 1em;  width: 92%; }
.gm-left-content.gm-reports ul li label     { color:#666; float:left; width:100%;  padding: 0 0 0.3em; }
.gm-left-content.gm-reports ul li input[type="text"] { width:93%; margin: 0 0 0.6em; }

.gm-left-content.gm-reports ul li input[type="checkbox"]     { float: left; margin: 0 0.6em 0 0; }
.gm-left-content.gm-reports ul li span      { width:14em; float:left; }
.gm-left-content.gm-reports ul li span.icon { width:15px; height:19px;  background:url(../Images/css-sprite.png) no-repeat;  right: 1.5em; position:absolute; margin:-10px 0; top: 50%; 
                                              cursor:pointer; }
.gm-left-content.gm-reports ul li span.icon.run-icon    { background-position:-774px -39px; }
.gm-left-content.gm-reports ul li span.icon.pdf-icon    { background-position:-752px -39px; }
.gm-left-content.gm-reports ul li span.preload          { width: 16px; right: 1.5em; position: absolute; margin:-8px 0; top: 50%; }

.gm-left-content ul li a span.pointer, 
.filter-option-label span.pointer,
.gm-left-content.gm-reports ul li span.pointer  { border-bottom: 5px solid rgba(0, 0, 0, 0);  border-left: 5px solid #666; border-top: 5px solid rgba(0, 0, 0, 0); content: ""; 
                                                  display: inline-block;  height: 0; position: relative; right: -5px; top:2px; width: 0; opacity:0; background:none; float:none; }

.expander .arr { border-bottom: 5px solid rgba(0, 0, 0, 0);  border-left: 5px solid #666; border-top: 5px solid rgba(0, 0, 0, 0); content: ""; 
                                                  display: inline-block;  height: 0; position: relative; right: -5px; top:-2px; width: 0; opacity:1; background:none; float:none; }
                                              
.gm-recent-activity li a span               { float:left; width:19px; height:15px; background:url(../Images/css-sprite.png) no-repeat; margin: 0 0.5em 0 0; }
.gm-recent-activity li a span.timesheet     { background-position: -860px -41px; }
.gm-recent-activity li a span.neworder      { background-position: -831px -42px; }  
.gm-recent-activity li a span.confirmorder  { background-position: -798px -42px; }  

.gm-left-content.gm-statistics ul li        { padding: 0.5em 2.5em 0.5em 1.9em;  width: 78%; }

.toggle                                     { cursor:pointer; }
.gm-left-content ul li.toggle.active        { border-bottom:none; }
.gm-left-content ul li.toggle-content       { padding: 0 1.5em 0.5em 1.9em; width: 83%; font-size: 0.917em; }
.toggle-content                             { display:none; }
.toggle-content.active                      { display:block; }

.gm-left-content.gm-statistics ul li        { padding: 0.5em 1em; width: 90%; }
.gm-statistics ul li span                   { float:right; background:#8C8888; width:auto;  margin:0; padding: 0.2em 0.4em;  border-radius: 3px; color: #FFFFFF; }

.gm-left-content.gm-notify-msg              { width:20em; display: none; }
.gm-left-content.gm-notify-msg ul li        { padding:0.5em 1em; width: 90%; position:relative; }
.gm-left-content.gm-notify-msg ul li input[type="checkbox"] { float:left; position:relative; top:0.1em; margin: 0 0.8em 0 0; }
.gm-left-content.gm-notify-msg ul li a      { white-space:nowrap; text-overflow:ellipsis; padding:0; overflow: hidden; width:80%; }
.gm-left-content.gm-notify-msg ul li a span { background:url(../Images/css-sprite.png) no-repeat -644px -4px; float:right; width:20px;  height:20px; top: 0.5em; right: -0.4em; position: absolute; }
.remove-msg                                 { display:none; }
span.message:hover span.remove-msg              { display:block; }
.gm-left-content li.delete-all              { border:none !important; margin:0; padding:0;  width: auto !important; position:absolute !important; top:0; right: 0.3em; }
.gm-left-content li.delete-all span         { float:right;  }
.gm-left-content li.delete-all span a       { background:url(../Images/css-sprite.png) no-repeat -537px 0; float:left; width: 19px; padding: 0 0.2em; height: 23px; border-radius: 2px; 
                                              border: medium none; }
.gm-left-content li.delete-all span a:hover { background-color:#DAAF74; }
.gm-left-content .gm-badge                  { padding: 0.2em 0.4em; color: #FFFFFF; border-radius: 3px; font-size: 0.917em; float:right; }

.gm-left-content.gm-notify-msg ul li.toggle-content { padding:0.5em 0 0.5em 1.9em; }
.gm-left-content.gm-notify-msg ul li span.message   { float: left; padding: 0.5em 0; width: 95%; position:relative; }

.model-window.message .select2-container-multi .select2-choices {  width: 97.5%; }

.left-nav-search                                            { float: left; position: relative;  text-align: right; width: 100%; background: #A3C8E7; height: 3.7em; right:0; 
                                                              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; }
                                      
.left-nav-search.show-search                                { right: -240px;  width: 350px;  height: 3.6em; }
.desktop .left-nav-search                                   { box-shadow: -1px 0 2px 0 #77b2dd inset; }
.left-nav-search.show-search span.search-section            { float:right; width:77%; } 
.left-nav-search.show-search .search-bar                    { float: left;  position: relative;  text-align: left;  width: 260px; }
.left-nav-search.show-search .search-bar input[type="text"] {  padding: 0 13% 0 0.625em; width: 84% !important; }     
.left-nav select.left-menu-options                          { margin: 4em 1em 1em; width:90%; float:left; }


.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;
                      overflow: inherit;  padding: 3em 0 0; background: #fff; }
.main-content-inner { /*float:left;*/ width:99%; padding:0 0.5em; background:#fff;}

dd.more-mails { float: right;  margin: 0 0 0.4em 0 !important;  width: auto; padding:0; }
dd.more-mails a { color: #333333; float: left;  margin: 0;  text-decoration: none; position: relative; }
.more-to-field, .more-cc-field { display:none;  clear: both; }
.more-cc-field { margin-bottom:10px !important; }
.g-button.more-to { border-radius: 2px 0 0 2px; margin:0 -1px 0 0; }
.g-button.more-cc { border-radius: 0 2px 2px 0; }

.more-cc-field .select2-container { width:100%; }

.g-button.more-to:hover, .g-button.more-cc:hover { background: #DAAF74;  border-color: #B98A4A; z-index: 1; } 
.more-to-field.active, .more-cc-field.active { display:block; }

/***scroll styles ends***/
.top-nav-menu ul li span
{
    cursor: pointer;
    float: left;
    height: 25px;
    opacity: 0.5;
    background: url("../Images/css-sprite.png") no-repeat;
}

.top-nav-menu ul li { float:left; }

.top-nav-menu ul li span:hover, .top-nav-menu ul li.active span
{
    opacity: 1 !important;
}

.collapsedsearchbox {  background: transparent;  border:none; border-radius: 2px;  float: right;  height: 24px;  margin-top: -0.2em;  padding: 0 0.3em 0 0.625em;
                       transition: all 0.5s ease 0s; width: 0;  position: absolute; display:none; right:-2px; border: 1px solid rgba(0, 0, 0, 0);  box-shadow: 0 0 3px rgba(0, 0, 0, 0); }

.collapsedsearchbox:focus {
    border: 1px solid #79BBDD;
    width: 225px;
    box-shadow: 0 0 3px #79BBDD;   
    background-color:#fff;   
}
/**** Main Navigation / Left Navigation ends *****/

.mini-tool-bar
{
    background: #d58924;
    display: block;
    width: 30%;
}
.summaryTotl td{
    text-align: right;
    padding: 0.8em !important;
    padding-right:0.25em !important;
    background: #B6D8FB;
    font-size: 1.1em;
}
.summaryTotl td:first-child{background: transparent;}

.ts-table td
{
    border: 1px solid red !important;
    width: 100%;
}




.main-content input[type="text"], .gm-search input[type="text"], .select2-container-multi .select2-choices, .main-content .detail-line input.quantity.active {
    border:1px solid #9c9c9c;
    height: 24px; 
    border-radius:2px; 
    width:93%;
    padding:0 0.3em 0 0.625em; 
    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 */
}
.left-nav input[type="text"] {
    border:1px solid #9c9c9c;
    height: 24px; 
    border-radius:2px; 
    width:90%;
    padding:0 0.3em 0 0.625em; 
    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 */
}


.main-content .mini-popup.time-in-out input[type="text"] { width: 85%; }
.main-content .mini-popup.expenses-tab input { width: 92%; }
input::-ms-clear { display: none; } 

.search-bar input[type="text"]
{
    padding: 0 13% 0 0.625em;
    width: 82% !important;
}

.collapsible-row { display: none; }

.main-content input[type="text"]:focus, .gm-search input[type="text"]:focus, .collapsed-search-bar:focus
{
    border: 1px solid #79bbdd;
    box-shadow: 0 0 3px #79BBDD;
}
.mini_toolbar
{
    display: block;
    margin: 2em 0.4em 1.5em 0;
    z-index: 100;
}
ul.mini_toolbar { padding:0 !important;  -webkit-border-radius:0.2em !important;  -moz-border-radius:0.2em !important;  border-radius:0.2em !important;  -webkit-box-shadow:inset 0px 1px 0px #fff, 0px 1px 2px #E1E1E1 !important;
    -moz-box-shadow:inset 0px 1px 0px #fff,0px 1px 2px #E1E1E1 !important; box-shadow:inset 0px 1px 0px #fff, 0px 1px 2px #E1E1E1 !important; }

.mini_toolbar li
{
    float: left;
    text-align: center; 
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #D8D8D8;  
}
.mini_toolbar li:first-child { border-left:none !important; }
.mini_toolbar li:last-child  { border-right:none !important; }

.mini_toolbar li a {
        text-decoration: none;
        outline: none;
        float:left;
        padding: 0.3em 0.4em;
        position: relative;
    }
    .mini_toolbar img { opacity: 0.6; }

.mini_toolbar li:hover a,.mini_toolbar li.active a { background-color: #DAAF74; color: #FFFFFF; transition: background-position 0.1s linear 0s; background-position: 0 -15px; }
.mini_toolbar li.active a { box-shadow: none; } 
.mini_toolbar li:first-child:hover a { border-radius: 0.2em 0 0 0.2em; }
.mini_toolbar li:last-child:hover a { border-radius: 0 0.2em 0.2em 0; }
.mini_toolbar li:hover,.mini_toolbar li.active { border-left:1px solid #b98a4a; border-right:1px solid #b98a4a; }

.mini_toolbar .gm-badge {  border-radius: 3px;  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.34);   color: #FFFFFF;  display: block;  font-family: Arial,sans-serif;  height: 16px;
    line-height: 16px;  padding: 0 5px;  position: absolute;  right: -5px;   text-shadow: 0 -1px rgba(0, 0, 0, 0.11);   top: -20px; opacity:0; background: #E3262E;
    border-color: #AF151B #9A1015 #820A0F;}

.top-nav-menu .gm-badge {
    background: none repeat scroll 0 0 #CD675F;    
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.34);
    color: #FFFFFF;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 0.8em;
    height: 13px;
    line-height: 16px;
    opacity: 1;
    padding:0 4px 1px;
    position: absolute;
    right: -2px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.11);
    top: 7px;
    width: auto;
}
.g-collapsible-search-icon {
    background: url("../Images/css-sprite.png") no-repeat scroll -23px 0 rgba(0, 0, 0, 0);
    position: absolute;
    right: 0;
}



@-moz-document url-prefix() {
     a.mini_toolbar_buttons { line-height: 1.2em; } 
     }
.file-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
   padding-left: 0.2em;
}
.file-wrapper input {
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=1);
    opacity: 0.01;
    -moz-opacity: 0.01;
    cursor: pointer;
}
.file-wrapper .button {
     background: url("../Images/attach.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    cursor: pointer;
    float: left;
    height: 1.3em;
    margin-left: 0;
    padding: 5px 11px 5px 28px;
    font-size: 0.75em;
}
.file-holder{
    color: #000;
     font-size: 0.75em;
     float: left;

}
.status
{
    color: #666;
    display: block;
    float: right;
    padding: 0.3em;
    width: 25%;
    text-align: right;
}
.comments-area
{
    height: 25px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 96%;
    border:1px solid #ccc;
    border-radius: 2px;
    background: -moz-linear-gradient(top,  rgba(209,209,209,0.65) 0%, rgba(180,180,180,0) 6%, 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(6%,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) 6%,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) 6%,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) 6%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 6%,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF; /* W3C */
}
.comments-area.cross {  height: 90px !important;  padding: 2% 1%;   width: 98%; }

.pad-Rest
{
    padding-top: 0.3em !important;
}
.curve_left, .curve_right
{
    border-radius: 2px 0 0 2px;
}
.curve_right
{
    border-radius: 0 2px 2px 0;
    border-right: none !important;
}
.remove_button
{
    display: none;
}
.add_button
{
    display: block;
}
.date-time
{
    position: relative;
}

.date-time input[type="button"], .search-bar input[type="button"]
{
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    height: 20px;
    padding: 0;
    position: absolute;
    top: 2px;
    width: 18px !important;
}
.date-time input[type="button"] { top:-2px; }

.left-nav .date-time input[type="button"] { top: 4px; }
.left-nav .cal_icon {right:2px; }
.cal_icon
{
    background: url("../Images/cal_icon.png") no-repeat scroll 2px 1px rgba(0, 0, 0, 0); right:4px; 
}
.search_icon
{
    background: url("../Images/search.png") no-repeat scroll 2px 1px rgba(0, 0, 0, 0);
    right: 5px;
}
.popup_icon
{
    background: url("../Images/popup-icon.png") no-repeat scroll 2px 1px rgba(0, 0, 0, 0);
    right: 5px;
    top: -2px !important;
    width:18px;
}

.search-bar 
{
    position: relative; 
}
.main-content select
{
    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;
    background: -moz-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;
    background: -ms-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;
    background: -o-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;
    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)));
    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;
    border: 1px solid #9C9C9C;
    border-radius: 2px;
    height: 26px;
    padding: 0.35em 0.313em;
    width: 99.5%; 
    line-height: 20px;   
}
.left-nav select
{
    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;
    background: -moz-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;
    background: -ms-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;
    background: -o-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;
    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)));
    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;
    border: 1px solid #9C9C9C;
    border-radius: 2px;
    height: 25px;
    padding: 0.3em 0.313em;
    width: 99.5%;
    font-size: 1.1em;
}
.main-content select option
{
    padding: 0.188em 0.313em;
}
.start-date
{
    margin-top: 0.3em;
}

.pricing-content
{
    width: 70%;
    float: right;
}

/* left-Navigation Bar */
.gm-filter { border-bottom:1px dotted #d5d5d5; }
.gm-filter > dl {
    width: 100%;
    margin: 0;
}
.gm-filter > dl > dt, .expand-nav > dl > dd{
    margin:1px 0 0 0 !important;
}
/*.gm-filter select {
    height: 2.2em;
    padding: 0.3em;
    width: 100%;
}*/
.g-top-section dl {margin:0 0.5em 0 0;}

/* Approve Status Section */

.indicator {
    border-radius: 1px;
    float: left;
    height: 0.6em;
    margin: 0.4em 0.5em;
    width: 0.7em;
}

.status-field, .status-text
{
    float: left;
}
.status-field
{
    width: 100%;
}
.mini-popup.approve-reject
{
    right: 5%;
    width: 11em;
    padding: 1em;
    margin-top: -9px;
    overflow-x:hidden; 
}     
.mini-popup.approve-reject li:hover
{
    background-color: #B6D8FB;
} 
.mini-popup.approve-reject li
{
    width: 95% !important;    
}
.mini-popup.approve-reject .status-text
{
    text-decoration: underline;
    color: #000;
}
.indicator.approved
{
    background-color: green;
    
}
.indicator.rejected
{
    background-color: #D27A74;
    
}
.indicator.sent-conf
{
    background-color: orange;
    
}
.indicator.open
{
    background-color: blue;
    
}
.indicator.closed
{
    background-color: gray;
    
}
.indicator.hold
{
    background-color: yellow;
    
}

.indicator.reserved
{
    background-color: #A45788;
    
}
.mini-popup.approve-reject
{
    background-color: #FFFFFF;
    border: 1px solid #79BBDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 2px 15px #79BBDD;
    height: auto;
    margin-top: -10px;
    max-height: 28em;
    overflow-y: auto;
    padding: 0.1em 0 0.5em 0.5em;
    position: absolute;
    width: 12em;
    z-index: 99;
}
.mini-popup.approve-reject li
{
    width: auto;
}
.mini-popup.approve-reject li:last-child {
    margin-top: 0;
    padding: 0;
    width: 95% !important;
}
.mini-popup.approve-reject
{
    display: none;
}
.pricing-info-table
{
    display: none;
}
.status-text
{
    text-decoration: underline;
}



/********global styles for modal window starts**********/

.popup_background            {  z-index: 2000; }
.popup_wrapper               { z-index: 2001; }
  /* Add inline-block support for IE7 */

.model-window                { background-color: #fff;   border: 1px solid #E3E3E3;  border-radius: 4px 4px 4px 4px;   margin-bottom: 20px;   min-height: 20px;  max-width:618px; border: 1px solid rgba(0, 0, 0, 0.3);  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); width:618px; }
.model-window-header         { background:#ebeaea; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;  padding: 0.8em 1em 0.8em 0.99em; margin:0; }
.model-window-header h4      { font-weight: normal; width: 95%; margin:0; color:#535353; font-size: 1.250em; }
.main-modal-window-close     { color: #000000;  float: right;  font-size: 20px;   font-weight: bold;    line-height: 20px;    opacity: 0.2;    text-shadow: 0 1px 0 #FFFFFF; cursor: pointer; }
.main-modal-window-close:hover,
.main-modal-window-close:focus  { opacity: 0.4; }
.model-window-body           { padding: 0.8em 2%; clear:both; }
.model-window-body dl        { width:100%; margin:0; }

.model-window textarea, .model-window .field { background: linear-gradient(to bottom, rgba(209, 209, 209, 0.65) 0%, rgba(180, 180, 180, 0) 5%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 #FFFFFF;  border: 1px solid #9C9C9C; margin:0; padding: 0.6%;  border-radius: 2px; height:86px; overflow-y:auto; width:98.5%; }
.model-window textarea:focus { border: 1px solid #79bbdd;  box-shadow: 0 0 3px #79BBDD; }

.model-window textarea.model-window-input { resize:none; height:16px; padding: 0.5em 0.3em; margin: 0 0 0.4em; background: linear-gradient(to bottom, rgba(209, 209, 209, 0.65) 0%, rgba(180, 180, 180, 0) 12%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 #FFFFFF;}

.model-buttons               { width:100%; clear:both;  background:#faf9f9;  text-align: right; margin:0 0 1em; }       
.g-primary-btns              { width:auto; }
.model-window .date-field    { clear: both;  float: left;  position: relative;  width: 176px; }
.model-window .field         { height: auto; margin-bottom: 0.5em;  padding: 0.4em 2em 0.4em 0.5em;  width: 81%; }
.model-window .date-field .cal_icon { border: medium none;  height: 15px;   position: absolute;  right: 0.5em;  top: 0.4em;  width: 15px; }

.g-button, .g-btn-primary,
ul.mini_toolbar,
.leftpanel-btn, .dropdown-option,.notify-more-option span {  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; }

.g-btn-primary               { background: none repeat scroll 0 0 #34AADC; border-bottom: 1px solid #0C7FAF; box-shadow: none; color: #FFFFFF; }
.model-window .g-primary-btns{ padding:0.8em 0.8em 0.5em; }

.leftpanel-btn               { padding:0;margin:-4px 0 0; position:absolute; right:0.5em; top:0.23em; border-radius:3px; }
.leftpanel-btn a             {  border-left: 1px solid #FFFFFF; border-right: 1px solid #D8D8D8; border-radius: 0 0.2em 0.2em 0; padding:0 0.2em; float:left; }
.leftpanel-btn a:first-child { border-left:none !important; border-radius: 0.2em 0 0 0.2em; }
.leftpanel-btn a:hover       { background-color: #DAAF74; border-left: 1px solid #B98A4A; border-right: 1px solid #B98A4A; }

 

/********global styles for modal window ends**********/


/********global styles for modal window tables starts**********/
table.gm-datatable                { font-size: 0.9em;   width: 100%; border-spacing: 0; border-collapse: collapse; }
table.gm-datatable thead          { background-color: #0862C2;  color: #fff; }
.gm-datatable  th                 { padding: 0.7em 0.6em;  text-align: left; }
.gm-datatable  tr.even            { background-color: #D8EAFD; }
.gm-datatable  td                 { padding: 0.5em; }
.gm-datatable input[type="text"]  { width:83%; }
.model-window-body dl.gm-search   { margin:-0.8em 0 1em;}
.gm-search dd                     { position: relative; }
.gm-search input[type="text"]     { padding: 0 4% 0 0.5%;  width: 95%; }
.gm-search .g-button              { margin-right:0; float:right; }
.gm-search-icon                   { border:none; background:none; width:18px; height:18px; position: absolute; top:5px; right: 2px; background:url(../Images/search.png) no-repeat; width:18px; height:18px; }


/********global styles for modal window tables ends**********/
#email-preview                    { padding-top:0; display:none; } /***for show-hide email preview**/


/****styles for notification******/
.gm-notification             { margin: 0 0.4em 0.4em 0;  bottom:0; right:20px; position: fixed; height:54px; width:300px; padding:0.4em 0.8em 0.4em 0.6em; display: none; border-color:#DBB990 #EAB97E #BC9A72;   border-image: none; border-style: solid;   border-width: 1px;  box-shadow: 0 1px 5px #5E5E5E; color:#000; 
                               background:url(../Images/notify-bg.png) repeat-x bottom #f8cf9f; z-index: 999; }

.g-close-btn                 { color: #000000;  float: right;  font-size: 20px;   font-weight: bold;    line-height: 20px;    opacity: 0.2;    text-shadow: 0 1px 0 #FFFFFF; cursor: pointer; }
.g-close-btn:hover           { opacity:0.7; }
.gm-notification span        { float:right; }
.gm-notification-inner       { float:left; width:auto; }
.gm-notify-icon              { float:left; width:auto;  margin: 0 0.4em 0 0;}
.gm-notify-content           { float:left; padding:0.2em 0 0 0.5em; width: 222px;}
.gm-notify-content a         { color:#0b417d; text-decoration:none; clear: both; line-height: normal;   margin: 0;}
.gm-notify-content a span    { float:left; font-weight:bold; }
.gm-notify-content a:hover   { text-decoration:underline;  }

.c-notify-options            { background-color: #FFFFFF;  box-shadow:0px 0px 4px #999; width: 12em; display:none; position:absolute; right:0; bottom: 64px; }
.c-notify-options ul         { margin:0; padding:0; list-style:none;  }
.c-notify-options li         { border-bottom: 1px solid #eee;  clear: both;  float: left;  width: 100%; }
.c-notify-options li:last-child { border-bottom: none; }
.c-notify-options li a       { float:left; text-decoration:none; color:#000;  padding:0.7em 0.58em; width:90%; font-size:0.917em; cursor: pointer; }
.c-notify-options li:hover   { background:#fae1c1; }
.c-notify-arrow              { background:url(../Images/wel_black.png) no-repeat;  background-size:74%; float:left; width:12px; height:7px; text-indent: -9999px; margin: 0.6em 0.5em 0 0; opacity: 0.3; cursor: pointer; }

.c-notify-arrow:hover, 
.c-notify-arrow.active       { opacity:0.7; }
.gm-pointer                  { background: none repeat scroll 0 0 #FFFFFF;  bottom: 0;   position: absolute;   right: 33px;}
.gm-pointer:after, 
.gm-pointer:before           { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.gm-pointer:after            { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 8px; margin-left: -8px; } 
.gm-pointer:before           { border-color: rgba(234, 185, 126, 0); border-top-color: #EAB97E; border-width: 9px; margin-left: -9px; }
 .ts-data-table tr.even, .even            {  background-color: #D8EAFD;}
.g-top-section .job-hidden{ display: none; }
.g-top-section {  float:left; width:100%; }
.g-top-section ul {float:left; width:60em;}
.g-top-section li {
    display: block;
    width: 17em;  
    padding: 0.5em 0.2em 0 0;  
    float:left;
    height:46px;
}

.g-top-section li:last-child { width:6em; margin: 14px 0 0; }
.g-top-section dd {
    margin-left: 0;    
}
.g-header-title h2 { margin-left: 0; font-weight:normal; float:left; width:auto; }
.g-data-section {
    width: 100%;
    clear:right;
    float: left;
    font-size: 1.1em;
}
.multiple-resource-summary {
    background: url("../Images/css-sprite.png") no-repeat scroll -406px -18px rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 15px;
}
.hidden-multiple-summary
{
    clear: both;
    display: none;
    float: right;    
    position: absolute;
    right: 0;
    top: 2.8em;
    z-index: 99;
    height: auto;   
}
.multiple-summary-container .summary-bar-desktop:hover
{
    background-color: #96C3F4;
    cursor: pointer;
}
.gm-datatable.ordersearch tr,.gm-datatable.resourcesearch tr { cursor: pointer; }

.g-more-buttons {    
    background: url("../Images/css-sprite.png") no-repeat scroll -406px -18px rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 15px;
}
.alternate-row
{
    background-color: #D8EAFD !important;
}

.selected-filter-options
{
    width: 100%;
    padding: 0 0 0 0.9em;
    background: #F0F0F0;
    float: left;
    display: none;
    border-bottom:1px solid #D5D5D5;
    position: absolute;
    z-index:10;
    height: 24px;
    overflow: hidden;
}
.success-msg
{
    width: 100%;
    padding: 0.2em;
    background: #5F95C9;
    color: #fff;
    float: left;    
    border-bottom:1px solid #D5D5D5;
    position: absolute;
    z-index:999;
    overflow: hidden;
    display: none;
    right:0;
    margin:-2px 0 0;
}
.success-msg h2 { font-weight: normal;  text-align: center; }

.selected-filter-options:hover { min-height: 24px; height: auto; z-index: 9999; }
.selected-filter-options-container {
    float: left;
    font-size: 0.9em;
    margin: 0.6em 1em 0 0;    
    overflow: hidden;
    max-width: 85%;
}
.resetfilteroptsmargin { margin-top: 2em !important; }
.selected-filter-option-mobile-top-bar
{
    width: auto;
    float: left;
    margin-left: 0.5em;
}

.selected-filter-option-top-bar {
    float: left;
    margin-left: 0.5em;
    width: auto;
}
.filter-option-close {
    margin: 0.2em 0 0 0.4em;
    float: right;
}
.filter-option-close a {
    border-radius: 2px;
    color: #666666;
    float: left;
    line-height: 10px;
    margin: 0;
    opacity: 0.5;
    padding: 0 0.3em 0.15em;
    text-decoration: none;
}

.filter-option-close a:hover {
    background: #999999;
    color: #FFFFFF;
    opacity: 1;
}

.val {
    float: left;
}

.clear-all, .update {
    background:#bbb;
    cursor: pointer;
    float: left;
    font-size: 0.9em;
    margin: 0.1em 0.3em;
    padding: 0.2em 0.6em 0.2em 0.5em;
    width: auto;
    color: #FFFFFF;
    border-radius: 3px;    
}

 .update { background:#FF8E50; } 
 .filter-labels-actions { float: left; position: relative; right: 10px; }

.selected-filter-header-label
{
    width: auto;
    float: left;
    font-weight: bold;
}



.ts-data-table, 
.pricing-info-table                 { border-collapse: collapse;  border-spacing: 0; }
.ts-data-table                      { clear: both; width:100%; }
th, td                              { padding: 0.7em 0.6em;  text-align: left; position: relative; }
.ts-data-table th, .ts-data-table td                   { padding: 0.4em; }
.ts-data-table td                   { padding: 0.3em 0.5em; }
.ts-data-table th.chkbox, .ts-data-table td.chkbox     { padding: 0.8em 0.5em 0.5em; }
.chkbox                             {  padding-top: 1.1em;  width: 12px; }

.g-data-section .icon-toolbar       { float:left; }
.multiple-summary-container         { position: relative; }
.hidden-multiple-summary            { clear: both;  display: none;  float: right;  height: auto;  position: absolute; right: 0;  top: 2.8em; z-index: 99; border: 1px solid #CCCCCC; }
.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-hidden         { background-color: #FFFFFF;  clear: both;  color: #4F5151;  float: right;  font-weight: normal;  padding: 0;  width: auto; }
.summary-bar-desktop-hidden li      { display: inline-block; padding: 0.625em 0.625em 0.75em; }


.mini-popup                         { background-color: #FFFFFF; border: 1px solid #79BBDD;  border-radius: 2px; box-shadow: 1px 2px 15px #79BBDD; height: auto;
                                      margin-top: -29px;  max-height: 28em; overflow-y: auto;  padding: 0.01em 0 0 0.5em;  position: absolute;
                                      width: 21em;  z-index: 99; }
.mini-popup.expenses-tab { right: 10px; }
.mini-popup li                      { display: inline-block;  float: left;  padding: 0.625em 0.1em 0.625em 0 !important;  width: 45% !important; }
.rt-dt-ot ul li, 
.rt-dt-ot ul li:last-child          { margin: 0;  padding: 0 0.4em 0.3em 0.1em;  width: 30% !important; }
.rt-dt-ot input                     { width: 76% !important; }
.mini-popup li:last-child           { margin-left: 0; margin-top: 0.4em;  text-align: right;  width: 0.8em !important; }
.expenses-tab ul li                 { padding: 0 0.4em 0.3em 0.1em; }
.mini-popup.expenses-tab li         { width: 97% !important; }
.main-content .mini-popup.expenses-tab li select { width:100%; }
.mini-popup.expenses-tab li:nth-child(2) { width: 35% !important; }
.mini-popup.expenses-tab li:nth-child(2) input[type="text"] { width: 86%;}
.mini-popup.expenses-tab li:nth-child(3) { width:auto !important; padding: 0.9em 0.4em 0.3em 0.6em !important; }
.mini-popup.expenses-tab li:last-child   { float: right;  margin-right: 0.7em;  margin-top:0; width:auto !important }
.file-wrapper                       { width: 10em; }

.comments_popup                     { margin-left: -26.5em;   margin-top: -27px;  padding: 1em 0.5em 1em 1em;  width: 24em; }
.expenses-tab, .rt-dt-ot,.time-in-out { display: none; }
thead                                { background-color: #0862C2; color: #FFFFFF; }
.multiple-summary-container         { font-size:0.8em;  padding: 0.5em 0 0; } 
.ts-data-table tbody td             { display:table-cell; }

.more-details a { display: none; }
/* collapsed row styles*/
.collapsed td {
    text-align: right;
    padding: 0.1em;
}
.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;
    padding: 0.1em;
}
.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;
}
    .status-view-label {
      float: right;
      font-weight: bold;
      margin-right: 0.2em;
    }
    .rotate270 {
      transform: rotate(270deg);
  }
a:focus { 
    outline: none; 
}
button::-moz-focus-inner {
  border: 0;
}
.ts-mobile-more-buttons a {
    color: #333333;
    text-decoration: none;
}
.main-content select:focus, .main-content img:focus, .main-content input[type="button"]:focus { border: 1px solid #79BBDD !important; box-shadow: 0 0 3px #79BBDD !important; }
input:focus, select:focus, img:focus {
    outline: 0;
}

/*Custom View Styles */
.clear { clear: both; }
.corresponding-details { width: 100%; clear: both; display: none; margin-top: 0.5em; }
.customview-filter-options li { display: inline-block; }
.customview-filter-options li label { padding:0.2em 0.8em 0.2em 0; float: left;  }
.customview-filter-options li input[type="checkbox"], .customview-filter-options li input[type="radio"], .corresponding-details input[type="checkbox"] { float: left; margin: 0.1em 0.4em 0 0; }
.customview-filter-options li select { float: left; margin-top: 0.6em; width: 125px; }
.main-content.customview { padding: 0; }
.customview .corresponding-details .g-top-section li { padding:0; width: 49%; }
.customview .corresponding-details .g-top-section li.alignright { float:right; }
.main-content.customview .corresponding-details input[type="text"] { width: 95%; padding: 0 2%; }
.main-content.customview .corresponding-details select { width: 100%; }
.customview-filters { float: left; width: 96%; background: #FAF9F9; margin: 0 0 1em; }
.custom-sort-option { width: 100%; float: left; }
.custom-sort-option li { float: left; padding: 0.5em 0; width: 49%; }
.custom-sort-option li.alignright { float:right; }
.customview-select { float: left; width: 100%; padding: 1em 0; }
.select2-container-multi .select2-choices .select2-search-choice-focus { background: #C3E4F9 !important; }
.selected-customview-option { float: left; width: 96%; font-weight: bold; background: #E8F2FC; padding: 0.8em 2%; }        
.customview .corresponding-details .g-top-section ul { width: 100%; padding: 0; }
.customview .corresponding-details .g-top-section ul li span { width:100%; float:left; width:100%; text-align:left; }
.customview .corresponding-details .gm-close a {
  background: url("../Images/css-sprite.png") no-repeat scroll -3px -5px rgba(0, 0, 0, 0);
  border: medium none;
  float: left;
  height: 16px;
  opacity: 0.5;
  padding: 0;
  text-indent: -99999px;
  width: 16px;
}
.customview .corresponding-details .gm-close {
  float:right; 
  margin: 0.1em 0 0;
  position: relative;
  width: auto;
}
.corresponding-details .gm-close a:hover { opacity: 1; }
.customview .clickable-chkbox { float: right; padding: 0.8em 0 0; }
.customview .g-top-section li:last-child { margin:0; }


.mini-popup a:focus, .mini-popup a:active, a.comments_button:focus, a.comments_button:active { outline: 1px dotted #ccc; }
a.add_button, a.remove_button { float: left; }
/* order search settings option */
.settings-toolbar li { float: left; }

.filter-arrow-icon:hover { opacity: 1; }
.mini-popup.table-settings {
    overflow-y: inherit;
    border: 1px solid #D2DCEA !important;
    height: auto;
    margin-top: -1px;
    position: absolute;
    width: 12em;
    z-index: 999;
    left: 64px;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 #CCCCCC;
    -webkit-box-shadow: 0 0 2px 0 #CCCCCC;
    -moz-box-shadow: 0 0 2px 0 #CCCCCC;
    padding: 0;
    display: none;
}
.mini-popup.table-settings li { width: 95% !important;  border-bottom: 1px solid #CCDAEB !important; padding: 0.5em !important; width: 92% !important; }
.mini-popup.table-settings li:hover { background-color: #C9D8EA; }
.mini-popup.table-settings li:last-child { margin: auto; text-align: left; width: auto; border-bottom: none !important; }
.mini-popup.table-settings input[type="checkbox"] { margin: 0.1em 0.8em 0 0; position: relative; top: 2px; }
.mini-popup.table-settings .status-field { text-decoration: none; color: #000000; }
.mini-popup.table-settings .status-field span { font-size: 0.9em; }
.select2-container-multi .select2-choices { width: 99.6%; }
.multiseldiv { clear: both; }
.main-content .cv-sel { width:100%; }
.multiselectinit { float: right; clear: both; margin: 0.5em 0; }
.selected1 { background:#ADE4FF; }
.customview .gm-search { width: 100%; }
.customview .gm-search input[type="text"] { padding: 0 1.5%; width: 96.3%; }
.customview .g-top-section { width: 96.1%; }
.customview .filter-option-close { float: right; margin: 0.2em 0.5em 0 0.4em; }
.busy-cursor { cursor: wait; }

/********order search settings*********/
     .table-settings .arrow_border {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999999;
            border-image: none;
            border-style: outset outset solid;
            border-width: 8px;
            left: 10px;
            top: -17px;
        }
        .table-settings .arrow {
            height: 0;
            position: absolute;
            width: 0;
        }
        .table-settings .arrow {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FAFAFA;
            border-image: none;
            border-style: outset outset solid;
            border-width: 8px;
            left: 10px;
            top: -16px;
        }
        .table-settings .arrow_border, .table-settings .arrow {
            height: 0;
            position: absolute;
            width: 0;
        }
        .table-settings li.header {
            background: none repeat scroll 0 0 #FAFAFA !important;
            box-shadow: none;
            padding: 13px 16px 12px;
        }
        .table-settings li.first {
            border-top-color: #D2D2D2;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }
        nav.icon-toolbar, .mini_toolbar { position: relative; }
        .newrow { display: none; }
        .ui-collapsible-content, .ui-collapsible-set .ui-collapsible.ui-last-child { border-radius: 0 !important; }

        .acc-head-pid input[type="checkbox"] { position: relative; top: 1px; }
        .g-top-header-section .leftpanel-btn { top: 12px; }
        .more-settings-drop { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; clear: both; position: absolute; right: 4px; top: 35px; display: none; }
        .more-settings-drop li { border-bottom: 1px solid #CCCCCC; padding: 0.5em; cursor: pointer; display:block !important; background:#fff; float: none; transition: none 0s ease 0s; width:auto; }
        .more-settings-drop li a { color:#333 !important; font-weight:normal !important; text-decoration:none !important; }
        .more-settings-drop li:hover { background: none repeat scroll 0 0 #DAAF74; }
        .more-settings-drop li:last-child { border-bottom: none; }
        .fullviewcomp .expander { cursor: pointer; width: 0; display: none; }
        tbody.sub-items { display: none; }

        /******************view-profile-section*******************************/
        .view-profile-section .workprofile .profile-img { margin: -13% 0 2%; }
        .view-profile-section .emailconfig .profile-img, .view-profile-section .personalinfo .profile-img { margin: -14% 0 2%; }
        .view-profile-section .gm-login-title { clear: both; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
.fc table.fc-header,
.t-window .t-header {
    background-color: #999999 !important;
}
.t-header,
.t-grid-header {
    border-color: #fff;
    background: #ccc;
    color: #fff;
}
.t-widget {
    border-color: #ccc;
}
.t-grid-filter.t-state-hover, .t-grid-filter.t-state-hover:hover {
    background: none;
    border-color: #ccc;
}
.t-item.generaltabs .t-link {
    background: #999;
    color: #fff !important;
}
.t-link.t-state-hover {
    background: #ccc;
}
.t-header .t-link,
.t-header .t-link:hover {
    color: #fff;
}
.t-select.t-header {
    background: #f1f5fb !important;
}
.t-datepicker-calendar .t-header {
     background: #999 !important;
 }
 
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

/*.g-top-header-section { width:98.3%; }*/
.gm-login-banner { padding: 1.7% 2% 1.7% 3%; }
::i-block-chrome, .left-nav-search { height:3.3em; margin:1px 0 0; }
/*.gm-details select { line-height:28px; height:32px; }*/
::i-block-chrome, .expand-nav { margin-top:-2px; }
::i-block-chrome, .collapsed-nav { top:0px; }
::i-block-chrome, .tablet .collapsed-nav { top:3.49em; }
::i-block-chrome, .tablet .collapsed-nav ul li a { padding: 0.4em 0.6em !important; }
::i-block-chrome, .collapsed-nav.mobile { top:3.49em !important;}
::i-block-chrome, .collapsed-nav.mobile ul li a { padding: 0.4em 0.6em; }
::i-block-chrome, .leftnav-btn, .leftnav-btn a { background-position:-377px 3px; margin: -1px 0 0; }
::i-block-chrome, .task-panel {top:105px; }
.task-panel.task-status { top:105px;}
::i-block-chrome,.main-nav ul li { padding-bottom:0.7em; }
::i-block-chrome,.main-nav ul li a { padding: 0.2em 1em 0.4em !important; }
.notify-task textarea { width:97.8%; }

.ui-page-active.ui-page-panel {
    overflow-x: hidden;  /* ****hiding or changing of this overflow will create issue in Mac machine****/
}
.selected-filter-options { width:98%; }
.g-top-header-section { width:98.2%; }
::i-block-chrome, .left-nav-search { height:3.65em !important; } 


}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


.RedAlert {  
	/*color: red;*/  
} 
.RedAlert .orderedit_orderno1,
.RedAlert .orderedit_orderno  {
	 color: red;	
     font-size: 15px;
    font-weight:bold;
}

#CreateTimeSheet .g-top-section .include-all-bookings:last-child,
.main-content-inner .include-all-bookings {
    margin-left: 15px;
    width: 137px;
    margin-top: 20px;
    height: 26px;
}
.main-content .include-all-bookings .form_fields {
    width: auto;
    margin-right: 5px;
}
.resource-pos-datepicker .t-datetimepicker {
    float:left;
    width: 199px;
}