input {
	padding: 8px; border-radius: 5px; border: 1px solid #6EC2FA; font-family: sans-serif; font-size: 14px; box-shadow: 0px 0px 0px 0px rgba(40,40,40,0.5); height:24
}
:focus.css-input {
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.dropdown {
	border-radius: 3px; border: 1px solid rgb(110, 194, 250); border-image: none; width: 150px; height: 28px; overflow: hidden; display: inline-block; position: relative;
}
.dropdown-select {
	background: rgb(242, 242, 242); margin: 0px; padding: 6px 8px 6px 10px; border-radius: 0px; border: 0px currentColor; border-image: none; width: 130%; height: 28px; color: rgb(98, 113, 122); line-height: 14px; font-size: 12px; position: relative; text-shadow: 0px 1px white; -webkit-appearance: none;
}
.lt-ie9 {
	
}
.dropdown-dark {
	background: rgb(68, 68, 68); border-color: rgb(17, 17, 17) rgb(10, 10, 10) black;
}
.style7 {color: #0099FF}
td       {color: #0099FF; font-size:12pt;font-family:Tahoma}
th {
	font-family: Tahoma;
	font-size: 12pt;
	color: #123D54;
	padding: 2px;
	background: to(#b5ffb5)) -webkit-gradient( bottom;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #999999;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3)
}

button  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #030303;
	padding: 4px 4px;
	height: 30px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,1);
}

.table-header-rotated {
  border-collapse: collapse;
  .csstransforms & td {
    width: 30px;
  }
  .no-csstransforms & th {
    padding: 5px 10px;
  }
  td {
    text-align: center;
    padding: 10px 5px;
    border: 1px solid #ccc;
  }
  .csstransforms & th.rotate {
    height: 140px;
    white-space: nowrap;
    // Firefox needs the extra DIV for some reason, otherwise the text disappears if you rotate 
    > div {
      transform: 
        // Magic Numbers
        translate(25px, 51px)
        // 45 is really 360-45
        rotate(315deg);
      width: 30px;
    }
    > div > span {
      border-bottom: 1px solid #ccc;
      padding: 5px 10px;
    }
  }
  th.row-header {
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
  }
}