smart-top/old/default.css

/*body, .default {
	font-size:14px;
	font-family:sans-serif;
	font-weight:lighter;
	padding:10px;

}
.jsgrid-grid-header{
	background: #f9f9f9;
	background-color: rgb(249, 249, 249);
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto auto;
	max-height: 48px;
}
.jsgrid-grid-body {
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch
}


.small {
	font-family:sans-serif;
	font-size:12px;
	font-weight:lighter;
}
.bold {font-weight:bold}
.left {float:left}
.right{float:right}
.caption {
	font-size:22px;
	margin:2px;
	padding:2px;
	height:30px;
	font-family:sans-serif;
	font-weight:lighter;

}
.button {
	padding:8px;
	margin:2px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
}
.button:hover{
	background-color:#4682B4 ;
	color:#ffffff;

}
.no-border{ border:1px solid transparent}
.border { border:1px solid #CAD5E0}
.border-bottom{	border-bottom:1px solid #CAD5E0;}
.border-right { border-right:1px solid #CAD5E0;}
.border-left { border-left:1px solid #CAD5E0;}
.border-top { border-top:1px solid #CAD5E0;}
.grid {
	font-family:sans-serif;
	font-weight:lighter;

	margin:4px;
	padding:4px;
}
.grid-half {
	height:195px;
	margin:4px;
	width:98%;
	padding:4px;
}
.grid .fa-check {color:green}
.grid .fa-times {color:maroon; }

.menu {
	margin:5px;
	padding:4px;
}
.menu .fa-chevron-right {color:transparent; margin:4px; }
.menu .menu-item { border:1px solid transparent; cursor:pointer; padding-bottom:4px; margin:2px;}
.menu .menu-item:hover {
	border-bottom-color:#4682B4;
}
.menu .menu-item:hover .fa-chevron-right { color:#4582b4}
input[type=text]{
	padding:4px;
	margin:4px;
	outline:0px;
	border:1px solid transparent;
	background-color:#f3f3f3;
	font-size:14px;
	font-weight:lighter;
	font-family:sans-serif;
}
input[type=text]:focus{
	border-left-color:#4682B4;
}

.padding-2x{padding:4px;}
.margin-2x {margin:4px;}
.info {

	margin:4px;
	width:43%;


}
.height-quarter{height:24%;}
.height-half{height:47%}
.width-quarter {width:24%}
.width-half {width:47%; }
.width-75 {width:72%}

.bad { color:maroon}
.good{ color:green}
.fa-warning, .warning{color:orange}
.number {font-size:42px; font-weight:lighter; padding:2px; margin:2px;}

.action {cursor:pointer; padding:1px; margin:1px; border:1px solid transparent}
.action:hover { border-bottom-color:#4682B4}
.shadow{box-shadow: 7px 7px 5px #888888;}
.gradient {
  background-image:
    linear-gradient(
      #4682b4, #ffffff,#ffffff
    );
}
.simple-gradient {
background-image: -ms-linear-gradient(top, #CAD5E0 0%, #F3F3F3 40%);

background-image: -moz-linear-gradient(top, #CAD5E0 0%, #F3F3F3 40%);

background-image: -o-linear-gradient(top, #CAD5E0 0%, #F3F3F3 40%);

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CAD5E0), color-stop(40, #F3F3F3));

background-image: -webkit-linear-gradient(top, #CAD5E0 0%, #F3F3F3 40%);

background-image: linear-gradient(to bottom, #CAD5E0 0%, #F3F3F3 40%);

}

/* ----------- Non-Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
      }

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
      .block {display: inline-block;}

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape  ////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

}*/