.watable .glyphicon {
  margin: 0 0 0 2px;
  opacity: 1.5;
  float:right;
}

.watable tbody
 {
  box-shadow: 0px 2px 0px rgba(100,10,10, 0.25);
  border:1px solid darkred;
 }
 
.centerIt
 {
  text-align:Center;
 }
.width10
 {
  width:10%;
  font-weight: 100;
 } 
.width15
 {
  width:15%;
  background:yellow;
 } 
.width20
 {
  width:20%;
 } 
.width40px
 {
  width:40px;
  background:bonbon;
 } 
.width80px
 {
  width:80px;
  background:violet;
 } 
.width100px
 {
  width:100px;
 } 
.width140px
 {
  width:140px;
 } 

  
.watable .indeterminate {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}

.watable .columnpicker li,
.watable .actions li {
  padding-left: 5px;
}

.watable .btn-toolbar {
  margin-bottom: -5px;
}

.watable .pagination {
  margin: 0;
}

.watable input[type=checkbox] {
  margin: 0;
  padding: 0;
}

.watable input[type=text].filter {
  margin: 0;
  padding: 0;
  padding-left:2%;
  box-shadow: none;
  border: none;
  width: 98%;
  float: left;
  color:#311;
  text-shadow: -1px 1px 1px rgba(200,200,200, 0.5);
  line-height:24px;
  height:24px;
  background-color: transparent;
  border:1px dashed #522;
}
.watable input[type=text].filter:focus 
{
  background: linear-gradient(to bottom, #a90329 0%, #6d0019 100%); /* ROTES GRADIENT W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */   
 box-shadow: 0px 0px 4px rgba(20,20,20, 0.35);
 color:white;
 text-shadow: 0px 0px 1px #112;
 border:1px solid #822;
 border-bottom:1px solid #822;
}

.watable .date-wrap {
  width: 100%;
  min-width: 115px;
}

.watable .dateWrap .add-on {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  float: right;
  cursor: pointer;
}

.watable .dropdown-menu {
  max-height: 250px;
  overflow: auto;
}

.watable .actions a {
  padding: 0;
  margin: 0;
}


















/* Only for demo purposes */
.watable .green
 {
 color:green;
 }

.watable .yellow
 {
  color:gold;
 }

.watable .red
 {
  color:white;
  text-shadow:0px 0px 2px red;
 }

.watable .blue 
 {

 }

.watable .gray 
{
  background-color: green !important;
  opacity: 0.12;
}





 .dropdown,.dropup{position:relative}
 .dropdown-toggle:focus{outline:0}
 .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
 .dropdown-menu.pull-right{right:0;left:auto}
 .dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
 .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
 .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
 .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
 .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}
 .dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
 .open>.dropdown-menu{display:block}
 .open>a{outline:0}
 .dropdown-menu-right{right:0;left:auto}
 .dropdown-menu-left{right:auto;left:0}
 .dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
 .dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}
 .pull-right>.dropdown-menu{right:0;left:auto}
 .dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}
 .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}
 
/* actual dropdown animation */
.dropdown .dropdown-menu
 {
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -ms-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
 }

.dropdown.open .dropdown-menu {
    max-height: 200px;
    opacity: 1;
}