.page_title-content {
	vertical-align: middle;
	display: flex;
	width: 100%;
}
.page_title-content p {
	flex-grow: 1;
	margin: 0px;
	line-height: 50px;
}
.page_title-content button {
	margin: 0px;
	float: right;
	padding-left: 40px;
	padding-right: 40px;
}

.border {
	border: 1px solid #cecece;
	border-radius: 4px;
}

.homepage {
	font-size: 13px;
	color: #1a1f36;
}
.dash-pad {
	padding: 15px;
}

.card {
	background: transparent;
	box-shadow: none;
}
.card > .title {
	font-size: 33px;
	line-height: 50px;
	font-weight: 500;
	padding: 16px 0px 8px 0px;
	display: flex;
	flex-direction: row;
}

button#goToStep1 {
	background-color: #32325d;
	color: #fff;
	margin: 10px;
	padding: 5px 0px;
	border: 1px solid #32325d;
}
.menu {
	box-shadow: inset 0 -1px #e3e8ee;
	padding: 0px 0px;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	display: flex;
	color: #697386;
}
.menu > div {
	padding: 10px 0px;
	margin-right: 28px;
	width: max-content;
	display: inline-block;
}
.menu > div.selectable-item:hover {
	color: #1a1f36;
}
.menu > div.selectable-item.active {
	color: #5469d4;
	border-bottom: 2px solid black;
}
.menu a {
	text-decoration: none;
}
.menu .button-container {
	margin-left: auto;
}
.menu button {
	background-color: transparent;
}

.card .card-body {
	display: none;
	padding: 20px 0px;
}

.contracts-table {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	table-layout: auto;
	background-color:#fff;
}
.contracts-table a {
	color: #1a1f36;
}
.contracts-table thead {
	font-size: 14px;
	color: rgba(17, 49, 79, 0.6);
}
.contracts-table thead td {
	padding: 10px 30px;
}
.contracts-table tbody {
	font-size: 14px;
	line-height: 20px;
}
.contracts-table tbody .grey {
	color: #697386;
}
.contracts-table thead tr {
	border: 0 1px 1px solid #cecece;
}
.contracts-table tbody tr {
	border: 1px solid #cecece;
	height: 75px;
}
.contracts-table tbody tr:hover {
	background-color: #f7fafc;
}
.contracts-table tbody .col-expand {
	width: auto;
}
.contracts-table tbody th,
.contracts-table tbody td {
	width: 1px;
	white-space: nowrap;
}
.contracts-table tbody td a {
	width: 100%;
}
.contracts-table tbody td a > div {
	display: flex;
	height: 72px;
	padding: 0px 8px;
	padding-left:30px;
}
.contracts-table tbody td a > div > div {
	margin-top: auto;
	margin-bottom: auto;
}
.contracts-table tbody th.col-expand,
.contracts-table tbody td.col-expand{
	white-space: normal;
}
.contracts-table tbody tr td .icon {
	padding: 12px;
	border: 1px solid rgb(236, 239, 241);
	border-radius: 4px;
	line-height: initial;
	background-color: rgba(247, 250, 252, 0.5);
	fill: #c1c9d2;
}
.contracts-table tbody tr td .badge {
	border-radius: 4px;
	background-color: #e6e6ef;
	color: #555;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	padding: 1px 5px;
}
.contracts-table tbody tr td .badge.green {
	color: darkgreen;
	background-color: #beb; 
}

.contracts-table tbody tr td .date {
	min-width: 92px;
	max-width: 122px;
}
.contracts-table tbody tr td .button {
	display: flex;
	align-items: center;
}
.contracts-table tbody tr td button {
	padding: 5px;
	min-width: 32px;
	min-height: 24px;
	line-height: 10px;
}
.contracts-table tbody tr td button:hover {
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 3px 9px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}

/* Modals */
#createInvoice {
	font-size: 14px;
	color: #3c4257;
}
#createInvoice .modal-content {
	box-shadow: 0 7px 14px 0 rgba(60,66,87,.08),0 3px 6px 0 rgba(0,0,0,.12);
}
#createInvoice .row {
	margin: 0px;
}
#createInvoice .modal-header {
	display: flex;
	font-size: 17px;
	line-height: 24px;
	padding: 16px 20px;
}
#createInvoice .modal-title {
	margin-left: auto;
	margin-right: auto;
}
#createInvoice .modal-header .close {
	margin-left: 0px;
}
#createInvoice .modal-body {
	background-color: #f7fafc;
	display: flex;
	flex-direction: column;
	padding: 20px;
}
#createInvoice .modal-footer {
	padding: 15px 20px;
}
#createInvoice .form-group .form-control {
	min-height: 28px;
}
#createInvoice .form-group label {
	color: #3c4257;
	display: block;
	font-size: 15px;
	margin-bottom: 8px;
}
#createInvoice .form-group select,
#createInvoice .form-group input {
	color: #3c4257;
	font-size: 15px;
	height: 30px;
	display: inline-block;
	border-color: #e3e8ee;
	padding-left: 8px;
	background-color: white;
}
#createInvoice .form-group input::placeholder {
	color: #c7d2e2;
	color: #a3acb9;
}
#createInvoice .form-group input[type=text] {
	display: inline-block;
}
#createInvoice .form-group > div {
	display: flex;
	flex-direction: row;
}
#createInvoice .form-group > div > div {
	width: 49%;
}
#createInvoice .form-group > div > div:first-child {
	margin-right: 2%;
}
#createInvoice .modal-footer {
	border-top: 1px solid #e3e8ee;
}
#createInvoice .modal-footer button {
	padding: 4px 8px;
	min-width: auto;
	font-size: 14px;
	line-height: 20px;
}
#createInvoice .modal-footer button#cancelAddInvoice {
	color: #3c4257;
	border-color: transparent;
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}
#createInvoice .modal-footer button#addInvoice {
	background-color: #32325d;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, #32325d 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
	margin-right: 0px;
}

/* Modals */
#storeLink {
	font-size: 14px;
	color: #3c4257;
}
#storeLink .modal-content {
	box-shadow: 0 7px 14px 0 rgba(60,66,87,.08),0 3px 6px 0 rgba(0,0,0,.12);
}
#storeLink .row {
	margin: 0px;
}
#storeLink .modal-header {
	display: flex;
	font-size: 17px;
	line-height: 24px;
	padding: 16px 20px;
}
#storeLink .modal-title {
	margin-left: auto;
	margin-right: auto;
}
#storeLink .modal-header .close {
	margin-left: 0px;
}
#storeLink .modal-body {
	background-color: #f7fafc;
	display: flex;
	flex-direction: column;
	padding: 20px;
}
#storeLink .modal-footer {
	padding: 15px 20px;
}
#storeLink .form-group .form-control {
	min-height: 28px;
}
#storeLink .form-group label {
	color: #3c4257;
	display: block;
	text-align: center;
	font-size: 18px;
	margin-bottom: 0px;
}
#storeLink .form-group select,
#storeLink .form-group input {
	color: #3c4257;
	font-size: 15px;
	height: 30px;
	display: inline-block;
	border-color: #e3e8ee;
	padding-left: 8px;
	background-color: white;
}
#storeLink .form-group input::placeholder {
	color: #c7d2e2;
	color: #a3acb9;
}
#storeLink .form-group input[type=text] {
	display: inline-block;
}
#storeLink .form-group > div {
	display: flex;
	flex-direction: row;
}
#storeLink .form-group > div > div {
	width: 49%;
}
#storeLink .form-group > div > div:first-child {
	margin-right: 2%;
}
#storeLink .modal-footer {
	border-top: 1px solid #e3e8ee;
}
#storeLink .modal-footer button {
	padding: 4px 8px;
	min-width: auto;
	font-size: 14px;
	line-height: 20px;
}
#storeLink .modal-footer button#cancelAddInvoice {
	color: #3c4257;
	border-color: transparent;
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}
#storeLink .modal-footer button#addInvoice {
	background-color: #32325d;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, #32325d 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
	margin-right: 0px;
}