body {
  padding-bottom: 30px;
  background: #eee;
  overflow-y: scroll;
  height: 100vh;
}

.row {
  margin-bottom: 20px;
}

.row-line {
	border-bottom: 1px solid #ccc;
}

.navbar-brand { min-height: 70px; }
.navbar-brand small { display: block; font-size: 14px; padding-top: 5px; }
.navbar-brand { line-height: 18px; padding-top: 10px; padding-bottom: 5px; font-size: 24px; }
.navbar-text {  }
.navbar-text small { display: block; padding-top: 5px; }
.dropdown-menu { width: 100%; }

.ra-buttons { margin-top: 40px; }
.ra-buttons .btn-block { font-size: 30px; height: 100px; line-height: 35px; 
	display: -moz-box; display: -ms-flexbox; display: webkit-felx; display: -webkit-box; display: flex; 
	justify-content: center; align-items: center; white-space: normal; }
.ra-signin input { margin-bottom: 5px; }
.ra-options-list { background: #f5f5f5; padding: 8px 15px; border-radius: 4px; }

.security-disc { -webkit-text-security: disc; }

input[type=checkbox].form-control { width: 34px; }

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}

.pagination { margin: 0; }
.numperpage { display: inline-block; padding-left: 0; margin: 0; border-radius: 4px; }
.numperpage a { padding: 5px 10px; font-size: 12px; line-height: 1.5; }

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
/*.bs-callout-danger { border: 5px solid #ce4844; }*/
.bs-callout-danger {
    border-left-color: #ce4844;;
}
.alert { margin-top: 20px; }
.form-control-noborder {
	height: 24px; /*border: none; box-shadow: none; */
	padding: 0;
}
.table tbody>tr>td {
    vertical-align: middle;
}

.pagination>li>span { border-top: 0; border-bottom: 0; }
.pagination>li>span:hover { background: none; }

body { background: #eee; }
body > .container { background: #fff; }

/* xs < 768 */
@media screen and (max-width: 767px) {
	.ra-buttons .btn-block { 
		font-size: 30px; height: 60px; line-height: 40px;
	}
    body {
        /*font-size: 0.9em;*/
    }
}

/* sm */
@media screen and (min-width: 768px) {
    body {
        /* font-size: 1em; */
    }
}

/* md */
@media screen and (min-width: 992px) {
    body {
        /*font-size: 1.2em;*/
    }
}

/* lg */
@media screen and (min-width: 1200px) {
    body {
        /*font-size: 1.3em;*/
    }
}

/* print */
@media print {
    .table-print { width: 925px; }
	.table-responsive { width: 925px; }
	.form-control-noborder {
		height: 24px; border: none; box-shadow: none;
	}
	
	/* hide bootstrap printed links */
	a[href]:after {
		content:none;
	}
}

/* http://stackoverflow.com/questions/18730116/twitter-bootstrap-3-0-how-do-i-badge-badge-important-now */
.label-as-badge {
    border-radius: 1em;
}

.table-responsive {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}

.table-responsive .table {
    max-width: none;
    -webkit-overflow-scrolling: touch !important;
}