:root {
	--fc-input-btn-height: 40px;
	--fc-border-radius: 0px;

	--fc-color-main: #0e4788;
	
	--fc-bg-color-secondary: #dcdde0;

	--fc-color-on-bg-color-main: white;
	--fc-color-on-bg-color-secondary: #4c4c4c;

	--fc-font-weight-strong: 700;
	--fc-font-size-main: 14px;

	--fc-input-font-size: 16px;
	--fc-input-placeholder-color: #999;
}

body {
	margin : 0;
	font-family: sans-serif;
	font-size: var(--fc-font-size-main);
	line-height: 1.5;
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.fc-input {
	height: var(--fc-input-btn-height);
	padding: 0;
	padding-left: 15px;
	border: 0;
	border-radius: var(--fc-border-radius);
	font-size: var(--fc-input-font-size);
}

.fc-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: var(--fc-input-font-size);
  font-weight: var(--fc-font-weight-strong);
  color: var(--fc-input-placeholder-color);
}
.fc-input::-moz-placeholder { /* Firefox 19+ */
  font-size: var(--fc-input-font-size);
  font-weight: var(--fc-font-weight-strong);
  color: var(--fc-input-placeholder-color);
}
.fc-input:-ms-input-placeholder { /* IE 10+ */
  font-size: var(--fc-input-font-size);
  font-weight: var(--fc-font-weight-strong);
  color: var(--fc-input-placeholder-color);
}
.fc-input:-moz-placeholder { /* Firefox 18- */
  font-size: var(--fc-input-font-size);
  font-weight: var(--fc-font-weight-strong);
  color: var(--fc-input-placeholder-color);
}

.fc-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: var(--fc-input-btn-height);
	border : 0;
	border-radius: var(--fc-border-radius);
	font-weight: var(--fc-font-weight-strong);
	font-size: var(--fc-font-size-main);
	background-color: var(--fc-bg-color-secondary);
	color: var(--fc-color-on-bg-color-secondary);
	cursor : pointer;
	padding: 0 25px;
}

.fc-input-btn-group {
	display: flex;
	flex-flow: row nowrap;
	height: var(--fc-input-btn-height);
}

@media (min-width: 768px) {
    .fc-input-btn-group {
        padding-right: 100px;
    }
}

.fc-input-btn-group > .fc-input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	height: 100%;
}

.fc-input-btn-group > .fc-btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 100%;
}

.fc-hide {
	display: none;
}

/* fc-border */

.fc-border-bottom {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

/* fc-flex */

.fc-flex {
	display: flex;
}

.fc-flex.fc-row {
	felx: row wrap;
}

.fc-flex.fc-space-between {
	justify-content: space-between;
}

.fc-flex.fc-space-around {
	justify-content: space-around;
}

.fc-flex.fc-center {
	justify-content: center;
}