﻿html, body {
  height: 100%;
  font-size: 6vw;
  line-height: 6.5vw;
}

body{
	width: 98%;
	height:96%;
	padding-left:1%;
}

.tab-content {
	overflow:hidden;
	height:auto;
}

label.label, .label{
    margin-bottom: 1vw;
    white-space: normal;
}
.label, .badge {
    display: table;
}
.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 2vw;
}
/*END label changes*/

.label, .badge {
    padding: 1vw 2vw;
    font-size: 6vw;
    line-height: 7vw;
}

select {
    color: rgb(0, 0, 0);
}
button {
    margin-top: 4px;
    margin-bottom: 4px;
}

button i {
    padding: 1px;
}

input[type="text"], input[type="number"], input[type="password"], select, textarea{
	width: 97vw;
    max-width: 100%;
	padding: 0px 0px;
    margin-bottom: 2px;
}

input[type="text"], input[type="number"], input[type="password"],select{
    height: 8.2vw;
    font-size: 6vw;
    padding-left: 1vw; 
    line-height: 8.2vw;
    border-radius: 2vw;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 15.5vw;
}

.table {
    width: 100%;
    margin-bottom: 8vw;
}

table {
    white-space: nowrap;
    font-size: 5vw;
}

.table-condensed th, .table-condensed td {
    padding: 2vw 1vw;
}

label, input, button, select, textarea {
    font-size: 6vw;
    line-height: 7vw;
}

li {
    line-height: 8.2vw;
}

h2 {
    font-size: 15.5vw;
    line-height: 15.6vw;
}
.uneditable-input, input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
color: black;
}

textarea {
    color: black;
}

.input-prepend .add-on,
.input-append .add-on {
    padding-top: 0px;
    height: auto;
}


.add-on.btn {
    margin-top: 0px;
}
/*BEGIN button changes*/
.btn-toolbar {
    margin-top: 0px;
    margin-bottom: 0px;
}
button.btn.btn-primary, button.btn{
    width: 100%;
    font-size: 5vw;
    height: 14vw;
    margin-top: 2vw;
    border-radius: 2vw;
}
/*END button changes*/

.tableWrapper {
    width:100%;
    overflow: auto;
}
/*BEGIN navbar changes*/
.navbar { 
	margin-bottom:.5em;
    margin-top: .5em;
}
.navbar ul.nav {
	 width: 100%;
	 display: table;
}

.navbar .navbar-inner, .navbar .nav li > a{
	padding-right: 0em;
	padding-left: 0em;
}

.navbar ul.nav li {
	 display: table-cell;
	 text-align: center
}

.navbar .nav > li{
	float: none;
}

.navbar ul.dropdown-menu li{
	display: block;
	text-align: left;
}
/*END navbar changes*/

.row-fluid [class*="span"] {
    min-height: 0px;
}
/*BEGIN Dropdown changes*/
.dropdown-menu {
	width:100%;
}

.overlay {
    display: none;
}
.overlay.active{
    display: inline;
}
.overlay.active .background {
    display: inline;
    background-color: grey;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .75;
    filter: alpha(opacity=70);
}

.overlay .popup .header {
    background-color: rgb(58, 135, 173);
    height: 3em;
    text-align: center;
}
.overlay.active .popup{
    width: 80%;
    height: 25%;
    top: 5%;
    margin-left: 10%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1000;
    position: absolute;
    text-align: center
}


.input-prepend .btn:hover  {
  background-color: #272b30;
  *background-color: #1c1e22;
}

.input-prepend .btn-primary:hover {
  background-color: #bbbdc2;
  *background-color: #aeb0b6;
}

.input-prepend .btn-warning:hover{
  background-color: #f89406;
  *background-color: #df8505;
}

.input-prepend .btn-danger:hover {
  background-color: #bd362f;
  *background-color: #a9302a;
}

.input-prepend .btn-success:hover {
  background-color: #51a351;
  *background-color: #499249;
}

.input-prepend .btn-info:hover{
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.input-prepend .btn-inverse:hover{
  background-color: #272b30;
  *background-color: #1c1e22;
}

.input-prepend .btn-link:hover,
.btn-link:focus {
  color: #ffffff;
  text-decoration: underline;
  background-color: transparent;
}

.input-prepend .btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #3a3f44;
  text-decoration: none;
}
