.nav-tabs li a {
    display: block !important;
    line-height: 18px;
    padding: 5px 8px;
}
.nav-tabs li a .fa {
    margin: 0 6px;
}
.nav-tabs {
    margin: 1rem 0;
}
.footer ul {
	list-style-type: none;
	padding-left: 0;
}
.footer ul li {
	margin-bottom: 0.5rem;
}
.footer ul a {
	text-decoration: none;
}
.tm-toolbar a {
	text-decoration: none;
	font-size: 0.75rem !important; 
}

/* HTML Comparison Table */
/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ccc;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		td:nth-of-type(1):before { content: ""; }
		td:nth-of-type(2):before { content: "Fields"; }
		td:nth-of-type(3):before { content: "Tabs"; }
		td:nth-of-type(4):before { content: "Layout"; }
		td:nth-of-type(5):before { content: "Support"; }
		td:nth-of-type(6):before { content: "Price"; }

	}

td {
    text-align: center;
}

th {
    padding: 0 10px;
}
.uk-table th {
	text-align: center;
	color: #000;
	font-weight: 700;
}
.acym__users__creation__fields__title {
	display: inline-block;
	width: 100px;
}
.acym_form #field_1 input,
.acym_form #field_2 input {
	height: 46px;
	vertical-align: middle;
	display: inline-block;
	max-width: 100%;
	width: 100%;
	border: 0 none;
	padding: 0 10px;
	background: #f8f8f8;
	color: #000118;
	transition: .2s ease-in-out;
	transition-property: all;
	transition-property: color,background-color,border-color,box-shadow;
}
.acysubbuttons {
	text-align: left;
}

.page-newsletter .tm-main .uk-container,
.com-users-registration,
.com-users-remind,
.com-users-reset,
.com-users-login {
	max-width: 600px;
	display: block;
	margin: 0 auto;
}
.com-users-registration legend,
.com-users-remind legend,
.com-users-reset legend {
	font-size: 1em;
}
#vat_country_code {
	width: 50px;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#euvatid {
	width: 300px;
	margin-top: -74px;
	margin-left: 50px;
}
.osm-message {
	margin: 1rem 0;
}
#osm-columns-payment-information {
	padding: 30px 0 30px 30px;
}
#osm-columns-subscription-information {
	padding: 30px 30px 30px 0;
}
.row.osm-privacy-policy .col-md-3 {
	width: 100% !important;
}
#osm-forgot-username-password .nav-tabs {
	border-bottom: none;
	margin-bottom: 3rem;
}
#osm-signup-page-columns-form {
	background: #efefef;
	padding: 2em;
}