/*
Project: 15-16_37
Palette: Dark Orange: rgba(255,87,34,1);
*/

/* Table */

.table thead tr th {
  background: rgba(255,87,34,.6);
  border-bottom: 0;
}

/*Start of Table*/

table, th, td { margin: auto auto auto auto;border: 1px solid rgba(255,87,34,1);  vertical-align: text-top;}

.users {
  table-layout: fixed;
  table-height: auto;
  height: auto;
  width: 100%;
  /*white-space: nowrap;*/

}

.users td {
  overflow: hidden;
  text-overflow: ellipsis;
 
}
.penwrite{ height: 100px;
}
.users th {
  background: rgba(255,87,34,1);
  color: white;
  
}
.users td,
.users th {
  text-align: left;
  padding: 5px 10px;

}
.eyeback{
  background: rgba(255,87,34,.2);
}

.wrapper {
  overflow: hidden;
}

.glyphicon{font-size: 1.4em; color: rgba(255,87,34,1);}

.eye:before {
  content:"";
  display: inline-block;
  position: relative;
}

.eye.active:before {
  left: 0;
  top: 0px;
  border-color: #620100 transparent transparent;
}

.eye:hover {
  cursor: pointer;
  
}

.content {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.content.show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon textarea { padding-left:  40px; }
.right-addon textarea { padding-right: 30px; }

textarea{
    resize:none;
    resize:vertical; 
}

/*END of Table*/

/* Print */
@media print {
    thead {
     display: table-row-group !important;
    }
    
    textarea{
        overflow-y: visible;
    }
}