/* styles for Codebase layout */
@media (min-width: 0px) {
	html {
		font-size: 65.2%;
	}
	body {
		background-color: #ecf0f1;
		font-family: 'Muli', sans-serif;
		font-size: 1.4rem;
	}
	a,
	button,
	div,
	img,
	p,
	span {
		transition: all 0.25s;
		-moz-transition: all 0.25s;
		/* Firefox 4 */
		-webkit-transition: all 0.25s;
		/* Safari and Chrome */
		-o-transition: all 0.25s;
		/* Opera */
	}
	select {
		width: auto;
	}
	.input-group ul,
	.input-group ol {
		display: block;
		float: left;
		width: 100%;
	}
	label.readonly {
		opacity: 0.5;
	}
	.ajax {
		background: #fff;
		border: 1px solid #ccc;
		display: none;
		float: left;
		margin: 16px 0;
		min-height: 0px;
		max-height: 400px;
		overflow: auto;
		padding: 12px 16px;
		position: relative;
		width: 100%;
	}
	.ajax-response {
		display: block;
	}
		.ajax-response p {
			font-size: 1.85rem;
			line-height: 2.6rem;
		}
	.img-thumb {
		width: 140px;
	}
	.well,
	.wrap {
		display: block;
		float: left;
		width: 100%;
	}
	.wrap {
		margin: 0;
		min-height: 24px;
		padding: 0;
	}
	.position-relative {
		position: relative;
	}
	.btn-block {
		display: block;
		float: left;
		width: 100%;
	}
	.btn-primary {
		background: #40A5F0;
		border: 1px solid #40A5F0;
	}
	.btn-primary:hover,
	.btn-primary:focus {
		background: #2980b9;
		border-color: #2980b9;
	}
	.btn-ui {
		background: #eee;
		color: #555;
		font-size: 1.25rem;
		font-weight: 700;
		margin-bottom: 8px;
		padding: 8px 16px;
		text-align: left;
	}
	.btn-ui:hover,
	.btn-ui:focus,
	.btn-ui[aria-expanded="true"] {
		background: #fff;
	}
	.form-control {
		height: 36px;
	}
	.opacity-50 {
		opacity: 0.5;
	}
	.filter-wrapper {
		margin: 8px 0;
	}
	.filter-control {
		display: block;
		float: left;
		font-weight: normal;
		padding-right: 8px;
	}
	.filter-control input[type="checkbox"].filter {
		display: block;
		float: left;
		padding-right: 6px;
		width: 20px;
	}
	.icon-collapse[aria-expanded="false"] .icon-collapse-opened,
	.icon-collapse[aria-expanded="true"] .icon-collapse-closed {
		display: inline;
	}
	.icon-collapse[aria-expanded="true"] .icon-collapse-opened,
	.icon-collapse[aria-expanded="false"] .icon-collapse-closed {
		display: none;
	}
	.collapse {
		float: left;
		margin: 0 0 8px 0;
		width: 100%;
	}
	.wrapper {
		display: block;
		float: left;
		width: 100%;
	}
	.redactor-toolbar {
		width: 100% !important;
	}
	.ui-img-preview {
		margin: 16px 0;
	}
	.ui-datepicker {
		background: #fff;
		box-shadow: 2px 2px 4px #000;
		padding: 0;
	}
	.ui-datepicker-header {
		background: #40A5F0;
		color: #fff;
		margin-bottom: 4px;
		padding: 4px 8px;
	}
	.ui-datepicker-prev {
		float: left;
	}
	.ui-datepicker-next {
		float: right;
	}
	.ui-datepicker-next a:hover,
	.ui-datepicker-prev a:hover {
		text-decoration: none;
	}
	.ui-icon {
		color: #fff;
		font-size: 1rem;
		font-weight: 700;
		text-transform: uppercase;
	}
	.ui-datepicker-title {
		text-align: center;
	}
	.ui-datepicker-calendar tbody tr td a {
		display: block;
		float: left;
		padding: 6px 8px;
		text-align: center;
		width: 100%;
	}
	.ui-datepicker-calendar tbody tr td a:hover {
		background: #40A5F0;
		color: #fff;
	}
	.ui-datepicker-calendar thead th span {
		display: block;
		float: left;
		padding: 6px 8px;
		width: 100%;
	}
	.ui-timepicker-standard {
		z-index: 2 !important;
	}
	/* used on <a> for displaying dynamic thumbnails */
	.preview {
		display: block;
		float: left;
		height: 140px;
		margin: 0;
		padding: 0;
		position: relative;
		width: 140px;
	}
	.preview-img {
		display: block;
		float: left;
		height: 140px;
		overflow: hidden;
		width: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		z-index: 1;
	}
	.preview .preview-controls {
		display: none;
	}
	.preview:hover .preview-controls {
		background: #fff;
		display: block;
		height: 100%;
		opacity: 0.8;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 3;
	}
	.preview-controls iframe {
		border: 0;
		height: 140px;
		scrolling: none;
		width: 140px;
	}
	.preview-state {
		color: #fff;
		font-size: 2rem;
		line-height: 2rem;
		position: absolute;
		bottom: 4px;
		left: 4px;
		opacity: 0.8;
		text-shadow: 0 0 4px #fff;
		z-index: 2;
	}
	/* independent from .preview */
	.preview-item {
		display: block;
		float: left;
		margin-top: 4px;
		width: 100%;
	}
	.preview-item .btn {
		float: left;
	}
	.preview-item .collapse {
		border: 1px solid #ccc;
		height: 140px;
		margin-top: 0;
		overflow: hidden;
	}
	.preview-item iframe {
		border: 0;
		float: left;
		height: 140px;
		scrolling: none;
		width: auto;
	}
	#all {
		width: 100%;
		float: left;
		min-height: 500px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Muli', sans-serif;
		font-weight: 700;
		font-style: normal;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p {
		display: block;
		float: left;
		width: 100%;
	}
	h1 {
		font-weight: 900;
	}
	table {
		width: 100%;
	}
	td {
		vertical-align: top;
	}
	/* LOGIN */
	body.login {
		background: #40A5F0;
	}
	#login {
		width: 400px;
		min-height: 200px;
		margin: 100px auto 0 auto;
	}
	#login .identity {
		width: 100%;
		min-height: 24px;
		float: left;
		margin: 5vh 0 16px 0;
		position: relative;
	}
	#login .identity .logo {
		width: 100%;
		float: left;
	}
	#login .identity .logo .logo-img {
		margin: 0 auto;
		padding: 0 16px;
		width: 100%;
		max-width: 100%;
	}
	#login .wrapper {
		border-radius: 8px;
		float: left;
		min-height: 24px;
		padding: 16px;
		width: 100%;
	}
	#login .wrapper form {
		width: 100%;
		margin: 0;
	}
	#login label {
		display: block;
		color: #fff;
		float: left;
		padding: 8px 0;
		width: 100%;
	}
	#login label input {
		background: #fff;
		color: #333;
		display: block;
		float: left;
		font-size: 2rem;
		line-height: 2.2rem;
		margin: 4px 0 0 0;
		min-height: 12px;
		padding: 12px 16px;
		width: 100%;
	}
	#login label input:focus {
		background: #ecf0f1;
	}
	#login button {
		background: #e74c3c;
		border: 1px solid #fff;
		display: block;
		float: left;
		font-size: 2rem;
		line-height: 2rem;
		margin-top: 16px;
		padding: 16px 24px;
		text-align: center;
		width: 100%;
	}
	#login button .icon-default {
		display: inline;
	}
	#login button .icon-focus,
	#login button:focus .icon-default {
		display: none;
	}
	#login button:focus .icon-focus {
		display: inline;
	}
	#login button:focus {
		border-color: #fff;
		box-shadow: 0 0 4px #fff;
	}
	#login .contact {
		padding: 16px 0 0 0;
		float: left;
		width: 100%;
	}
	#login .contact .content {
		font-size: 1rem;
		text-align: center;
		color: #e0e0e0;
		width: 100%;
		display: block;
	}
	#login .contact .content a {
		color: #fff;
	}
	#login .error {
		background: #fff;
		color: #40A5F0;
		display: block;
		float: left;
		padding: 12px 16px;
		width: 100%;
	}
	.shadowbox-bg {
		background: #000;
		display: block;
		height: 100vh;
		opacity: 0.5;
		position: fixed;
			top: 0;
			left: 0;
		width: 100%;
		z-index: 2;
	}
	.shadowbox {
		display: block;
		float: left;
		min-height: 24px;
		padding: 8px 16px;
		position: relative;
		width: 100%;
		z-index: 99;
	}
	.shadowbox-centered {
		float: none;
		margin: 0 auto;
		width: 300px;
	}
		.shadowbox-inner {
			background: #40A5F0;
			box-shadow: 2px 2px 16px #000;
			float: left;
			min-height: 24px;
			padding: 16px 24px;
			width: 100%;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
		}
			.shadowbox-heading {color: #fff;}
	.chooseaccount {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.chooseaccount-btn {
		margin: 3px 0;
	}
	.chooseaccount-name,
	.chooseaccount-domain {
		display: block;
		float: left;
		text-align: center;
		width: 100%;
	}
	.chooseaccount-domain {
		font-size: 80%;
		opacity: 0.6;
		padding: 4px 0 0 0;
	}
	header,
	footer {
		min-height: 60px;
		width: 100%;
		float: left;
	}
	footer {
		margin-top: 16px;
		padding: 8px 16px;
	}
	header {
		min-height: 16px;
		padding: 0;
		float: left;
	}
	label.error {
		background: #d2322d;
		color: #fff;
		display: block;
		float: left;
		font-weight: normal;
		margin: 0;
		padding: 4px 8px;
		width: 100%;
	}
	.list li label label.error {
		background: #d2322d;
		font-style: normal;
		position: relative;
		z-index: 999;
	}
	.block,
	.block-small {
		float: left;
		min-height: 24px;
		width: 100%;
	}
	.block-small {
		font-size: 0.9em;
		line-height: 1em;
	}
	.list-group {
		float: left;
		width: 100%;
	}
	/* badge color schemes */
	.badge {
		background: #7f8c8d;
		font-weight: 400;
		padding: 4px 8px;
	}
	.badge-green {
		background: #27ae60;
		color: #fff;
	}
	.badge-red {
		background: #40A5F0;
		color: #fff;
	}
	.badge-blue {
		background: #27ae60;
		color: #fff;
	}
	.badge-grey {
		background: #7f8c8d;
		color: #fff;
	}
	.badge.desc {
		background: none;
		color: #999;
		font-size: 1.2rem;
		line-height: 1.4rem;
		padding: 0;
	}
	.nav-top {
		background: #40A5F0;
		border: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin: 0;
		width: 100%;
	}
	.nav-top nav {
		color: #fff;
		padding: 8px 16px;
	}
	.nav-top .nav.nav-tabs {
		width: auto;
	}
	.nav-top a,
	.navbar-default .navbar-nav>li>a,
	.nav-top form button .fa,
	.nav-top form button .fa:hover,
	.nav-top a:hover,
	.navbar-default .navbar-nav>li>a:hover {
		color: #fff;
	}
	.nav-top form .form-control::-webkit-input-placeholder,
	.nav-top form .form-control::-moz-placeholder,
	.nav-top form .form-control:-ms-input-placeholder,
	.nav-top form .form-control:-moz-placeholder {
		color: #fff;
	}
	.nav-top nav.nav-right a {
		padding: 0 6px;
	}
	.nav-top nav a i.fa.fa-sign-out {
		font-size: 120%;
	}
	.nav-top form input {
		background: none;
		border: 1px solid #fff;
		color: #fff;
	}
	.nav-top form input:focus {
		background: #fff;
		border: 1px solid #fff;
		color: #40A5F0;
	}
	.nav-top a.navbar-brand img {
		display: block;
		float: left;
		height: 20px;
		padding-right: 4px;
	}
	.navbar-account {
		color: #fff;
		display: block;
		float: left;
		font-size: 1.25rem;
		padding: 16px 0;
	}
	.navbar-account,
	.navbar-form {
		display: none;
	}
	.nav-top .nav.nav-tabs {
		border: 0;
		display: block;
		float: right;
		margin: 4px 0 0 0;
		padding: 0;
	}
	.nav-top .nav.nav-tabs .dropdown .dropdown-toggle:hover,
	.nav-top .nav.nav-tabs .dropdown .dropdown-toggle:focus {
		color: #333;
	}
	.nav-top .nav.nav-tabs.nav-account .dropdown .dropdown-menu {
		left: auto;
		right: 0;
	}
	.mobile-menu {
		color: #fff;
		display: block;
		float: right;
		margin: 2px 0 0 0;
		padding: 12px 16px;
		text-decoration: none;
		width: auto;
	}
	.mobile-menu .fa {
		color: #fff;
		font-size: 2rem;
		line-height: 2rem;
	}
	.tab-pane .row .col-xs-12 .input-group:nth-child(1) {
		margin-top: 16px;
	}
	.codigo {
		color: #777;
		float: left;
		font-size: 0.89em;
		padding: 24px 12px;
	}
	p.bg {
		min-height: 24px;
		padding: 12px 16px;
	}
	p.bg a.btn {
		margin: 16px 0 0 0;
	}
	#codigo-controls p {
		display: block;
		float: left;
		padding: 8px 0;
		width: 100%;
	}
	#codigo-controls h4 {
		display: block;
		float: left;
		font-size: 1.75rem;
		line-height: 2.25rem;
		width: 100%;
	}
	#codigo-controls .btn {
		margin: 0 6px 6px 0;
	}
	form.filters {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	#filter {
		display: block;
		float: left;
		padding: 8px 12px;
		position: relative;
		width: 100%;
	}
	.btn-filter {
		display: none;
		padding: 9px 12px;
		position: absolute;
		right: 0;
		top: 0;
		width: 80px;
	}
	#codigo-filters {
		padding: 12px 0;
	}
	/* select2 */
	.js-select {
		border: 1px solid #ccc;
		float: left;
		font-size: 1em;
		height: 36px;
		width: 100%;
	}
	.select2-container--default[style] {
		width: 100% !important;
	}
	/* override inline style="width: 100px;" */
	.select2-container--default .select2-selection--single {
		height: 36px;
		padding: 4px 0;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		border-color: #555 transparent transparent transparent;
		border-width: 7px 5px 0 5px;
		left: 0;
		top: 60%;
	}
	/* Custom Styled Select */
	.styled-select-menu {
		width: 240px;
		height: 28px;
		overflow: hidden;
		background: #fff;
		border: 1px solid #ccc;
		font-size: 1em;
		padding-left: 8px;
		margin-left: 4px;
		float: left;
		position: relative;
	}
	.styled-select-menu select {
		background: transparent;
		width: 100%;
		padding: 0;
		line-height: 1;
		border: 0;
		border-radius: 0;
		height: 28px;
		-webkit-appearance: none;
		color: #333;
		position: absolute;
		top: 0;
		left: 8px;
		z-index: 2;
	}
	.styled-select-menu i {
		width: 16px;
		height: 16px;
		font-size: 16px;
		float: right;
		position: absolute;
		top: 4px;
		right: 4px;
		z-index: 1;
	}
	/* ----- CONTENT AREA STYLES ------ */
	main {
		float: left;
		margin: 0;
		min-height: 500px;
		padding: 24px 16px;
		position: relative;
		width: 100%;
	}
	main ul.nav-tabs li a {
		font-size: 1.15em;
	}
	main ul.nav-tabs li.active a {
		font-weight: bold;
	}
	main form {
		width: 100%;
		float: left;
	}
	main form {
		width: 100%;
		float: left;
	}
	main ul.nav {
		margin: 0;
		padding-bottom: 0;
		width: 100%;
	}
	main form .tab-content {
		background-color: #fff;
		margin: 0;
		border: 1px solid #e0e0e0;
		border-top: 0;
		width: 100%;
		min-height: 200px;
		padding: 0 0 24px 0;
		float: left;
	}
	main form .tab-content .tab-pane {
		min-height: 200px;
		padding: 0 16px 0 16px;
	}
	main form select {
		padding: 4px 6px;
	}
	.custom-field.iframe {
		height: 197px;
		overflow: hidden;
		padding: 4px 0 0 8px;
		width: 290px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	main form .form-control[readonly] {
		background: #fff;
	}
	.select-wrapper {
		background: #eee;
		display: block;
		float: left;
		min-height: 24px;
		height: 320px;
		padding: 12px 16px;
		position: relative;
		width: 100%;
		z-index: 1;
	}
	#form-builder .select-wrapper {
		border: 1px solid #ccc;
	}
	.select-controls {
		background: #eee;
		min-height: 24px;
		padding: 12px 16px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 3;
	}
	.select-controls .fuzzy-search {
		padding: 4px 8px;
		width: 100%;
	}
	.select-wrapper .list {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
		max-height: 310px;
		overflow-x: auto;
		padding: 52px 16px 12px 16px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.select-wrapper .list li {
		padding: 4px 0;
	}
	.select-wrapper .list li label:focus {
		background: #fff;
		border: 1px solid #ccc;
	}
	.select-wrapper .list li label input[type="radio"] {
		position: absolute;
		visibility: hidden;
	}
	.select-wrapper .list li label {
		display: inline-block;
		background: #eee;
		font-weight: 400;
		font-style: italic;
		padding: 6px 16px;
		cursor: pointer;
		width: 100%;
	}
	.select-wrapper .list li label input[type="radio"]:checked ~ *,
	.select-wrapper .list li label.active {
		color: #000;
		font-weight: 700;
	}
	.select-wrapper .list li label .name {
		font-style: normal;
	}
	.codigo-iframe {
		border: 0;
		display: block;
		float: left;
		height: 320px;
		overflow: hidden;
		width: 100%;
	}
	iframe.file_upload {
		height: 160px;
		width: 100%;
	}
	.file_upload_options a {
		position: relative;
	}
	.file_upload_options a img {
		position: absolute;
	}
	iframe.file_upload.photo {
		height: 280px;
	}
	iframe.file_upload.directory {
		height: 180px;
		margin: 0;
		width: 290px;
		border: 0;
	}
	iframe.file_upload.short {
		height: 120px;
	}
	body.file_display {
		background: none;
		width: 320px;
	}
	body.file_display.photo {
		width: 100%;
	}
	body.file_display .container {
		margin: 0;
		padding: 0;
	}
	body.file_display .container .dir-block {
		position: relative;
		min-height: 150px;
		width: 320px;
	}
	body.file_display .dir-block img {
		position: absolute;
		top: 4px;
		left: 16px;
		width: 120px;
	}
	.file_upload_options {
		position: absolute;
		top: 4px;
		left: 4px;
	}
	.file_upload_options p a {
		word-wrap: break-word;
	}
	body.file_display.photo .file_upload_options {
		position: absolute;
		top: 240px;
		left: 16px;
	}
	body.file_display .dir-block .file_upload_options.directory {
		position: absolute;
		top: 100px;
		left: 148px;
		width: 120px;
	}
	iframe.gallery-cover {
		border: 1px solid #ccc;
		float: left;
		height: 57px;
		width: 240px;
	}
	/* Bootstrap Form Helpers */
	main form .input-group .bfh {
		padding: 2px 0;
		width: 100%;
	}
	main form .input-group .bfh .input-group {
		width: 100%;
	}
	/* End BFH */
	.file input[type=file] {
		float: left;
		margin: 6px 0 0 12px;
	}
	main form .tab-content .tab-pane textarea.css {
		background-color: #f3f3f3;
		border: 1px solid #ccc;
		font-size: 1.2em;
		font-family: sans-serif;
		line-height: 1.5em;
		min-height: 250px;
		padding: 16px;
		width: 100%;
	}
	main h1 {
		color: #333;
		font-size: 2.8rem;
		margin: 0;
		padding: 0 0 12px;
	}
	main form .tab-content .tab-pane h2 {
		font-size: 1.6em;
		color: #333;
		font-weight: normal;
		padding: 0 0 16px 0;
	}
	main form .tab-content .tab-pane h3 {
		color: #333;
		font-size: 1.4em;
		float: left;
		line-height: 1em;
		padding: 16px 0 8px 0;
		width: 100%;
	}
	main form .tab-content .tab-pane a.backlink {
		padding: 0 0 24px 0;
		margin: -16px 0 0 0;
		font-size: 1em;
		text-decoration: none;
		width: 200px;
		display: none;
	}
	.capitalize {
		text-transform: capitalize;
	}
	main form .tab-content .tab-pane select {
		font-size: 1.2em;
		line-height: 1.5em;
		padding: 4px 0;
	}
	.styled-select {
		width: 100%;
		height: 36px;
		overflow: hidden;
		background: #fff;
		border: 1px solid #ccc;
		font-size: 1.25rem;
		padding-left: 8px;
		position: relative;
	}
	.styled-select select {
		background: transparent;
		width: 100%;
		padding: 5px;
		line-height: 1;
		border: 0;
		border-radius: 0;
		height: 34px;
		-webkit-appearance: none;
		color: #333;
		position: absolute;
		top: 0;
		left: 8px;
		z-index: 2;
	}
	.styled-select i {
		width: 16px;
		height: 16px;
		font-size: 16px;
		float: right;
		position: absolute;
		top: 8px;
		right: 4px;
		z-index: 1;
	}
	.control-label {
		font-size: 1.25rem;
		padding: 4px 0 0 0;
		text-align: center;
		min-width: 100px;
		max-width: 120px;
	}
	/* add new */
	input.addnew {
		display: block;
		float: left;
		margin: 2px 0;
		padding: 4px 8px;
		width: 100%;
	}
	/* input[file] styling - based on http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ */
	.file-wrapper {
		background: #34495e;
		float: left;
		margin: 16px 16px 16px 0;
		min-height: 24px;
		padding: 24px 16px;
		text-align: center;
		width: 100%;
	}
	.no-js .inputfile + label {
		display: none;
	}
	.inputfile {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}
	.inputfile + label .fa {
		width: 1em;
		height: 1em;
		vertical-align: middle;
		fill: currentColor;
		margin-top: -0.25em;
		/* 4px */
		margin-right: 0.25em;
		/* 4px */
	}
	/* end of input[file] styling */
	.form-space {
		margin-bottom: 8px;
	}
	.spacer-block {
		float: left;
		margin: 8px 0;
		padding: 8px 0;
		width: 100%;
	}
	/* ui modals */
	.modal.ui {
		background: #fff;
		min-height: 40vh;
		max-height: 90vh;
		margin: 3% 0 0 3%;
		padding: 0;
		width: 94%;
	}
	.modal.ui .modal-dialog,
	.modal.ui .modal-dialog .modal-content {
		float: left;
		margin: 0;
		min-height: 40vh;
		padding: 0;
		width: 100%;
	}
	.modal.ui .modal-dialog .modal-content,
	.modal.ui .modal-dialog .modal-content .modal-footer {
		box-shadow: none;
		border: 0;
	}
	.modal.ui .modal-dialog .modal-content .modal-header {
		background: #e0e0e0;
		margin: 0;
		padding: 0;
	}
	.modal.ui .modal-dialog .modal-content .modal-header button {
		background: #555;
		border: 0;
		color: #fff;
		font-size: 4rem;
		padding: 16px 32px;
	}
	.modal.ui .modal-dialog .modal-content .modal-body {
		float: left;
		height: 72vh;
		width: 100%;
		overflow: auto;
	}
	.modal.ui .modal-dialog .modal-content .modal-header h4.modal-title {
		font-size: 2.8rem;
		font-weight: 900;
		padding: 24px;
		margin: 0;
		width: auto;
	}
	.modal.ui .modal-dialog .modal-content .modal-footer {
		min-height: 24px;
		padding: 24px;
		margin: 0;
		width: 100%;
	}
	main form {
		padding-right: 16px;
	}
	main form .checkbox-radio-group,
	main form .custom-field {
		width: 100%;
		min-height: 14px;
		margin: 0 0 3px 0;
		float: left;
	}
	main form .custom-field {
		border: 1px solid #ccc;
		margin-bottom: 8px;
	}
	main form .checkbox-radio-group label {
		width: 100%;
		min-height: 36px;
		float: left;
		display: block;
		border: 1px solid #ccc;
	}
	main form .checkbox-radio-group label .checkbox-radio-input-container,
	main form .custom-field label {
		background-color: #eee;
		display: block;
		float: left;
		font-size: 0.89em;
		margin: 0;
		height: 36px;
		padding: 12px 8px 9px 8px;
		width: 125px;
	}
	main form .checkbox-radio-group label .checkbox-radio-input-container {
		width: 32px;
	}
	main form .custom-field label {
		border-right: 1px solid #ccc;
		text-align: center;
		padding: 6px 8px;
	}
	main form .custom-field label.right {
		background: none;
		border: 0;
		width: 80px;
		height: 20px;
		float: left;
		padding: 0;
	}
	main form .custom-field label.right .input-wrapper {
		display: block;
		width: 16px;
		height: 16px;
		margin-left: 12px;
		position: relative;
		float: left;
	}
	main form .custom-field label.right .input-wrapper input {
		position: aboslute;
		top: 0;
		left: 0;
	}
	.slug-field {
		border-color: #eee;
	}
	.slug-field .input-group-addon {
		border-color: #eee;
		margin: 0;
		padding: 0;
		min-width: 120px;
		max-width: 120px;
	}
	.slug-field .input-group-addon .control-label.col-lg-1 {
		font-size: 1.25rem;
		height: auto;
		padding: 10px 0;
		width: 100%;
	}
	.slug-field .slug {
		background: #fff;
		border: 1px solid #eee;
		color: #777;
		display: block;
		float: left;
		height: 36px;
		padding: 6px 8px 0 8px;
		width: 100%;
	}
	.checkbox-radio-group label {
		border: 1px solid #ccc;
		display: block;
		float: left;
		margin: -2px 0 10px 0;
		min-height: 36px;
		position: relative;
		width: 100%;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		overflow: hidden;
	}
	.checkbox-radio-group label .checkbox-radio-input-container {
		background: #eee;
		padding: 10px 16px;
		width: 36px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.checkbox-radio-group label .checkbox-radio-input-container input {
		display: block;
		float: left;
		margin: 0 0 0 -4px;
		height: 16px;
		width: 16px;
	}
	.checkbox-radio-group label .checkbox-radio-text {
		display: block;
		position: absolute;
		top: 0;
		left: 36px;
		padding: 6px 0 6px 8px;
		font-size: 1.1em;
		font-weight: normal;
		border-left: 1px solid #ccc;
		width: auto;
	}
	main form .custom-field.tel .tel-wrapper {
		border: 1px solid blue;
		float: right;
	}
	main form .custom-field.tel table tbody tr td input[type=tel].form-control {
		text-align: center;
		width: 33%;
	}
	input[type="checkbox"].form-control {
		width: 24px;
	}
	main .workspace,
	main .workspace,
	main .no-tabs {
		background: #fff;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		width: 100%;
		min-height: 600px;
		padding: 16px 16px 24px 16px;
		margin: 0;
		float: left;
	}
	main .no-tabs {
		border: 1px solid #ddd;
	}
	main .no-tabs.no-bg {
		background: none;
		border: 0;
		padding: 0;
	}
	main .no-tabs.no-bg .bg-info {
		background: #fff;
		border: 1px solid #ccc;
		color: #333;
	}
	main .no-tabs h2 {
		margin-bottom: 16px;
		width: 100%;
		float: left;
		line-height: 1.5em;
	}
	.red,
	td.red a {
		color: #e74c3c;
	}
	tr.deleted td a,
	tr.deleted td {
		color: #999;
	}
	main .workspace a.btn {
		margin: 24px 0 0 0;
	}
	main .home h1 {
		font-size: 2.5em;
		font-weight: 900;
		letter-spacing: -1px;
	}
	main .home p {
		font-size: 1.25em;
		line-height: 1.6em;
		padding: 6px 0;
	}
	main .workspace table {
		width: 100%;
		margin: 16px 0 0 -8px;
	}
	main .workspace table tbody tr:nth-child(odd) {
		background-color: #f3f3f3;
	}
	main .workspace table tbody tr:nth-child(even) {
		background-color: #fff;
	}
	main .workspace table tbody tr th,
	main .workspace table tbody tr td {
		padding: 8px 16px;
	}
	main .workspace table tbody tr td a.btn {
		margin: 0 0 4px 0;
	}
	main .workspace table tbody tr th {
		background-color: #fff;
		color: #555;
		border-bottom: 1px solid #ccc;
	}
	main .workspace table tbody tr:hover > td {
		background-color: #e0e0e0;
	}
	main .workspace table tbody tr td .block.variants {
		margin-top: 8px;
		opacity: 0.8;
	}
	main .workspace table tbody tr td .block.variants .variant {
		margin-right: 4px;
	}
	main .workspace table tbody tr td .block.variants .variant.deleted {
		color: #999;
		text-decoration: line-through;
	}
	main .workspace table tbody tr td:first-child a {
		font-size: 1.15em;
	}
	main .workspace table tbody tr td a.edit-option {
		display: inline-block;
		float: left;
	}
	main .workspace table tbody tr td a.edit-option:hover {
		text-decoration: none;
	}
	main .workspace table tbody tr td a.edit-option i {
		text-align: center;
		width: 24px;
		font-size: 24px;
		display: block;
		margin-right: 16px;
		float: left;
	}
	main .workspace table tbody tr td .index-title,
	main .workspace table tbody tr td .index-text {
		color: #222;
		display: block;
		float: left;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.75rem;
		text-align: left;
		width: 100%;
	}
	main .workspace table tbody tr td .index-text {
		border: 1px solid #ccc;
		min-height: 48px;
		padding: 8px 12px;
	}
	
	/* form builder */
	#questions {
		float: left;
		padding: 0;
		width: 100%;
	}
	.q {
		background: #eee;
		border: 1px solid #ccc;
		display: block;
		float: left;
		margin: 6px 0;
		padding: 8px 12px;
		width: 100%;
	}
	.q:hover {
		background: #ddd;
		box-shadow: 0px 0px 12px #000;
		color: #000;
	}
	.q-variant {
		background: #fff;
	}
	.q-variant:hover {
		background: #eee;
	}
	.q-label {
		float: left;
		font-weight: 400;
		margin-bottom: 8px;
		text-align: left;
		width: 100%;
	}
	.q-label select,
	.q-label textarea {
		display: block;
		float: left;
		width: 100%;
	}
	.q-label input,
	.q-label textarea {
		line-height: normal;
		padding: 4px 8px;
	}
	.q-label input[type="checkbox"] {
		float: left;
		margin-right: 4px;
	}
	.q-label .bg-info {
		background: #fff;
		border: 2px solid #40A5F0;
		color: #333;
		margin-top: 4px;
	}
	.q-label-text {
		display: block;
		float: left;
	}
	label.q-radio {
		display: block;
		float: left;
		font-weight: 400;
		margin-left: 8px;
	}
	.q .close {
		color: #333;
		font-size: 1.5rem;
		font-weight: 400;
		opacity: 0.75;
		padding: 8px 0;
		top: auto;
		right: auto;
	}
	/* generated form questions */
	#form-builder {
		display: block;
		float: left;
		min-height: 24px;
		width: 100%;
	}
	main form#form-builder input {
		min-width: auto;
	}
	/* reset */
	.form-q {
		background: #fff;
		border: 1px solid #ccc;
		float: left;
		margin: 12px 0;
		padding: 0;
		width: 100%;
	}
	.form-q input,
	.form-q textarea,
	.form-q label {
		font-weight: 400;
	}
	.form-q-header {
		background: #ecf0f1;
		border-bottom: 1px solid #ccc;
		display: block;
		float: left;
		padding: 0;
		width: 100%;
	}
	.form-q-number {
		background: #7f8c8d;
		color: #fff;
		display: block;
		float: left;
		font-size: 1.75rem;
		font-weight: 700;
		line-height: 1.75rem;
		min-height: 12px;
		padding: 12px 16px;
		width: 100%;
	}
	.form-q-header h4 {
		float: left;
		line-height: 2.4rem;
		padding: 12px 16px;
		width: 100%;
	}
	.form-q-content {
		display: block;
		float: left;
		font-size: 1.75rem;
		line-height: 2.2rem;
		padding: 12px 16px;
		width: 100%;
	}
	.form-q label {
		display: block;
		float: left;
		width: 100%;
	}
	.form-q-input,
	.form-q-textarea {
		border: 1px solid #ccc;
		display: block;
		float: left;
		padding: 4px 8px;
		width: 100%;
	}
	.form-q-textarea {
		min-height: 180px;
	}
	.form-q-radio {
		display: block;
		float: left;
		padding: 8px 12px;
		width: 100%;
	}
	.form-q-radio input {
		margin: 0 4px 0 0;
	}
	/* edit-options for special ul.list-group controls within action pages */
	.list-group .list-group-item.deleted {
		background: #eee;
	}
	.list-group .list-group-item.deleted a {
		color: #999;
	}
	.list-group .list-group-item .edit-options {
		float: right;
	}
	.list-group .list-group-item .edit-options .edit-option {
		padding: 0 4px;
	}
	main .workspace table tbody tr th.control-width {
		width: 480px;
	}
	/* invoice-group for registration invoices */
	.invoice h3,
	.invoice h4 {
		display: block;
		float: left;
		min-height: 10px;
		width: 100%;
	}
	.invoice h3 {
		text-transform: uppercase;
	}
	.invoice-group {
		float: left;
		margin: 0 0 16px 0;
		min-height: 24px;
		padding: 12px 0;
		width: 100%;
	}
	.invoice-group-item {
		display: block;
		float: left;
		min-height: 24px;
		padding: 4px 0;
		width: 100%;
	}
	.invoice-group-item-label,
	.invoice-group-item-content {
		min-height: 24px;
		padding: 6px 8px;
	}
	.invoice-group-item-label {
		background: #eee;
		font-weight: 700;
		text-align: center;
		width: 120px;
	}
	.invoice-group-item-content {
		width: auto;
	}
	#form {
		position: relative;
	}
	.button-form-submission-wrapper {
		background: #fff;
		border-top: 1px solid #ccc;
		padding: 0 10% 16px 10%;
		position: fixed;
		bottom: 0;
		left: 0;
		min-height: 24px;
		width: 100%;
		z-index: 999;
	}
	#button-delete,
	#button-submit,
	#button-restore,
	#button-remove,
	.form-button {
		/*	float: right; */
		padding: 6px 24px;
		float: left;
		font-size: 1.25em;
		text-align: center;
		min-width: 100px;
		margin: 16px 0 0 16px;
	}
	#button-submit {
		float: left;
		margin-left: 0;
	}
	#sidebar h2 {
		font-size: 1.3em;
		color: #333;
		font-weight: normal;
	}
	#submit-message {
		width: 50%;
		min-height: 16px;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		z-index: 9999;
		box-shadow: 3px 3px 8px #777;
	}
	/* status badges */
	.badge.available {
		background: #2ecc71;
		color: #fff;
	}
	.badge.expired {
		background: #e74c3c;
		color: #fff;
	}
}
	/* Extra small devices (phones, 767px and less) */
	@media (max-width: 320px) {
		.filter-control {
			display: block;
			float: left;
			width: 100%;
		}
		main .workspace table tbody tr th {
			display: none;
		}
		main .workspace table tbody tr td {
			width: 300px;
			float: left;
		}
		main .workspace table tbody tr td {
			display: none;
		}
		main .workspace table tbody tr td:first-child,
		main .workspace table tbody tr td:last-child {
			display: block;
		}
		.input-group {
			margin-bottom: 16px;
			float: left;
		}
		#submit-message {
			width: 95%;
			margin: 0 5%;
		}
		#login {
			width: 100%;
			margin: 0 auto;
		}
		#nav-select {
			position: absolute;
			top: -48px;
		}
		main form .tab-content .tab-pane a.backlink {
			display: block;
		}
		#button-submit,
		#button-delete,
		#button-restore {
			width: 100%;
			margin: 4px 0;
			padding: 25px;
		}
	}
	@media (max-width: 440px) {
		#identity a .name {
			display: none;
		}
		#nav-select {
			position: absolute;
			top: -48px;
		}
		main form .tab-content .tab-pane a.backlink {
			display: block;
		}
		.button-form-submission-wrapper {
			padding: 0;
		}
		#button-submit,
		#button-delete,
		#button-restore {
			border-radius: 0;
			margin: 0;
			padding: 8px 16px;
			width: 100%;
		}
	}
	@media (min-width: 481px) AND (max-width: 767px) {
		.shadowbox-centered {
			width: 75%;
		}
	}
	@media (max-width: 767px) {
		.container-fluid {
			margin: 0;
			padding: 0;
		}
		#all {
			padding: 0;
			margin: 0;
			overflow: none;
		}
		.nav-top {
			font-size: 100%;
		}
		main ul.nav-tabs li a {
			font-size: 1.75rem;
		}
		#login button:hover,
		#login button:focus {
			background: #fff;
			color: #40A5F0;
		}
		/* OFF-CANVAS NAV */
		.row-offcanvas {
			position: relative;
			-webkit-transition: all 0.25s ease-out;
			-moz-transition: all 0.25s ease-out;
			transition: all 0.25s ease-out;
		}
		.row-offcanvas-right .sidebar-offcanvas {
			right: -100%;
			/* 12 columns */
			background: #ecf0f1;
			box-shadow: 3px 3px 8px #40A5F0;
			color: #fff;
			font-size: 1.1em;
		}
		.row-offcanvas-right.active {
			display: block;
			right: 100%;
			/* 12 columns */
		}
		.sidebar-offcanvas {
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0;
			width: 100%;
			/* 12 columns */
		}
		.offcanvas-header {
			background: #40A5F0;
			float: left;
			min-height: 36px;
			padding: 0;
			width: 90%;
			border: 1px solid #fff;
		}
		.offcanvas-header .navbar-form.navbar-right {
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			position: relative;
			width: 240px;
		}
		.offcanvas-header .navbar-form.navbar-right .form-group {
			margin: 0;
			padding: 8px 0 0 8px;
		}
		.offcanvas-header .navbar-form.navbar-right .form-group,
		.offcanvas-header .navbar-form.navbar-right .form-group .form-control {
			float: left;
			width: 160px;
		}
		.offcanvas-header .navbar-form.navbar-right .form-group .form-control {
			background: none;
			border: 1px solid #fff;
			color: #fff;
		}
		.offcanvas-header .navbar-form.navbar-right .form-group .form-control:focus {
			background: #fff;
			border: 1px solid #fff;
			color: #333;
		}
		.offcanvas-header .navbar-form.navbar-right .btn {
			display: block;
			float: left;
			width: auto;
		}
		.offcanvas-header .navbar-form.navbar-right .btn .fa {
			color: #fff;
			font-size: 1.75rem;
			line-height: 1.75rem;
			padding: 10px;
		}
		.offcanvas-close {
			background: none;
			border: 0;
			color: #fff;
			float: right;
			font-size: 3rem;
			min-height: 32px;
			line-height: 3rem;
			margin: 0 12px 0 0;
			padding: 8px;
			position: relative;
		}
		.offcanvas-close i.fa-times {
			float: left;
			margin: 0;
		}
		.nav-mobile {
			display: block;
			float: left;
			padding: 12px 0;
			width: 100%;
		}
		.nav-mobile-item {
			color: #333;
			display: block;
			float: left;
			font-size: 1.75rem;
			line-height: 1.75rem;
			padding: 12px 20px;
			width: 100%;
		}
		.nav-mobile-item:hover,
		.nav-mobile-item:focus,
		.nav-mobile-item.active {
			background: #40A5F0;
			color: #fff;
			text-decoration: none;
		}
		/* End of offcanvas nav */
		
		/* label over top inputs for smallest screens */
		.input-group-addon,
		.slug-field .input-group-addon {
			display: block;
			float: left;
			min-width: 100%;
			max-width: 100%;
			width: 100%;
		}
		.slug-field .input-group-addon {
			border-bottom: 1px solid #ccc;
			padding-left: 8px;
		}
		.control-label,
		.control-label.col-lg-1 {
			min-width: 100%;
			max-width: 100%;
			text-align: left;
			width: 100%;
		}
	}
	@media (min-width: 768px) {
		.shadowbox-centered {
			width: 540px;
		}
		.mobile-menu {
			display: none;
		}
		.navbar-form,
		.navbar-account {
			display: block;
		}
		.nav-main {
			background: #dedede;
			display: block;
			float: left;
			margin: 0;
			min-height: 24px;
			padding: 0;
			width: 100%;
		}
		.nav-main-item {
			color: #555;
			display: block;
			float: left;
			padding: 16px 8px;
			min-width: 60px;
		}
		.nav-main-item:hover {
			color: #555;
			padding: 12px 8px 20px 8px;
		}
		.nav-main-item.active,
		.nav-main-item.active:hover {
			color: #40A5F0;
			padding: 16px 8px;
		}
		.nav-main-item-icon {
			display: block;
			float: left;
			font-size: 2.5rem;
			line-height: 2.5rem;
			padding: 0 0 8px 0;
			width: 100%;
			text-align: center;
		}
		.nav-main-item-title {
			display: block;
			float: left;
			font-size: 1.2rem;
			padding: 0;
			width: 100%;
			text-align: center;
		}
		#nav-select {
			display: none;
		}
		#navitems {
			display: block;
		}
		#submit-message {
			width: 95%;
			margin: 0 5%;
		}
		#login {
			width: 80%;
			margin: 0 auto;
		}
		.q {
			margin-right: 12px;
			width: 40%;
		}
		.q-variant {
			width: 48%;
		}
	}
	@media (min-width: 992px) {
		#nav-select {
			display: none;
		}
		#navitems {
			display: block;
		}
		#submit-message {
			width: 50%;
			margin: 0 25%;
		}
	}
	@media (min-width: 768px) {
		.codigo-iframe {
			height: 600px;
			width: 480px;
		}
		#login {
			width: 480px;
		}
	}
	@media (min-width: 1200px) {
		#nav-select {
			display: none;
		}
		#navitems {
			display: block;
		}
		.q {
			width: 30%;
		}
		.q-variant {
			width: 48%;
		}
	}
	@media (min-width: 1600px) {}