h1, h2, h3, h4 {
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
        margin: 0px; padding-bottom: 5px;

}
h1{
	font-size: 30px; line-height: 30px;
} 
h2{
	font-size: 25px; line-height: 25px;
}


@media screen and (min-width: 260px){
  html{
    font-size: 19px;
  }
}
@media screen and (min-width: 460px){
  html{
    font-size: 20px;
  }
}
@media screen and (min-width: 640px){
  html{
    font-size: 22px;
  }
}
@media screen and (min-width: 800px){
  html{
    font-size: 22px;
  }
}




.switch_on {
 background: url('media/apps/tableman/images/switch_on.png');
 }

.switch_off {
 background: url('media/apps/tableman/images/switch_off.png');
 }


.switch2_on {
 background: url('media/apps/tableman/images/bigswitch_on.png');
 }

.switch2_off {
 background: url('media/apps/tableman/images/bigswitch_off.png');
 }
body, html { 
 height:100%;
 width:100%;
 margin:0px; 
 font-family: Verdana, Arial, MS Sans Serif; 
 font-size:12px; 
 }

textarea {
 font-family: Monospace, Cousine;
 font-size: 13px;
 resize: none;
 margin: 0px; }

p { margin: 0; padding: 0; }

.invisible {
  position: absolute;
  visibility: hidden; 
  overflow: hidden;
  left: -5000px;
  width: 1px;
  height: 1px;
  top: 0px;
  }

td {
  font-family: Verdana, Arial, MS Sans Serif; 
  font-size:12px; 
  }

div { 
  box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box; }


.nohighlight:focus { outline:none; }
*:focus {outline: none;}
.cyan      { color: #5A9CDE !important; }
.blue      { color: blue !important; }
.orange    { color: orange !important; }
.green     { color: #68B828 !important; }
.brown     { color: brown !important; }
.red       { color: red !important; }
.gray      { color: gray !important; }
.lightgray { color: lightgray !important; }

.bg-cyan   { background: #5A9CDE !important; }
.bg-blue   { background: blue !important; }
.bg-orange { background: orange !important; }
.bg-green  { background: #68B828 !important; }
.bg-brown  { background: brown !important; }
.bg-gray   { background: gray !important; }
.bg-red    { background: red !important; }
.bg-white  { background: white !important; }
.bg-success { background: #77AD3C !important; }

.form-style {

font-size: 12px !important;
font-weight: normal;


}


.input-xs {
	height: 22px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

.panel-primary {
	border-color: #35A6E8;
	}

.panel-primary > .panel-heading {
	background-color: #35A6E8;
	border-color: #35A6E8;
	color: #fff;
	}

.bluebar_out { 
  border:1px solid #cccccc;
 -khtml-border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
  border-radius: 6px; 
  margin-bottom:10px; }

.bluebar {
  box-shadow: 0px 80px 80px -80px #5A9CDE inset;
 -khtml-box-shadow: 0px 80px 80px -80px #5A9CDE inset;
  border:1px solid #fff;
 -khtml-border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px; 
  border-radius: 6px; }

.bluebar-title {
  padding: 10px;
  border-bottom:1px dotted #c0c0c0; }

.bluebar-body {
  padding: 12px;
  overflow: hidden; }