body
  {
    /*background-image:  url("../img/whitey.png");*/
    /*background-image:  url("http://subtlepatterns.com/patterns/45degreee_fabric.png");*/
    /*background-repeat: repeat-x repeat-y;*/
    padding-top: 50px; 
    padding-bottom: 30px;
  }

ul {
  list-style: none ;
}

.highlight-enter {
  -webkit-transition: 3s;
  transition: 3s;
  background-color: red;
  
}

.highlight-enter.highlight-enter-active {
   background: #f08;
}

.alert .close { 
  font-size:  14px;
}

  .ui-show {

    color: blue;
    transition: all 0.5s ease; 
    -webkit-transition: all 0.5s ease; 
  
  }
  
  .ui-hide {
    
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
  }

  @media (max-width: 979px) {
    body {
      padding-top: 0;
    }
  }
  
  .tl{
    text-align: left;
  }

  .tr{
    text-align: right !important;
    padding-right: 10px;
  }

  .tc{
    text-align: center !important;
  }

  .tb {
    text-align: bottom;
  }


.form-signin {
  

  max-width: 300px;
padding: 19px 29px 29px;
margin: 35px auto 20px;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.form-signin-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #f5f5f5;


}




.custom-modal {
  position: fixed;
  top: 2%;
  left: 50%;
  z-index: 1050;
  width: 60%;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.custom-modal-form{
  padding-left: 16px;
  padding-right: 16px;
}

.custom-modal-body {
  overflow: auto;
}
.custom-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;

  opacity: 0.9;
  filter: alpha(opacity=90);
}

#page-head {
  margin-bottom: 20px;
}

#page-head h1, #page-head h2, #page-head h3, #page-heade h4 {
  font-family: "Open Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-weight: 300;
  /*text-shadow:0 -1px rgba(0,0,0,0.2);*/
 
}

#page-links {
  padding-top: 10px;
  border-bottom: 1px solid #ddd ;
}

#page-links .actions{
  
}


#page-links > div > ul.nav
{
  margin-bottom: 0px 
}

#page-links > div ul.nav.nav-tabs
{
  margin-bottom: 0px ;
  border-bottom: 0 ;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-weight: 300;
}

  .avatar 
  {
    width:48px;
    height:48px;
    display: block;
    padding: 4px;
    line-height: 1;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  }

  .toolbar-option {
    width:80px;
    height:52px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center; 
    margin-right:auto;
    margin-left:auto;
  }
    
  .toolbar-image {
    display:block;
    height:31px;
  }
    
 
    
  .toolbar-option .caption {
  
    text-align:center;

  }
    

    .modal form {
        margin: 0 0 0 0;
    }

#header-loader { bottom:0;left:45%;position:absolute;right:45%;top:50px; }
#header-loader .spinner-css{opacity:0.5;margin:0 auto;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform, opacity;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
#header-loader .spinner-css .bar{background:rgba(39, 112, 155, 1);}
#header-loader .fade-in .spinner-css{opacity:1;}

.spinner{
  background-image:url(data:image/png;base64,R0lGODlhPAA8AMQaAKOjo6SkpKenp6Wlpaampqmpqaurq6ioqKqqqq6urqysrK2tra+vr7CwsNDQ0LGxsbKystnZ2dHR0dXV1dPT09TU1NbW1tLS0qKioqGhof///wAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MThFODNCRUE5MTY2MTFFMTlCMUM4NUJBMTJFQjM0MDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MThFODNCRUI5MTY2MTFFMTlCMUM4NUJBMTJFQjM0MDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOEU4M0JFODkxNjYxMUUxOUIxQzg1QkExMkVCMzQwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOEU4M0JFOTkxNjYxMUUxOUIxQzg1QkExMkVCMzQwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0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);
  background-size:30px 30px;
  display:block;
  height:30px;width:30px;
}

.spinner.centered{ margin:0 auto; }
.spinner.small{ background-size:18px 18px;height:18px;width:18px; }
@-webkit-keyframes spinnerframes{0%{height:25%;} 50%{height:45%;} 100%{height:100%;}}@keyframes spinnerframes{0%{height:25%;} 50%{height:45%;} 100%{height:100%;}}
.spinner-css{display:block;position:relative;height:19px;width:19px;}
.spinner-css .bar{border-radius:1px;background:#d4d4d4;display:block;width:5px;position:absolute;height:0;}
.spinner-css .bar:nth-child(1){top:0;left:0;-webkit-animation-delay:0s;animation-delay:0s;}
.spinner-css .bar:nth-child(2){top:0;left:7px;-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.spinner-css .bar:nth-child(3){top:0;left:14px;-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.spinner-css.animate .bar{-webkit-animation-name:spinnerframes;-webkit-animation-direction:alternate;-webkit-animation-duration:0.3s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-name:spinnerframes;animation-direction:alternate;animation-duration:0.3s;animation-timing-function:linear;animation-iteration-count:infinite;}


.search-bar .btn {
  margin-bottom: 10px;
}

#alert-container {
  position: fixed;
  left: 50%;
  top:37px;
  width:500px;
  margin-left: -250px;
  z-index: 1050;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -o-opacity: 0;
  visibility: hidden;

  transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear;
  -o-transition:opacity .3s linear;
}

#alert-container.visible {

   opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -o-opacity: 1;
  visibility: visible;
   transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear;
  -o-transition:opacity .3s linear;
}

.form-table {
  margin-top:  20px;
}

.form-table ul ,.form-table ol{

}
.form-table > ul {
  margin: 0;
}

section.tabled .row-fluid {
  width: 100%;
}

.tabled .add-new-item {

  background: rgba(0,0,0,0.02);
  border-bottom:1px solid #c4c4c4;

}

section.tabled .row-fluid [class*="span"] {
  min-height: 0px !important;
}

td.tabled .row-fluid [class*="span"]:first-child, section.tabled .row-fluid [class*="span"]:first-child{
  margin-left: 0;
}

section.tabled .row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-left: 0%;
  min-height: 28px;
}



section.tabled .row-fluid .span1 {
    width : 4.16667%;
}


section.tabled .row-fluid .span2 {
    width : 8.33333%;
}

section.tabled .row-fluid .span3 {
    width : 12.5%;
}

section.tabled .row-fluid .span4 {
    width : 16.66667%;
}


section.tabled .row-fluid .span5 {
    width : 20.83333%;
}

section.tabled .row-fluid .span6 {
    width : 25.0%;
}

section.tabled .row-fluid .span7 {
    width : 29.16667%;
}

section.tabled .row-fluid .span8 {
    width : 33.33333%;
}

section.tabled .row-fluid .span9 {
    width : 37.5%;
}

section.tabled .row-fluid .span10 {
    width : 41.66667%;
}

section.tabled .row-fluid .span11 {
    width : 45.83333%;
}


section.tabled .row-fluid .span12 {
    width : 50.0%;
}

section.tabled .row-fluid .span16 {
    width : 66.66667%;
}

section.tabled .row-fluid .span24 {
    width : 100.0%;
}



td.tabled .row-fluid:before, 
td.tabled .row-fluid:after, 
section.tabled .row-fluid:before, 
section.tabled .row-fluid:after {
  display: table;
  content: "";
}

.tabled .tabled-footer {
  margin-top: 20px;
}


.tabled .tabled-body > li > ul {
  margin:0 ;
  padding: 0 ;
}

.tabled .tabled-body > li{
  border-bottom: 1px solid #c4c4c4;
}

li.tabled-line-item > ul > li{
  border-right: 1px solid #c4c4c4;
}

li.tabled-line-item > ul > li.topborder{
  border-top: 1px solid #c4c4c4;
}

.tabled .tabled-body > li >ul > li {

  min-height: 0 !important;
  height: 37px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 3px;
 
}

.tabled .tabled-body > li > ul > li div.text {
   margin: 11px 0 0 0;
   padding-left: 3px;
   padding-right: 3px;
}

.tabled .tabled-body > li > ul > li div.numeric {
   margin: 11px 0 0 0;
   text-align: right;
}

.tabled .tabled-body > li > ul > li input , .tabled .tabled-body>li >ul >li  select {
  background: none;
  padding: 1px 0 0;
 
  height: 38px;
}
.tabled .tabled-body > li > ul > li input , .tabled .tabled-body>li >ul >li  select:focus {
  background: none;
  padding: 1px 0 0;
 
  height: 38px;
}

.tabled .tabled-body > li > ul > li input[type='checkbox'] , .tabled .tabled-body>li >ul >li  select:focus {
  background: none;
  padding: 1px 0 0;
 
  height: 16px;
}


.tabled .tabled-body > li > ul > li input.numeric {

  text-align: right;
  padding-right: 3px;

}

.tabled .tabled-body [class*="span"] > input[type='text']
{
  width: 100%;
}


.tabled .tabled-body [class*="span"] > input[type='checkbox']
{
  width: auto;
}

.form-table .tabled-body input , .form-table .tabled-body select {
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow: none;
    border:none;

}

li.tabled-line-item li input {
  border-radius: 0;
  width: 100%;
  background: white;
  margin: 0;
}


.totals.last-child {
  text-align: right;
}

.totals li{
  padding-top: 10px;
  border-bottom: 1px solid #ddd;

}

.totals .total {
font-weight: bold;
}


.table-header {

  background-color: #f7f7f7;
  padding: 8px 0 !important;
  height: 22px;
  border-bottom:1px solid rgba(0,0,0,0.2);
  border-top: 1px solid #c4c4c4;
  background-image: linear-gradient(#f7f7f7,#eeeeee);
}

.tabled .table-header li {

  font-size: 12px;
  color: #999999;
  padding-left: 10px;
  text-shadow: 0px 2px 2px #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
}


.tag-input-ctn {
  border: 1px solid #ccc;
  padding: 2px 3px;
  display: inline-block;
  width: 500px;
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
}

.tag-input-ctn input {
  display: inline-block;
  float: left;
  height: 18px;
  padding: 0px;
  font-size: 13px;
  line-height: 18px;
  color: black;
  border: 0px;
  margin: 2px;
}

.tag-input-ctn input:focus {
  outline: 0;
  box-shadow: 0px;
}

.tag-input-ctn .input-tag {
  padding: 2px 4px;
  line-height: 12px;
  font-size: 11px;
  background-color: #e3eaf6;
  display: inline-block;
  float: left;
  border-radius: 2px;
  margin: 2px 5px 2px 0px;
  border: 1px solid #a9b6d2;
}

.tag-input-ctn .input-tag .delete-tag {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  padding: 0px 2px;
}

.tag-input-ctn .input-tag .delete-tag:hover {
  background-color: #96b4d2;
}


.feature-group ul {
  padding : 0;
  margin: 0;
}

.inline-form {
    box-shadow : 2px 2px 6px 3px #ccc;
    padding: 15px 15px 15px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 80px;
}

.listing {
    margin: 0 0 0px 0px;
}


.listing li{
        
  min-height: 28px;
  display:block;    
  padding-left :5px;
  padding-right:5px;
  padding-bottom: 6px;
  padding-top: 6px;
  
  border-bottom: 1px solid #d4d1d2;
  
}

.listing li form {
        
    margin: 0 0 25px 0;

}

.well-white {
  background-color: #ffffff;
}



.help-inline-text {
  position:relative;
  right: 20px;
}

.help-inline-text-right {
  position: relative;

}

.item-hand-writed-text
{
  padding-left: 3px;
  padding-right: 36px !important;
  
}

.item-inline-action {
  
  

  display: block ; 
  position:absolute;
  z-index:1040; 
  top: 30px ; 
  left: 30px;

  
}

.item-inline-action .arrow {
   

}
.item-inline-action  > li{
  padding: 2px 3px 2px 3px;  
}


.dashboard-dates {
  background-color: #E51400;
  color:#ffffff;
  float:right;
  margin-top:-56px;
  min-width:25%;
  min-height:30px;
  padding-left:15px;
  padding-right:5px;
  padding-top:5px;
  }

  .dashboard-dates button , .dashboard-dates button:focus{
    background-color: transparent;
    border: none;
    color: white;

  }

  .metric-box {
    color:#fff;
   
    font-family: "Open Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-weight: 300;
    padding: 8px;
  }

  .metric-box .body{
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  .metric-box .value {
      padding-top: 15px;
      font-size : 34px;
  }

  .metric-box .text {
      font-size: 16px;
  }

  .metric-box .metric-box-footer {
    padding-left: 8px;
    padding-right: 8px;
     margin: 0 -8px -8px -8px;
   
    
  }

  .metric-chart {
    

    padding: 0 10px 20px 10px;
    border-left: 2px solid #ddd;
    display: block;
    clear: both;
    margin-bottom: 15px;

  }


  .light-gray{

    background-color: #fafafa !important;
  }

  .metric-chart .title{
    line-height: 18px;
    margin-bottom: 15px;
    display: block;
  }

  .metric-chart .title .caption{
      float: left;
      display: inline-block;
      font-size: 18px;
      line-height: 18px;
      font-weight: 400;
      margin: 0;
      padding: 0;
      margin-bottom: 8px;
  }
  
.metric-chart .body {
  display: block;
  clear: both;
}

/***
Vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ver-inline-menu li {
  position:relative;
  margin-bottom:1px;
}

.ver-inline-menu li i {
  width: 60px;
  /*height: 25px;*/
  display: inline-block;
  color:#b9cbd5;
  font-size:15px;
  padding:12px 10px 10px 8px;
  margin:0 8px 0 0;
  text-align: center;
  background:#e0eaf0 !important;
}

.drop-box {
  background: #F8F8F8;
  border: 4px dashed #DDD;
  width: 200px;
  height: 65px; 
  text-align: center;
  padding-top: 35px; 
  border-radius: 5px;
}

.drop-box.dragover {
  border: 4px dashed blue;
}




button {
  padding: 1px 5px;
  font-size: smaller;
  margin: 0 3px; 
}



.search-list {
    min-height: 200px;
    display:block;
    overflow-x : hidden;
    overflow-y: auto;
    margin-right : 10px;
}

.search-list::-webkit-scrollbar {
    width: 10px;
    height: 16px;
    /*background-color: #859CE6;*/
}

.search-list::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    -webkit-box-shadow : inset 1px 1px 0 rgba(0, 0, 0, 0.10),inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.search-list:-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
    display: none;
}

.search-list::-webkit-scrollbar-corner{
    background-color: rgba(0,0,0,0);
}


.search-list .item {
    float:left;
    padding-right: 4px;

}

.search-list .item .description {
      width: 148px;
}

.search-list span.item.action {
      float:right;
}





.file-upload img {
  float: left;
  width: 24px;
  height: 24px;
  padding-right: 5px;
}


.ver-inline-menu li a {
  font-size: 13px;
  color:#557386;
  display:block;
  background:#f0f6fa;
  border-left:solid 2px #c4d5df;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#e0eaf0;
  text-decoration:none;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#c4d5df !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 13px;
}

.ver-inline-menu li.active a {
  border-left:solid 2px #3D92C3;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#56ADDF;
  text-decoration:none;
}

.ver-inline-menu li.active i {
  background:#3D92C3 !important;  
}

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #56ADDF;
  position: absolute;
  top: 12px;
  right: -5px;
}


.action-comment{background-color:#fff;border:1px solid #d3d3d3;border-bottom-color:#bbb;border-radius:3px;-webkit-box-shadow:0 1px 3px #D3D3D3;box-shadow:0 1px 3px #D3D3D3;clear:both;cursor:pointer;display:block;margin:4px 4px 5px 0;overflow:hidden;padding:8px 10px;text-overflow:ellipsis}
.action-comment p{margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}
.action-comment p:last-child{margin-bottom:0}

.action-comment textarea{background:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;display:none;margin:0;padding:0;-webkit-transition:height .2s ease-out;transition:height .2s ease-out}

.window-module-title{border-bottom:1px solid #dcdcdc;padding:8px 0;position:relative;margin:0 0 6px 10px}
.window-module-title.no-divider{border-bottom:none}
.window-module-title h3 {
  display: inline-block;
  width: auto;
  margin: 0 2px 0 0;
  min-height: 18px;
  min-width: 80px;
}

.member-list { padding-right: 10px }

.member-dropdown.dropdown-menu > li > a {
    line-height: 32px;
}
.member-name { padding-left: 5px; }
.member { 
  background-color:#d6d6d6;
  border:1px solid #c7c7c7;
  border-bottom-color:#adadad;
  border-radius:25px;color:#444;
  display:block;
  float:left;
  height:30px;margin:0 1px 1px 0;
  overflow:hidden;
  position:relative;
  width:30px;
  cursor:pointer;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;text-decoration:none; 
}

.action-bar {
display: inline-block;;
margin-bottom: 20px;
}

.member:hover{ border-color:#adadad }
.member:hover img{ opacity:.75 }
.member.no-menu:hover{border-color:#c7c7c7} .member.no-menu:hover img{opacity:1}
.member.deactivated{background:#aaa;border-color:transparent;opacity:.4}.member.deactivated .member-initials{color:#111}
.member.deactivated img{opacity:.2}
.member.virtual{background:#f3f3f3}.member.virtual .status{display:none}
.member.virtual .member-initials{color:#777}
.member.inline{float:none;display:inline-block}
.member .member-initials{display:block;font-size:12px;font-weight:bold;height:30px;left:0;line-height:30px;overflow:hidden;position:absolute;text-align:center;top:0;width:100%}
.member .member-avatar{border-radius:3px;height:30px;width:30px}
.member .status{background-color:#b3b3b3;border:1px solid #fff;border-radius:5px;bottom:1px;-webkit-box-shadow:0 1px 0px hsla(0, 0%, 0%, 0.3);box-shadow:0 1px 0px hsla(0, 0%, 0%, 0.3);height:6px;position:absolute;right:1px;width:6px;z-index:3}.member .status.active{background:#64c464;background:-webkit-linear-gradient(top, #64c464 0, #3fa63f 100%);background:linear-gradient(to bottom, #64c464 0, #3fa63f 100%);border-color:#daf1da}
.member .status.idle{background:#e4e467;background:-webkit-linear-gradient(top, #e4e467 0, #c3c322 100%);background:linear-gradient(to bottom, #e4e467 0, #c3c322 100%);border-color:#f7f7d4}
.member .status.disconnected{background:#bdbdbd;background:-webkit-linear-gradient(top, #bdbdbd 0, #9e9e9e 100%);background:linear-gradient(to bottom, #bdbdbd 0, #9e9e9e 100%);border-color:#ededed}
.member .member-type{bottom:0;height:9px;position:absolute;left:1px;width:9px;z-index:3}.member .member-type.admin{background-size:100%}
.member .member-gold-badge{background-size:100%;display:none;height:7px;position:absolute;right:1px;top:1px;width:11px;z-index:3}
.member.has-trello-gold{background-color:#e2e0ca;border-color:#e7dc8d;border-bottom-color:#dfd168}
.member.has-trello-gold .member-gold-badge{display:block}

.new-comment{position:relative;margin:0 0 20px 0} .new-comment .member{opacity:.7;position:absolute;top:1px;left:-40px}
.new-comment .helper{bottom:0;display:none;position:absolute;right:9px}
.new-comment.focus .member{opacity:1}
.new-comment.focus .helper{display:inline-block}
.new-comment.focus .new-comment-input {height:40px;color:#393939;cursor:text}
.new-comment .too-long{margin-top:8px}
.new-comment-input{background-color:#fff;border:1px solid #d3d3d3;border-bottom-color:#bbb;-webkit-box-shadow:0 1px 3px #D3D3D3;box-shadow:0 1px 3px #D3D3D3;color:#939393;height:36px;margin:4px 4px 6px 0;padding:8px 10px;-webkit-transition:height ease-in-out 85ms;transition:height ease-in-out 85ms;width:100%}.new-comment-input:hover,.new-comment-input:focus{background-color:#fff;border:1px solid #d3d3d3;border-bottom-color:#bbb;-webkit-box-shadow:0 1px 3px #D3D3D3;box-shadow:0 1px 3px #D3D3D3;cursor:pointer}

.openSesame {
	background-color: rgb(11, 69, 229) !important;
	color: black !important;
}



/*.classAssortedStatus {
	background-color: rgb(255, 0, 0) !important;
	color: black !important;
}*/

.classAssortedStatusIncompleta {
	background-color: rgb(255, 0, 0) !important;
	color: black !important;
}

.classAssortedStatusBaseIncompleta {
	background-color: rgb(255 0 0 / 42%) !important;
	color: black !important;
}

.classAssortedStatusCompleta {
	background-color: #0088cc !important;
	color: white !important;
}

.classAssortedStatusBaseCompleta {
	background-color: #0088cc !important;
	color: white !important;
}

.classAssortedStatusSurtidaParcial {
	background-color: #F7D309  !important;
	color: black !important;
}

.classAssortedStatusBaseSurtidaParcial {
	background-color: #f7d3096b;
	color: black !important;
}

.classAssortedStatusSurtida {
	background-color: #3BB911 !important;
	color: white !important;
}

.classAssortedStatusBaseSurtida {
	background-color: #3BB911 !important;
	color: white !important;
}

.classAssortedStatusFacturada {
	background-color: #3BB911 !important;
	color: white !important;
}

.classAssortedStatusBaseFacturada {
	background-color: #3BB911 !important;
	color: white !important;
}



.classAssortedStatusRemision {
	background-color: #F79809 !important;
	color: white !important;
}

.classAssortedStatusBaseRemision {
	background-color: #F79809 !important;
	color: white !important;
}

.classStatusAssortedText {
	text-align: center !important;

  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  min-width: 1px;
}


.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before, .w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after {
    content: "";
    display: table;
    clear: both
}

.w3-container,.w3-panel {
   /* padding: 0.01em 16px;*/
}



.classOrderStatusAssortedText {
	text-align: center !important;

  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  min-width: 1px;
}

.classOrderStatusAssortedBasePendiente {
	background-color: #f1f1f1!important;
	color: black !important;
}

.classOrderStatusAssortedBaseSinRecibo {
	background-color: rgb(255 0 0 / 42%) !important;
	color: black !important;
}

.classOrderStatusAssortedSinRecibo {
	background-color: rgb(255, 0, 0) !important;
	color: black !important;
}

.classOrderStatusAssortedBaseSinJobticketHP {
	background-color: #0088cc82;
	color: black !important;
}

.classOrderStatusAssortedSinJobticketHP {
	background-color: #0088cc !important;
	color: white !important;
}

.classOrderStatusAssortedBaseReciboParcial {
	background-color: #f7d3096b;
	color: black !important;
}





.classOrderStatusAssortedReciboParcial {
	background-color: #F7D309  !important;
	color: black !important;
}

.classOrderStatusAssortedReciboCompleto {
	background-color: #3BB911 !important;
	color: white !important;
}


.customFeed {
	background-color: rgb(109, 207, 231) !important;
	color: black !important;
}