body {
	font-family:Roboto,Lucida Grande,Lucida Sans,Arial,sans-serif;
	color:#555;
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:400 !important;
}
html, body, #container {
	height:100%;
}
body > #container {
	height:auto;
	min-height:100%;
}
#container {
	padding:0;
	background-color:#fff;
	position:relative;
	display:flex;
	flex-direction:column;
}
header {
	background-color:var(--main-color);
	align-items:stretch;
	padding:10px 10px 20px;
}
#content-container {
	align-items:stretch;
	flex:1;
	display:flex;
}
#menu, #page {
	position:relative;
	align-items:stretch;
	flex:1;
}
#menu {
	max-width:240px;
	min-width:240px;
	position:relative;
	background-color:var(--main-color);
}
#menu:after {
	display:block;
	content:'';
	background-color:#fff;
	border-radius:20px 0 0 0;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:20px;
}
#page {
	padding:0 20px 25px 20px;
}
a {
	text-decoration:none;
	color:var(--main-color);
}
input, select {
	padding:6px 8px;
	font-family:Roboto,Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size:14px;
	border:1px solid #555;
	border-radius:2px;
}
input:-moz-read-only { /* For Firefox */
	background-color: #dedede;
}

input:read-only {
	background-color: #dedede;
}
input[type=submit], .button {
	background-color:var(--main-color);
	color:#fff;
	border:none;
	cursor:pointer;
	display:inline-block;
	padding:6px 10px;
	border-radius:2px;
	white-space:nowrap;
	font-size:13px;
}
.button.disabled {
	opacity:0.5;
	cursor:default;
}
.full-width-textarea {
	width:100%;
	resize:vertical;
}
.no-break {
	white-space: nowrap;
}
.grey-button {
	background-color:#aaa;
}
.search-bar {
	margin:4em 0 2em;
	display:flex;
}
.search-bar input[type=search] {
	flex:30;
}
.search-bar input[type=submit] {
	margin-left:1em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
}
h1 {
	text-align:center;
	margin:30px 0 15px;
}
h2 {
	margin:5em 0 2em;
	font-family:'roboto';
	font-weight:300;
	text-align:center;
}
#page h2:first-of-type {
	margin-top:3em;
}
p {
	line-height:1.5em;
}
.align-center {
	text-align:center !important;
}
.align-left {
	text-align:left !important;
}
.align-right {
	text-align:right !important;
}
.clear {
	clear:both;
}
.no-display {
	display:none;
}
.bold {
	font-weight:500;
}
.center {
	text-align:center !important;
}
.center-modal {
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:50%;
}
.site-title {
	font-size:2.2em;
	color:#fff;
	margin:0;
}
.version-number {
	font-size:0.9em;
	color:#fff;
	margin:0;
}
.header-login-detail {
	float:right;
	margin-right:20px;
	text-align:right;
}
.header-login-detail p {
	color:#fff;
	margin:0 0 2px;
	line-height:1em;
}
.header-email {
	font-size:0.85em;
}
.header-actions {
	margin:8px 0 0;
	color:#fff;
}
.header-action {
	font-weight:500;
	color:#fff;
}
.menu-parent {
	background-color:#fff;
	color:var(--main-color);
	border-radius:0 10px 10px 0;
	position:relative;
	margin:15px 40px 15px 0;
	cursor:default;
}
.menu-parent a, .menu-parent span {
	display:block;
	font-weight:500;
	padding:10px 0 4px 14px;
	font-size:1.1em;
}
.menu-children {
	padding:0 0 10px;
}
.menu-children a {
	display:block;
	margin:6px;
	padding:4px 8px;
	color:var(--main-color);
	text-align:left;
	font-weight:400;
	font-size:0.9em;
	cursor:pointer;
}
.menu-children a:hover {
	color:#406c72;
}

.message
{
	margin:1em 0;
	padding:1em;
	display:flex;
	align-items:center;
	background-color:#eee;
}

.message.error
{
	border:1px solid #f00;
}

.message.warning
{
	border:1px solid #FFA500;
}
.message.notice
{
	border:1px solid #3434ff;
}

.message:before
{
	content:'!';
	display:block;
	color:#f00;
	border:2px solid #f00;
	border-radius:100%;
	height:1.2em;
	width:1.2em;
	text-align:center;
	font-weight:700;
	font-size:1.8em;
	margin-right:1em;
}

.message.warning:before
{
	color:#FFA500;
	border-color:#FFA500;
}

.message.notice:before
{
	font-family:'Times New Roman';
	content:'i';
	font-style:italic;
	color:#3434ff;
	border-color:#3434ff;
}

.message p
{
	margin:0 0 0.5em;
	color:#555;
}

/* Rows and Columns */
.row
{
	display:flex;
	flex-wrap:wrap;
}
.column
{
	flex:0 0 50%;
}
#page h2.sub-heading
{
	margin:2em 0 1em !important;
	font-size:1.2em;
	text-align:left;
	font-weight:500;
	border-bottom:1px solid #aaa;
	padding:0.5em 0;
}
.column h2.sub-heading
{
	width:75%;
}
.grid
{
	display:table;
	width:100%;
}
.styled-grid
{
	border-spacing:0 0.1em;
	width:auto;
}
.styled-grid .grid-column
{
	padding:0.5em 1em 0.5em 0;
}
.styled-grid .grid-row .grid-column:last-of-type
{
	text-align:right;
}
.grid-row
{
	display:table-row;
}
.grid-column
{
	display:table-cell;
	padding:0.5em 0;
}
.grid-column.label
{
	font-weight:500;
}

/* Tabbed content */

.page-tabs {
	border-bottom:3px solid var(--main-color);
	display:flex;
	margin:1.5em 0 0;
}
.page-tab {
	padding:1.2em 1.5em;
	background-color:var(--light-color);
	margin-right:1em;
	color:var(--main-color);
	border-radius:0.2em 0.2em 0 0;
	cursor:pointer;
}
.page-tab.active {
	background-color:var(--main-color);
	color:#fff;
	font-weight:500;
}
.page-tab-content {
	margin:0 1.5em;
	font-size:1.1em;
}

.login-failure {
	font-weight:500;
	color:#f00;
	text-align:center;
	padding:15px;
	border:2px solid #f00;
	border-radius:2px;
	margin:50px 0 0;
}
.login-form {
	margin:0 auto 80px;
	width:350px;
}
.login-row {
	margin:20px 0 0;
}
.login-label {
	line-height:30px;
}
.login-input {
	float:right;
	width:200px;
}

.report-breadcrumbs {
	margin:0 0 8px;
	font-size:12px;
}
a.report-breadcrumb {
	color:#97bbcd;
	text-decoration:underline;
}
.report-breadcrumb-seperator {
	color:#aaa;
}
.report-area {
	border:1px solid #555;
	border-radius:4px;
	padding:15px;
}
.report-header {
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #555;
}
.report-header h2 {
	margin:0;
}
.report-intro {
	font-size:12px;
	margin:4px 0 0;
}
#report-wrapper {
	position:relative;
	height:400px;
	margin:0 0 10px;
}
.report-time-frame {
	float:right;
	width:300px;
	text-align:right;
}
.report-time-frame-input {
	font-size:12px;
	width:66px;
	padding:5px;
	text-align:center;
}
.report-time-frame-select {
	font-size:12px;
	padding:4px;
}
.report-time-frame-submit {
	padding:6px;
	font-size:12px;
	vertical-align:bottom;
}
.report-detail-headers-container {
	background-color:var(--light-color);
	padding:11px 0 11px 11px;
	margin:10px 0 40px;
	display:flex;
}
.report-detail-header {
	border:1px solid var(--main-color);
	background-color:#fff;
	padding:10px;
	text-align:center;
	margin-right:10px;
	flex:1 0 0;
}
.report-detail-header-value {
	font-size:1.5em;
	margin:10px 0 5px;
}
.report-dimension-links {
	margin:0 0 8px;
}
.report-dimension-link {
	color:#666;
	display:inline-block;
	border-right:1px solid #eaf1f5;
	padding:3px 9px 3px 0;
	margin-right:8px;
	cursor:pointer;
}
.report-dimension-link:hover, .report-dimension-link-selected {
	color:var(--main-color);
}
.report-filter-table {
	table-layout:fixed;
	width:100%;
}
.report-filter-table th {
	background-color:var(--main-color);
	color:#fff;
	padding:6px 0 6px 4px;
	text-align:left;
	font-size:12px;
}
.report-filter-table td {
	padding:6px 0 6px 4px;
}
.report-filter-table td a {
	color:#555;
}
.report-filter-table tr {
	cursor:pointer;
}
.report-filter-table tr:nth-child(even) {
	background-color:#eaf1f5;
}
.report-filter-table tr.group-row {
	background-color:#b6d3e2;
}
.report-filter-table tr.group-product td:first-child {
	padding-left:15px;
}
.report-filter-table tr:hover {
	background-color:#538aa6;
	color:#fff;
}
.report-filter-table tr:hover a {
	color:#fff;
}

#menu:after, .login-row:after {
	content:'';
	display:block;
	clear:both;
}

.pager-container {
	text-align:right;
	margin:10px 0;
}
.pager-link {
	display:inline-block;
	height:24px;
	color:var(--main-color);
	text-align:center;
	margin:0 0 0 4px;
	text-decoration:none !important;
	cursor:pointer;
	line-height:24px;
	border:1px solid var(--main-color);
	padding:0 6px;
}
.pager-link:hover {
	background-color:var(--light-color);
	color:#5D9BA3;
	font-weight:500;
}
.pager-link-active {
	background-color:var(--main-color) !important;
	color:#fff !important;
	font-weight:500;
}

/* forms */

.form-container {
	border:1px solid #555;
	border-radius:10px;
}
.form-header {
	position:relative;
	padding:10px 25px;
	cursor:pointer;
}
.form-header.open {
	border-bottom:1px solid #555;
}
.form-container.collapsible .form-header.open:after {
	content:'';
	display:block;
	position:absolute;
	top:28px;
	right:28px;
	width:0; 
	height:0; 
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-bottom:15px solid #555;
}
.form-container.collapsible .form-header.collapsed:after {
	content:'';
	display:block;
	position:absolute;
	top:28px;
	right:28px;
	width:0; 
	height:0; 
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-top:15px solid #555;
}
.form-content {
	padding:10px 25px;
}
.form-container.collapsible .form-content {
	display:none;
}
.field-container {
	clear:left;
	margin:14px 0;
}
.field-label-container {
	float:left;
	width:300px;
}
.field-label-container label, .field-label-container-label {
	font-size:14px;
	line-height:32px;
}
.field-input-container {
	float:left;
	width:380px;
	position:relative;
}
.field-input-container input {
	width:320px;
}
.field-input-container input.half-input {
	width:145px;
	margin-right:9px;
}
.field-input-container input.half-input:last-child {
	margin-right:0;
}
.field-input-container select {
	width:338px;
}
.form-input-container {
	display:inline-block;
	position:relative;
}
.form-input-pre-fill {
	line-height:24px;
	height:24px;
	padding:3px 10px;
	font-weight:500;
	border:1px solid var(--main-color);
	border-radius:2px;
	background-color:#E7F3F3;
	display:inline-block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.form-error-header {
	padding:8px 10px;
	margin:30px 0;
	border-radius:4px;
	background:#f3961c;
	color:#fff;
	font-size:13px;
	text-align:center;
	font-weight:500;
}
.form-error-header p {
	margin:0;
	padding:0;
}
.form-error-header p.form-error-header-instruction {
	font-weight:400;
	margin:4px 0 0;	
	line-height:18px;
}
.form-error-header p.form-error-header-instruction a {
	color:#fff;
	text-decoration:underline;
}
.form-error {
	position:absolute;
	top:0px;
	right:-255px;
	width:230px;
	padding:8px 10px;
	border-radius:4px;
	background:#f3961c;
	color:#fff;
	font-size:13px;
	font-weight:500;
	z-index:20;
	box-shadow:2px 2px 2px #aaa;
}
.form-error p {
	margin:0;
	padding:0;
}
.form-error-instruction {
	font-size:12px;
	font-weight:400;
}
.form-error:after {
  content:"";
  position:absolute;
  top:6px;
  left:-14px;
  border-width:10px 14px 10px 0;
  border-style:solid;
  border-color:transparent #f3961c;
  display:block;
  width:0;
}
input[type=submit].action-button, input[type=reset].action-button {
	padding:6px 20px;
	font-size:13px;
	height:30px;
}
.button.action-button {
	padding:0 20px;
	font-size:13px;
	height:30px;
	line-height:30px;
}
.left-action-container {
	float:left;
	width:50%;
}
.right-action-container {
	float:right;
	width:50%;
	text-align:right;
}

/* Home Banners */

.calender_container {
	position:relative;
	clear:both;
	height:301px;
	margin:5px auto 20px;
	border:1px solid var(--main-color);
}
.calender_container.three-rows {
	height:241px;
}
.calender_header {
	width:25%;
	float:left;
	background-color:var(--main-color);
	color:#FFF;
	font-weight:500;
	height:32px;
	line-height:15px;
	text-align:center;
	padding:4px 0;
}
.calender_header span {
	display:block;
	font-size:0.8em;
	font-weight:400;
	line-height:20px;
}
.calender_day_marker {
	position:absolute;
	top:41px;
	bottom:0;
	width:1px;
	background-color:#ccc;
}
.calendar_day_marker_week_start {
	background-color:var(--main-color);
	top:0;
}
.calender_position_marker {
	position:absolute;
	height:1px;
	left:0;
	right:0;
	background-color:#ccc;
}
.calender_feature {
	display:block;
	position:absolute;
	height:60px;
	color:var(--main-color);
	text-decoration:none;
	font-weight:500;
}
.calender_feature_inner {
	background-color:#E5F1F1;
	padding:4px;
	border:1px solid var(--main-color);
	height:50px;
	overflow:hidden;
}
.calender_current_day {
	position:absolute;
	top:40px;
	bottom:0;
	width:2px;
	background-color:var(--main-color);
	pointer-events:none;
}
.calender_current_day:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:-9px;
	width:0; 
	height:0; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid var(--main-color);
}
.calender_current_day:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:-9px;
	width:0; 
	height:0; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid var(--main-color);
}

.progress_bar {
	height:8px;
	background-color:#ddd;
	margin:20px 0 60px;
}
.progress_bar_fill {
	background-color:var(--main-color);
	height:8px;
}
.progress_bar_text {
	position:relative;
	top:9px;
	text-align:right;
	white-space:nowrap;
}

.table-search {
	width:100%;
	padding:0.8em 0.5em;
	outline:none;
	background-color:#f6f6f6;
}

.standard-table {
	width:100%;
	margin:20px auto;
}
.standard-table th {
	background-color:var(--main-color);
	color:#fff;
	padding:8px 5px;
	text-align:left;
	font-size:13px;
	font-weight:500;
}
.standard-table th:first-child {
	border-radius:2px 0 0 2px;
}
.standard-table th:last-child {
	border-radius:0 2px 2px 0;
}
.standard-table th.center-align {
	text-align:center;
}
.standard-table th.right-align {
	text-align:right;
}
.standard-table td {
	border-bottom:1px solid #eee;
	padding:10px 6px;
	font-size:13px;
	vertical-align:top;
}
.standard-table td.restrictive-cell {
	max-width:300px;
}
.standard-table td.button-cell {
	border-bottom:1px solid #eee;
	padding:4px 5px 0 0;
	text-align:right;
}
.standard-table .group-row {
	background-color:var(--light-color);
}

.totals-table {
	margin-bottom:40px;
}
.search-option-container {
	display:inline-block;
	border-right:1px solid #eee;
	padding:8px 8px 4px;
	text-align:center;
}
.search-option-container:last-of-type {
	border:none;
}
.search-option-container label {
	display:block;
	margin-bottom:4px;
	font-weight:500;
	text-align:left;
}
.consignment-status-number {
	text-align:center;
	font-weight:500;
	font-size:32px;
}
.consignment-flag {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url(../images/consignment-flags.png);
	background-size:300% 200%;
}
.consignment-flag-express-delivery.active {
	background-position:0 100%;
}
.consignment-flag-international-delivery {
	background-position:50% 0;
}
.consignment-flag-international-delivery.active {
	background-position:50% 100%;
}
.consignment-flag-on-hold {
	background-position:100% 0;
}
.consignment-flag-on-hold.active {
	background-position:100% 100%;
}
.overdue-consignment {
	background-color:#FFEDED;
	border-color:#fff;
}
.due-consignment {
	background-color:#DCF2E0;
	border-color:#fff;
}
.overdue-consignment td, .due-consignment td {
	border-color:#fff;
}
.order-search-container {
	margin:0 0 10px;
}
.order-detail-header {
	margin-top:20px;
}
.order-detail-header-item {
	display:inline-block;
	margin-right:12px;
	font-size:14px;
	padding-right:16px;
	border-right:1px solid #ccc;
	line-height:20px;
}
.order-detail-header .order-detail-header-item:last-child {
	border-right:none;
}
.order-detail-container {
	margin:10px 0 40px;
	border:2px solid #eee;
	border-radius:12px;
	padding:12px;
}

.order-processing-note {
	background-color:var(--light-color);
	padding:2em 1.5em;
	margin-bottom:3em;
}
.order-processing-note-header div, .order-processing-note-footer div {
	float:left;
	margin-right:15px;
}
.order-processing-note-header {
    border-bottom: 1px solid #aaa;
    padding:0 0 0.3em;
}
.order-processing-note-footer {
	font-size:0.85em;
}
.order-processing-note-body {
	font-size:1.2em;
	padding:25px 0 15px;
}
.order-processing-note-comment {
	padding:15px;
	border:1px dashed #ccc;
	margin:25px 0 0;
	background-color:#FFFFE3;
}
.order-processing-comment-body {
	font-size:1.2em;
	padding:0 0 20px;
}
.order-processing-note-create-comment {
	background-color:#fff;
	padding:15px;
	border:1px solid #aaa;
	margin:25px 0 0;
}
.order-processing-note-create-comment h4 {
	margin:0 0 10px;
}

.order-processing-note-create {
	border:1px solid #000;
	padding:10px 20px 20px;
}
.order-note-create-options {
	width:450px;
}

.clearfix:after, .order-detail-container:after, .order-summary-row:after, .order-item:after, .invoice-address-line:after, .order-processing-note-header:after, .order-processing-note-footer:after {
	display:block;
	content:'';
	clear:both;
}
.order-detail-extended-column {
	float:left;
	width:290px;
	padding:10px;
	font-size:14px;
}
.order-detail-extended-column.double-column {
	width:415px;
	padding:10px 20px;
}
.address-line {
	margin:0 0 4px;
}


.payment-container {
	display:flex;
	margin:0 0 2em;
	border:1px solid #eee;
	border-radius:4px;
}
.payment-gateway {
	padding:2em;
	background-color:#eee;
	text-align:center;
	font-weight:500;
	flex:0 0 auto;
}
.payment-card {
	font-size:1.1em;
}
.payment-card span {
	font-weight:400;
}
.payment-amount {
	font-size:1.3em;
	margin:0.7em 0 0;
}
.payment-logo {
	width:160px;
}
.payment-gateway-name {
	font-size:1.8em;
	color:var(--main-color);
	margin:0;
}
.payment-details {
	padding:2em;
	flex:1 0 auto;
}
.payment-detail {
	display:block;
	margin:0 0 0.4em;
}
.payment-detail span {
	font-weight:500;
	display:inline-block;
	width:20%;
	min-width:180px;
}
.payment-actions {
	padding:2em;
	border-left:1px solid #eee;
}
.checkout-field-input-container {
	position:relative;
	display:inline-block;
	float:right;
}
.invoice-address-line {
	margin:4px 0;
}
.invoice-address-line input {
	float:right;
	font-size:13px;
	width:160px;
}
.invoice-address-line select {
	float:right;
	width:158px;
	font-size:13px;
}
.invoice-address-line label {
	line-height:30px;
}
.order-detail-extended-header {
	font-weight:500;
	font-size:15px;
	margin:0 0 12px;
}
.order-summary-row {
	margin:0 0 5px;
}
.order-summary-label {
	float:left;
	width:160px;
}
.order-summary-value {
	float:left;
	width:125px;
	text-align:right;
}
.error {
	color:#f00;
}
.order-consignment-title {
	font-weight:500;
	margin:0;
}
.order-consignment-header {
	margin:8px 0 20px;
}
.consignment-actions {
	text-align:right;
	margin:2em 0;
}
.consignment-action-button {
	display:block;
	width:226px;
	height:32px;
	line-height:32px;
	margin-bottom:10px;
	text-align:center;
	font-size:14px;
}
.track-delivery-button {
	margin-bottom:20px;
}
.order-items-container {
	float:left;
	width:650px;
	padding:10px 0 0;
}
.order-item {
	margin-bottom:30px;
}
.order-items-container .order-item:last-child {
	margin-bottom:20px;
}
.order-item-image {
	float:left;
	width:100px;
	height:100px;
	margin-right:20px;
}
.order-item-detail-container {
	float:right;
	width:530px;
	height:100px;
	position:relative;
}
.order-item-title {
	font-weight:500;
	font-size:15px;
}
.order-item-detail {
	margin:3px 0 0;
}
.order-item-amount {
	font-weight:500;
}

.phone-number-input-container {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	float:right;
}
.phone-number-input-with-country-code {
	text-indent:75px;
}
.phone-number-region-select {
	position:absolute;
	top:4px;
	left:4px;
	height:16px;
}
.phone-number-region-select-selected {
	line-height:16px;
	background-color:#dbdbdb;
	background:linear-gradient(#fff, #dbdbdb);
	border:1px solid #bcbcbc;
	border-radius:2px;
	font-weight:500;
	padding:2px 20px 2px 5px;
	cursor:pointer;
}
.phone-number-region-select-selected:after {
	content:'.';
	line-height:0;
	font-size:0;
	color:transparent;
	display:block;
	position:absolute;
	right:5px;
	top:9px;
	height:5px;
	width:10px;
	background:url(../images/drop-down-arrow_2x.png) top right no-repeat, linear-gradient(#fff, #dbdbdb);
	background-size:10px 5px;
}
.phone-number-region-select .flag {
	vertical-align:middle;
	position:relative;
	top:-1px;
}
.phone-number-region-select-list {
	display:none;
	position:absolute;
	top:22px;
	left:0;
	width:250px;
	padding:2px 0;
	border:1px solid #bcbcbc;
	background-color:#fbfbfb;
	z-index:10;
}
.phone-number-region-select-option {
	padding:2px 5px;
	font-weight:500;
	cursor:pointer;
}

.account-request-review-container
{
	font-size:14px;
	margin:0 0 80px;
}
.account-request-review-header
{
	border-bottom:1px solid #333;
}
.account-request-review-header h2
{
	float:left;
	width:300px;
	margin:0;
	text-align: left;
}
a.account-request-update-link
{
	float:right;
	width:100px;
	text-align:right;
}
.account-request-review-value-container
{
	margin:20px 0;
}
.account-request-review-value-container:after, .account-request-review-header:after
{
	content:'';
	display:block;
	clear:both;
}
.account-request-review-label
{
	float:left;
	width:300px;
	font-weight:500;
}
.account-request-review-value-container.indented
{
	font-size:13px;
}
.account-request-review-value-container.indented .account-request-review-label
{
	margin-left:15px;
	width:285px;
}
.account-request-review-value
{
	float:left;
	width:500px;
}
.account-request-review-value p
{
	margin:0 0 10px;
}

.form {
	display:grid;
	width:60%;
    grid-template-columns: max-content auto;
	grid-column-gap: 6em;
	margin:2em auto;
}
.form-column {
	position:relative;
	box-sizing: border-box;
	text-align:left;
	margin:1em 0;
}
.form-full-width {
	max-width:none;
}
.form-full-width .form-column:nth-child(odd) {
	flex: 1 1 25%;
}
.form-full-width .form-column:nth-child(even) {
	flex: 1 1 75%;
}
.form-column p {
	margin:0 0 0.5em;
}
.form-column input, .form-column select {
	width:100%;
}
.form-column textarea {
	width:100%;
	width:calc(100% + 16px);
	resize: vertical;
	box-sizing: border-box;
	height:10em;
	font-family:Roboto,Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size:14px;
	line-height:1.4em;
}
.form-column input[type=checkbox] {
	width:auto;
}
.form-column input.reduced-input {
	width:75%;
}

.input-search-option {
	margin:0.5em 0;
	border:1px solid #888;
	border-radius:3px;
	position:relative;
	padding:0.5em 2em 0.5em 0.5em;
	background-color:#fafafa;
}
.destroy-option {
	position:absolute;
	right:0.5em;
	top:0.5em;
	color:#f00;
	font-weight:500;
	cursor:pointer;
}

.calendar-title {
	display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start;
	width:100%;
	margin:3em 0 0.5em;
}

.calendar-title a {
	font-size:2em;
	color:#555;
	font-weight:500;
}

.calendar-title h2 {
	margin:0;
	flex:1;
	text-align:center;
}

.calendar-grid-row {
	display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
	width:100%;
}

.calendar-grid-header {
	flex:1;
	background-color:var(--main-color);
	color:#fff;
	padding:8px 5px;
	text-align:center;
}

.calendar-grid-cell {
	flex:1;
	display:block;
	height:3em;
	padding:0.5em;
	margin:2px;
	font-size:2em;
	border-collapse: collapse;
	border:2px solid #fff;
}

a.calendar-day {
	background-color:#f9f9f9;
	border-color:#ddd;
	text-align:right;
	position:relative;
}

a.working-day {
	background-color:#fff;
}

a.current-day {
	font-weight:bold;
	border-color:#555;
}

.capacity-reached {
	color:#b73405;
}

.calendar-notes {
	position:absolute;
	bottom:0.5em;
	left:0.5em;
	font-size:0.45em;
	text-align:left;
}

.calendar-note {
	font-weight:400;
	padding:0.2em 0 0;
}

.settings-complexity-container {
	text-align:right;
	margin:2em 0;
}

.settings-complexity-option {
	display:inline-block;
	color:#aaa;
	cursor:pointer;
	border-left:1px solid #ccc;
	padding:0.25em 0.4em;
}

#hue-cursor-containment {
	border:1px solid #555;
	border-radius:2px;
}

.hue-select {
	margin:5px;
	display:flex;
    flex-wrap:nowrap;
	position:relative;
}

.hue-cursor {
	width:12px;
	height:34px;
	position:absolute;
	z-index:200;
	bottom:-5px;
	box-sizing:border-box;
}

.hue-cursor:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 6px 0 6px;
	border-color: #333 transparent transparent transparent;
}

.hue-cursor:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 9px 6px;
	border-color:transparent transparent #333 transparent;
}

.color-option {
	flex:1;
	display:block;
	height:24px;
}

.settings-complexity-option:first-of-type {
	border:none;
}

.settings-complexity-option.selected {
	color:var(--main-color);
}

.settings-panel {
    display:flex;
    flex-wrap:wrap;
	margin:0 0 4em;
}

.config-group-menu {
    flex-grow:1;
	border-radius:10px 0 0 10px;
}

.config-group-menu-item {
	padding:1.5em 0.75em;
	margin:0 0 0.5em;
	cursor:pointer;
}

.config-group-menu-item.selected {
	background-color:var(--main-color);
	color:#fff;
}

.config-group-container {
	flex:1;
    flex-grow:30;
	border-left:3px solid var(--main-color);
	padding-left:2em;
}

.config-group-container h2 {
	font-size:1.25em;
	margin:3em 0 1em;
	border-bottom:1px solid #ccc;
	padding:0.2em 0;
	text-align:left;
}

#page .config-group-container .setting-group:first-of-type h2 {
	margin:0 0 1em;
}

.settings {
	display:table;
	width:100%;
}

.setting {
	display:table-row;
}

.advanced {
	display:none;
}

.advanced.active {
	display:block;
}

.setting.advanced.active {
	display:table-row;
}

.setting-label {
	display:table-cell;
	padding:1em 4em 1em 1em;
	white-space:nowrap;
	vertical-align:middle;
}
.setting-top-label {
	vertical-align:top;
	line-height:30px;
}

.setting-value {
	display:table-cell;
	padding:1em;
	width:100%;
}
.setting-currency-option {
	display:flex;
	padding:0.1em 0;
	align-items:center;
}
.setting-currency-option span {
	min-width:40px;
	flex:0 0 auto;
	font-weight:500;
}
.setting-currency-option input[type=checkbox] {
	margin:0;
}
.setting-value input[type="text"], .setting-value input[type="password"], .setting-value select {
	width:100%;
	box-sizing:border-box;
}

.setting-array-value {
	display:flex;
	align-items:center;
	margin:0 0 0.75em;
}

.setting-remove-input {
	cursor:pointer;
	color:#f00;
	margin:0 0 0 0.75em;
}

.review-stars {
    font-size: 1.5em !important;
    line-height: 1;
}

.flag {
	display: inline-block;
	background: url(../images/flags32.png) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	background-size:256px 272px;
}
 
.flag-ad { background-position: -0px -0px; width: 16px; height: 16px; }
.flag-ae { background-position: -16px -0px; width: 16px; height: 16px; }
.flag-af { background-position: -32px -0px; width: 16px; height: 16px; }
.flag-ag { background-position: -48px -0px; width: 16px; height: 16px; }
.flag-ai { background-position: -64px -0px; width: 16px; height: 16px; }
.flag-al { background-position: -80px -0px; width: 16px; height: 16px; }
.flag-am { background-position: -96px -0px; width: 16px; height: 16px; }
.flag-an { background-position: -112px -0px; width: 16px; height: 16px; }
.flag-ao { background-position: -128px -0px; width: 16px; height: 16px; }
.flag-aq { background-position: -144px -0px; width: 16px; height: 16px; }
.flag-ar { background-position: -160px -0px; width: 16px; height: 16px; }
.flag-as { background-position: -176px -0px; width: 16px; height: 16px; }
.flag-at { background-position: -192px -0px; width: 16px; height: 16px; }
.flag-au { background-position: -208px -0px; width: 16px; height: 16px; }
.flag-aw { background-position: -224px -0px; width: 16px; height: 16px; }
.flag-ax { background-position: -240px -0px; width: 16px; height: 16px; }
.flag-az { background-position: -0px -16px; width: 16px; height: 16px; }
.flag-ba { background-position: -16px -16px; width: 16px; height: 16px; }
.flag-bb { background-position: -32px -16px; width: 16px; height: 16px; }
.flag-bd { background-position: -48px -16px; width: 16px; height: 16px; }
.flag-be { background-position: -64px -16px; width: 16px; height: 16px; }
.flag-bf { background-position: -80px -16px; width: 16px; height: 16px; }
.flag-bg { background-position: -96px -16px; width: 16px; height: 16px; }
.flag-bh { background-position: -112px -16px; width: 16px; height: 16px; }
.flag-bi { background-position: -128px -16px; width: 16px; height: 16px; }
.flag-bj { background-position: -144px -16px; width: 16px; height: 16px; }
.flag-bl { background-position: -160px -16px; width: 16px; height: 16px; }
.flag-bm { background-position: -176px -16px; width: 16px; height: 16px; }
.flag-bn { background-position: -192px -16px; width: 16px; height: 16px; }
.flag-bo { background-position: -208px -16px; width: 16px; height: 16px; }
.flag-br { background-position: -224px -16px; width: 16px; height: 16px; }
.flag-bs { background-position: -240px -16px; width: 16px; height: 16px; }
.flag-bt { background-position: -0px -32px; width: 16px; height: 16px; }
.flag-bw { background-position: -16px -32px; width: 16px; height: 16px; }
.flag-by { background-position: -32px -32px; width: 16px; height: 16px; }
.flag-bz { background-position: -48px -32px; width: 16px; height: 16px; }
.flag-ca { background-position: -64px -32px; width: 16px; height: 16px; }
.flag-cc { background-position: -80px -32px; width: 16px; height: 16px; }
.flag-cd { background-position: -96px -32px; width: 16px; height: 16px; }
.flag-cf { background-position: -112px -32px; width: 16px; height: 16px; }
.flag-cg { background-position: -128px -32px; width: 16px; height: 16px; }
.flag-ch { background-position: -144px -32px; width: 16px; height: 16px; }
.flag-ci { background-position: -160px -32px; width: 16px; height: 16px; }
.flag-ck { background-position: -176px -32px; width: 16px; height: 16px; }
.flag-cl { background-position: -192px -32px; width: 16px; height: 16px; }
.flag-cm { background-position: -208px -32px; width: 16px; height: 16px; }
.flag-cn { background-position: -224px -32px; width: 16px; height: 16px; }
.flag-co { background-position: -240px -32px; width: 16px; height: 16px; }
.flag-cr { background-position: -0px -48px; width: 16px; height: 16px; }
.flag-cu { background-position: -16px -48px; width: 16px; height: 16px; }
.flag-cv { background-position: -32px -48px; width: 16px; height: 16px; }
.flag-cw { background-position: -48px -48px; width: 16px; height: 16px; }
.flag-cx { background-position: -64px -48px; width: 16px; height: 16px; }
.flag-cy { background-position: -80px -48px; width: 16px; height: 16px; }
.flag-cz { background-position: -96px -48px; width: 16px; height: 16px; }
.flag-de { background-position: -112px -48px; width: 16px; height: 16px; }
.flag-dj { background-position: -128px -48px; width: 16px; height: 16px; }
.flag-dk { background-position: -144px -48px; width: 16px; height: 16px; }
.flag-dm { background-position: -160px -48px; width: 16px; height: 16px; }
.flag-do { background-position: -176px -48px; width: 16px; height: 16px; }
.flag-dz { background-position: -192px -48px; width: 16px; height: 16px; }
.flag-ec { background-position: -208px -48px; width: 16px; height: 16px; }
.flag-ee { background-position: -224px -48px; width: 16px; height: 16px; }
.flag-eg { background-position: -240px -48px; width: 16px; height: 16px; }
.flag-eh { background-position: -0px -64px; width: 16px; height: 16px; }
.flag-er { background-position: -16px -64px; width: 16px; height: 16px; }
.flag-es { background-position: -32px -64px; width: 16px; height: 16px; }
.flag-et { background-position: -48px -64px; width: 16px; height: 16px; }
.flag-eu { background-position: -64px -64px; width: 16px; height: 16px; }
.flag-fi { background-position: -80px -64px; width: 16px; height: 16px; }
.flag-fj { background-position: -96px -64px; width: 16px; height: 16px; }
.flag-fk { background-position: -112px -64px; width: 16px; height: 16px; }
.flag-fm { background-position: -128px -64px; width: 16px; height: 16px; }
.flag-fo { background-position: -144px -64px; width: 16px; height: 16px; }
.flag-fr { background-position: -160px -64px; width: 16px; height: 16px; }
.flag-ga { background-position: -176px -64px; width: 16px; height: 16px; }
.flag-gb { background-position: -192px -64px; width: 16px; height: 16px; }
.flag-gd { background-position: -208px -64px; width: 16px; height: 16px; }
.flag-ge { background-position: -224px -64px; width: 16px; height: 16px; }
.flag-gg { background-position: -240px -64px; width: 16px; height: 16px; }
.flag-gh { background-position: -0px -80px; width: 16px; height: 16px; }
.flag-gi { background-position: -16px -80px; width: 16px; height: 16px; }
.flag-gl { background-position: -32px -80px; width: 16px; height: 16px; }
.flag-gm { background-position: -48px -80px; width: 16px; height: 16px; }
.flag-gn { background-position: -64px -80px; width: 16px; height: 16px; }
.flag-gq { background-position: -80px -80px; width: 16px; height: 16px; }
.flag-gr { background-position: -96px -80px; width: 16px; height: 16px; }
.flag-gs { background-position: -112px -80px; width: 16px; height: 16px; }
.flag-gt { background-position: -128px -80px; width: 16px; height: 16px; }
.flag-gu { background-position: -144px -80px; width: 16px; height: 16px; }
.flag-gw { background-position: -160px -80px; width: 16px; height: 16px; }
.flag-gy { background-position: -176px -80px; width: 16px; height: 16px; }
.flag-hk { background-position: -192px -80px; width: 16px; height: 16px; }
.flag-hn { background-position: -208px -80px; width: 16px; height: 16px; }
.flag-hr { background-position: -224px -80px; width: 16px; height: 16px; }
.flag-ht { background-position: -240px -80px; width: 16px; height: 16px; }
.flag-hu { background-position: -0px -96px; width: 16px; height: 16px; }
.flag-ic { background-position: -16px -96px; width: 16px; height: 16px; }
.flag-id { background-position: -32px -96px; width: 16px; height: 16px; }
.flag-ie { background-position: -48px -96px; width: 16px; height: 16px; }
.flag-il { background-position: -64px -96px; width: 16px; height: 16px; }
.flag-im { background-position: -80px -96px; width: 16px; height: 16px; }
.flag-in { background-position: -96px -96px; width: 16px; height: 16px; }
.flag-iq { background-position: -112px -96px; width: 16px; height: 16px; }
.flag-ir { background-position: -128px -96px; width: 16px; height: 16px; }
.flag-is { background-position: -144px -96px; width: 16px; height: 16px; }
.flag-it { background-position: -160px -96px; width: 16px; height: 16px; }
.flag-je { background-position: -176px -96px; width: 16px; height: 16px; }
.flag-jm { background-position: -192px -96px; width: 16px; height: 16px; }
.flag-jo { background-position: -208px -96px; width: 16px; height: 16px; }
.flag-jp { background-position: -224px -96px; width: 16px; height: 16px; }
.flag-ke { background-position: -240px -96px; width: 16px; height: 16px; }
.flag-kg { background-position: -0px -112px; width: 16px; height: 16px; }
.flag-kh { background-position: -16px -112px; width: 16px; height: 16px; }
.flag-ki { background-position: -32px -112px; width: 16px; height: 16px; }
.flag-km { background-position: -48px -112px; width: 16px; height: 16px; }
.flag-kn { background-position: -64px -112px; width: 16px; height: 16px; }
.flag-kp { background-position: -80px -112px; width: 16px; height: 16px; }
.flag-kr { background-position: -96px -112px; width: 16px; height: 16px; }
.flag-kw { background-position: -112px -112px; width: 16px; height: 16px; }
.flag-ky { background-position: -128px -112px; width: 16px; height: 16px; }
.flag-kz { background-position: -144px -112px; width: 16px; height: 16px; }
.flag-la { background-position: -160px -112px; width: 16px; height: 16px; }
.flag-lb { background-position: -176px -112px; width: 16px; height: 16px; }
.flag-lc { background-position: -192px -112px; width: 16px; height: 16px; }
.flag-li { background-position: -208px -112px; width: 16px; height: 16px; }
.flag-lk { background-position: -224px -112px; width: 16px; height: 16px; }
.flag-lr { background-position: -240px -112px; width: 16px; height: 16px; }
.flag-ls { background-position: -0px -128px; width: 16px; height: 16px; }
.flag-lt { background-position: -16px -128px; width: 16px; height: 16px; }
.flag-lu { background-position: -32px -128px; width: 16px; height: 16px; }
.flag-lv { background-position: -48px -128px; width: 16px; height: 16px; }
.flag-ly { background-position: -64px -128px; width: 16px; height: 16px; }
.flag-ma { background-position: -80px -128px; width: 16px; height: 16px; }
.flag-mc { background-position: -96px -128px; width: 16px; height: 16px; }
.flag-md { background-position: -112px -128px; width: 16px; height: 16px; }
.flag-me { background-position: -128px -128px; width: 16px; height: 16px; }
.flag-mf { background-position: -144px -128px; width: 16px; height: 16px; }
.flag-mg { background-position: -160px -128px; width: 16px; height: 16px; }
.flag-mh { background-position: -176px -128px; width: 16px; height: 16px; }
.flag-mk { background-position: -192px -128px; width: 16px; height: 16px; }
.flag-ml { background-position: -208px -128px; width: 16px; height: 16px; }
.flag-mm { background-position: -224px -128px; width: 16px; height: 16px; }
.flag-mn { background-position: -240px -128px; width: 16px; height: 16px; }
.flag-mo { background-position: -0px -144px; width: 16px; height: 16px; }
.flag-mp { background-position: -16px -144px; width: 16px; height: 16px; }
.flag-mq { background-position: -32px -144px; width: 16px; height: 16px; }
.flag-mr { background-position: -48px -144px; width: 16px; height: 16px; }
.flag-ms { background-position: -64px -144px; width: 16px; height: 16px; }
.flag-mt { background-position: -80px -144px; width: 16px; height: 16px; }
.flag-mu { background-position: -96px -144px; width: 16px; height: 16px; }
.flag-mv { background-position: -112px -144px; width: 16px; height: 16px; }
.flag-mw { background-position: -128px -144px; width: 16px; height: 16px; }
.flag-mx { background-position: -144px -144px; width: 16px; height: 16px; }
.flag-my { background-position: -160px -144px; width: 16px; height: 16px; }
.flag-mz { background-position: -176px -144px; width: 16px; height: 16px; }
.flag-na { background-position: -192px -144px; width: 16px; height: 16px; }
.flag-nc { background-position: -208px -144px; width: 16px; height: 16px; }
.flag-ne { background-position: -224px -144px; width: 16px; height: 16px; }
.flag-nf { background-position: -240px -144px; width: 16px; height: 16px; }
.flag-ng { background-position: -0px -160px; width: 16px; height: 16px; }
.flag-ni { background-position: -16px -160px; width: 16px; height: 16px; }
.flag-nl { background-position: -32px -160px; width: 16px; height: 16px; }
.flag-no { background-position: -48px -160px; width: 16px; height: 16px; }
.flag-np { background-position: -64px -160px; width: 16px; height: 16px; }
.flag-nr { background-position: -80px -160px; width: 16px; height: 16px; }
.flag-nu { background-position: -96px -160px; width: 16px; height: 16px; }
.flag-nz { background-position: -112px -160px; width: 16px; height: 16px; }
.flag-om { background-position: -128px -160px; width: 16px; height: 16px; }
.flag-pa { background-position: -144px -160px; width: 16px; height: 16px; }
.flag-pe { background-position: -160px -160px; width: 16px; height: 16px; }
.flag-pf { background-position: -176px -160px; width: 16px; height: 16px; }
.flag-pg { background-position: -192px -160px; width: 16px; height: 16px; }
.flag-ph { background-position: -208px -160px; width: 16px; height: 16px; }
.flag-pk { background-position: -224px -160px; width: 16px; height: 16px; }
.flag-pl { background-position: -240px -160px; width: 16px; height: 16px; }
.flag-pn { background-position: -0px -176px; width: 16px; height: 16px; }
.flag-pr { background-position: -16px -176px; width: 16px; height: 16px; }
.flag-ps { background-position: -32px -176px; width: 16px; height: 16px; }
.flag-pt { background-position: -48px -176px; width: 16px; height: 16px; }
.flag-pw { background-position: -64px -176px; width: 16px; height: 16px; }
.flag-py { background-position: -80px -176px; width: 16px; height: 16px; }
.flag-qa { background-position: -96px -176px; width: 16px; height: 16px; }
.flag-ro { background-position: -112px -176px; width: 16px; height: 16px; }
.flag-rs { background-position: -128px -176px; width: 16px; height: 16px; }
.flag-ru { background-position: -144px -176px; width: 16px; height: 16px; }
.flag-rw { background-position: -160px -176px; width: 16px; height: 16px; }
.flag-sa { background-position: -176px -176px; width: 16px; height: 16px; }
.flag-sb { background-position: -192px -176px; width: 16px; height: 16px; }
.flag-sc { background-position: -208px -176px; width: 16px; height: 16px; }
.flag-sd { background-position: -224px -176px; width: 16px; height: 16px; }
.flag-se { background-position: -240px -176px; width: 16px; height: 16px; }
.flag-sg { background-position: -0px -192px; width: 16px; height: 16px; }
.flag-sh { background-position: -16px -192px; width: 16px; height: 16px; }
.flag-si { background-position: -32px -192px; width: 16px; height: 16px; }
.flag-sk { background-position: -48px -192px; width: 16px; height: 16px; }
.flag-sl { background-position: -64px -192px; width: 16px; height: 16px; }
.flag-sm { background-position: -80px -192px; width: 16px; height: 16px; }
.flag-sn { background-position: -96px -192px; width: 16px; height: 16px; }
.flag-so { background-position: -112px -192px; width: 16px; height: 16px; }
.flag-sr { background-position: -128px -192px; width: 16px; height: 16px; }
.flag-ss { background-position: -144px -192px; width: 16px; height: 16px; }
.flag-st { background-position: -160px -192px; width: 16px; height: 16px; }
.flag-sv { background-position: -176px -192px; width: 16px; height: 16px; }
.flag-sy { background-position: -192px -192px; width: 16px; height: 16px; }
.flag-sz { background-position: -208px -192px; width: 16px; height: 16px; }
.flag-tc { background-position: -224px -192px; width: 16px; height: 16px; }
.flag-td { background-position: -240px -192px; width: 16px; height: 16px; }
.flag-tf { background-position: -0px -208px; width: 16px; height: 16px; }
.flag-tg { background-position: -16px -208px; width: 16px; height: 16px; }
.flag-th { background-position: -32px -208px; width: 16px; height: 16px; }
.flag-tj { background-position: -48px -208px; width: 16px; height: 16px; }
.flag-tk { background-position: -64px -208px; width: 16px; height: 16px; }
.flag-tl { background-position: -80px -208px; width: 16px; height: 16px; }
.flag-tm { background-position: -96px -208px; width: 16px; height: 16px; }
.flag-tn { background-position: -112px -208px; width: 16px; height: 16px; }
.flag-to { background-position: -128px -208px; width: 16px; height: 16px; }
.flag-tr { background-position: -144px -208px; width: 16px; height: 16px; }
.flag-tt { background-position: -160px -208px; width: 16px; height: 16px; }
.flag-tv { background-position: -176px -208px; width: 16px; height: 16px; }
.flag-tw { background-position: -192px -208px; width: 16px; height: 16px; }
.flag-tz { background-position: -208px -208px; width: 16px; height: 16px; }
.flag-ua { background-position: -224px -208px; width: 16px; height: 16px; }
.flag-ug { background-position: -240px -208px; width: 16px; height: 16px; }
.flag-us { background-position: -0px -224px; width: 16px; height: 16px; }
.flag-uy { background-position: -16px -224px; width: 16px; height: 16px; }
.flag-uz { background-position: -32px -224px; width: 16px; height: 16px; }
.flag-va { background-position: -48px -224px; width: 16px; height: 16px; }
.flag-vc { background-position: -64px -224px; width: 16px; height: 16px; }
.flag-ve { background-position: -80px -224px; width: 16px; height: 16px; }
.flag-vg { background-position: -96px -224px; width: 16px; height: 16px; }
.flag-vi { background-position: -112px -224px; width: 16px; height: 16px; }
.flag-vn { background-position: -128px -224px; width: 16px; height: 16px; }
.flag-vu { background-position: -144px -224px; width: 16px; height: 16px; }
.flag-wf { background-position: -160px -224px; width: 16px; height: 16px; }
.flag-ws { background-position: -176px -224px; width: 16px; height: 16px; }
.flag-ye { background-position: -192px -224px; width: 16px; height: 16px; }
.flag-yt { background-position: -208px -224px; width: 16px; height: 16px; }
.flag-za { background-position: -224px -224px; width: 16px; height: 16px; }
.flag-zm { background-position: -240px -224px; width: 16px; height: 16px; }
.flag-zw { background-position: -0px -240px; width: 16px; height: 16px; }
.flag-abkhazia { background-position: -16px -240px; width: 16px; height: 16px; }
.flag-basque-country { background-position: -32px -240px; width: 16px; height: 16px; }
.flag-british-antarctic-territory { background-position: -48px -240px; width: 16px; height: 16px; }
.flag-commonwealth { background-position: -64px -240px; width: 16px; height: 16px; }
.flag-england { background-position: -80px -240px; width: 16px; height: 16px; }
.flag-gosquared { background-position: -96px -240px; width: 16px; height: 16px; }
.flag-kosovo { background-position: -112px -240px; width: 16px; height: 16px; }
.flag-mars { background-position: -128px -240px; width: 16px; height: 16px; }
.flag-nagorno-karabakh { background-position: -144px -240px; width: 16px; height: 16px; }
.flag-nato { background-position: -160px -240px; width: 16px; height: 16px; }
.flag-northern-cyprus { background-position: -176px -240px; width: 16px; height: 16px; }
.flag-olympics { background-position: -192px -240px; width: 16px; height: 16px; }
.flag-red-cross { background-position: -208px -240px; width: 16px; height: 16px; }
.flag-scotland { background-position: -224px -240px; width: 16px; height: 16px; }
.flag-somaliland { background-position: -240px -240px; width: 16px; height: 16px; }
.flag-south-ossetia { background-position: -0px -256px; width: 16px; height: 16px; }
.flag-united-nations { background-position: -16px -256px; width: 16px; height: 16px; }
.flag-unknown { background-position: -32px -256px; width: 16px; height: 16px; }
.flag-wales { background-position: -48px -256px; width: 16px; height: 16px; }