body {
 background-color:whitesmoke;
 background-image:url(patterns/worn-dots.png);
}
table.dataTable thead > tr > th {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
table.dataTable tbody td {
  vertical-align: middle !important;
}

table.dataTable thead th:first-child {
    background-color: #EEE !important;
}
.status{
    white-space:nowrap !important;
}
.status:before {
  content:'' !important;
} 
.blink {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
} 

#datatable th{
    background-color: #EEE !important;

}
.navbar {
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.35);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.35);

}

.page  {
 position:relative;
 top:70px;
 padding:8px;
-webkit-box-shadow: 4px 4px 5px 4px rgba(0,0,0,0.35);
-moz-box-shadow: 4px 4px 5px 4px rgba(0,0,0,0.35);
box-shadow: 4px 4px 5px 4px rgba(0,0,0,0.35);
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
background-color:white;
}

td.rowinrow {
 padding:16px 10px 0px 10px !important;
 background-color:#eee;
  background-image:url(patterns/worn-dots.png);
-webkit-box-shadow: inset 2px 2px 6px 1px rgba(0,0,0,0.17);
-moz-box-shadow: inset 2px 2px 6px 1px rgba(0,0,0,0.17);
box-shadow: inset 2px 2px 6px 1px rgba(0,0,0,0.17);
}

td.rowinrow table {
-webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.17);
box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.17);
}

.slider {
	overflow-y: hidden;
	max-height: 500px; /* approximate max height */

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.selected {
      background-color:inherit !important;
      color:navy;
}

.panellikebutton {
  cursor:pointer;
}
.panellikebutton:hover {
  box-shadow: 4px 4px 17px 0px rgba(0,0,0,0.15);
}
.panellikebutton:active {
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
}

#creditcards {
    overflow-y: auto;
    height: 500px;
    overflow-x: hidden;
    border: 1px solid #ddd;
}

#creditcards li {
 list-style-type:none !important;
 float:left !important;
 width:200px !important;

}
#datatable h1 {
    font-size: 11px !important;
}


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    /*height: 0;*/
    float: right;
    top: 6px !important;
    position: relative;
    /*width: 0;*/
}