﻿/*General style*/
html, body {
	width: 100%;
	height: 100%;
	font-family: 'Velino-Sans', Helvetica, Arial, sans-serif;
	color: #474747;
	background: #e6e6e6;
}
/*Button style*/
.b-button {
	font-size: 1.1rem;
	font-family: 'Velino-Sans-Medium';
	text-transform: uppercase;
	background: #934711;
}

.b-button:hover,
.b-button:focus,
.b-button:active,
.b-button:active:focus {
	background: #562707;
	color: white;
	outline: none;
	box-shadow: none;
}


a.b-button,
a.b-button:hover,
a.b-button:visited,
a.b-button:active {
	text-decoration: none;
}

.b-btn-border,
.b-btn-border:focus,
.b-btn-border:active,
.b-btn-border:active:focus {
	background: transparent;
	border: 2px solid #934711;
	color: #934711;
	margin: 0;
	width: 100%;
}

.b-btn-border:hover {
	background: #934711;
	color: white;
}

.b-btn-border:focus:not(:hover) {
	background: #562707;
	color: white;
	border: 2px solid #562707;
}

.b-btn-border:hover {
	outline: none;
	box-shadow: none;
	border: 2px solid #934711;
}

.b-link {
	color: #934711;
	font-family: 'Velino-Sans-Bold';
	text-decoration: none;
	justify-content: flex-end;
}

.b-link:hover,
.b-link:focus-visible {
	color: #562707;
	text-decoration: underline;
	outline: none;
}
/*Border style*/
.b-border-top {
	border-top: 1px solid #E6E6E6;
}

.b-border-bottom {
	border-bottom: 1px solid #E6E6E6;
}
/*Form field style*/
.b-form-field .b-head .b-required {
	color: #934711;
}

.b-form-field .b-head .b-ro {
	color: #B4B4B4;
}
/*Textbox style*/
.b-textbox input {
	font-family: 'Velino-Sans-Bold';
	background: transparent;
	color: #474747;
}

/* List view style*/
.b-listview {
	border-top: 1px solid #E6E6E6;
}

.b-listview-item{
	border-bottom: 1px solid #E6E6E6;
}

a.b-listview-title.b-item-link:not(:hover) {
	color: #474747;
}

.b-listview-title.b-item-link:hover,
.b-listview-title.b-item-link:focus {
	color: #934711;
	cursor: pointer;
}

.b-listview-description {
	color: #737576;
	line-height: 1.5em;
	font-size: .8rem;
}
/* Drop down style*/
.b-dropdown .b-select:focus-visible {
	outline: 1px solid #934711;
}
/* Tiles box style */
.b-tilesbox .b-tilesbox-item {
	background: #ebebeb;
}
.b-tilesbox-item input[type="radio"]:checked {
	background: #934711;
}
.b-tilesbox-item input[type="radio"]:checked ~ .b-tilesbox-content label {
	color: #fff;
}
.b-tilesbox .b-tilesbox-item:focus-visible {
	outline: none;
	border: 1px solid #934711;
}
/*Common form field style*/
.b-dropdown .b-select:hover,
.b-textbox input:hover,
.b-textbox input[readonly]:focus {
	outline-color: #B4B4B4;
	background-color: #fff;
}

.b-dropdown .b-select.b-active,
.b-textbox input.input-validation-error:focus,
.b-textbox input:focus {
	outline-color: #934711;
	background-color: #fff;
}
/*CSS styles if first step is selected */
.b-selected-tile.b-first .b-step-button:nth-child(1) {
	background-color: #934711;
	color: #fff;
}

.b-selected-tile.b-first .b-step-button:not(:nth-child(1)) {
	border: 1px solid #B4B4B4;
}

/*CSS styles if second step is selected */
.b-selected-tile.b-second .b-step-button-separator:nth-child(2) {
	border-color: #934711;
}

.b-selected-tile.b-second .b-step-button:nth-child(5) {
	border: 1px solid #B4B4B4;
}

.b-selected-tile.b-second .b-step-button:nth-child(3) {
	background-color: #934711;
	color: #fff;
}

/*CSS styles if third step is selected */
.b-selected-tile.b-third .b-step-button:nth-child(5) {
	background-color: #934711;
	color: #fff;
}

.b-selected-tile.b-third .b-step-button-separator:nth-child(n+2) {
	border-color: #934711;
}
/*Logo style */
.b-logo {
	width: 5.5em;
	height: 5em;
	background-repeat: no-repeat;
	background-image: url(../images/mobile_logo.svg);
}
/*Media screen*/
@media screen and (min-width: 768px) {
	.b-logo {
		width: 19em;
		height: 6.2em;
		background-image: url(../images/desktop_logo.svg);
	}
}
