/*$ls-black: #333;
$ls-gray: #7f7978;
$ls-blue: #1aabc5;
$ls-light-blue: #eaf4f8;
$ls-light-blue-text: #6fbcd0;
$ls-orange: #d19d2d;
$ls-light-orange: #fef0ef;*/

/*.comment-management {
  input[type=submit] {
	padding: 2px 5px;
	display: inline-block;
	float: right;
	position: relative;
	top: -26px;
	margin-right: 20px;
	text-transform: capitalize;
	color: white;
  }
  .comment-delete {
	background: $ls-blue !important;
	border-color: $ls-blue !important;
  }
  .response-delete {
	background: $ls-light-blue-text !important;
	border-color: $ls-light-blue-text !important;
  }
}
*/  
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Varela+Round');

html {
  font-family: 'Montserrat', sans-serif;
  /*color: $ls-black;*/
  height: 100%;
}

body {
  /*position: relative;*/
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.content {
	/*padding-bottom: 60px;*/
	padding: 5px;
	margin-top: 30px;
	flex: 1;
}

.footer {
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: #7f7978;
	font-size: 14px;
	color: #7f7978;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	/* should fix disclaimer on ie */
	.content {
		flex: 0 auto;
	}
	.footer {
		margin-top: 60px;
	}
}

.footer div {
	padding: 5px;
}

body {
	max-width: 1024px;
	margin: auto;
}

h1, h2 {
  margin-bottom: 1em;
  font-family: 'Varela Round', sans-serif;
  letter-spacing: 3;
}

.with-movement h2 {
	margin-left: 20px;
	margin-top: 40px;
}


form {
	/*display: flex;*/
	/*justify-content: space-between;*/
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: #1aabc5;
	margin-bottom: 10px;
}

label {
	/*float: left;*/
	width: 30px;
}

input, select {
	/*float: right;*/
}

fieldset {
	margin: 0;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color: #1aabc5;
	padding: 30px;
}

.let {
	font-weight: bold;
}

.sub {
	margin-left: 50px;
}

.t_buttons {
	padding-top: 10px;
}

.t_buttons button {
	margin-left: 20px;
	margin-top: 0;
}

.dollar {
	color: #7f7978;
	padding-left: 10px;
}


button, input[type=submit] {
	display: inline-block;
	border-width: 2px;
	border-style: solid;
	padding: 10px 20px;
	background: white;
	color: #1aabc5;
	border-color: #1aabc5;
	margin-top: 20px;
	float: right;
}

input[type=number] {
	text-align: right;
}

button {
	padding: 5px 20px;
	float: none;
}

.table {
	border-collapse: collapse;
	margin: 20px;
	width: calc(100% - 40px);
}


.table th, .table td {
	padding: 6px;
	border-width: 2px;
	border-style: solid;
	border-color: #1aabc5;
}

.calc {	
	border-collapse: separate;
	border-spacing: 10px;
}
.calc th, .calc td {
	text-align: left;
	border-style: none;
}
.calc .val {
	padding: 6px;
	border-width: 2px;
	border-style: solid;
	border-color: #1aabc5;
	text-align: right;
}
.num {
	text-align: right;
}


.errors {
	font-weight: bold;
	color: #f44242;
}

.below {
	font-size: 18pt;
	font-weight: bold;
	color: #f44242;
}

.currency {
	text-align: right;
}

.header img {
	max-height: 125px;
}

.print {
	padding: 10px;
}

@media print {

	body, .below, .footer, .table, h1, h2{
		font-size: 80% !important;
	}

	.with-movement h2, .content {
		margin-left: 20px;
		margin-top: 10px;
	}

	.print {
		display: none;
	}
}