.warranties-button {
	width: auto;
	padding: 0.563em 1.125em 0.813em;
	border: 1px solid #ac1100;
	align-items: center;
	justify-content: center;
	background-color: #244083;
	border-color: transparent;
	color: #ffffff;
	transition: all .15s linear;
	font-size: 16px;
	font-weight: inherit;
	line-height: 1.3;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
	position: relative;
	font-family: Roboto, sans-serif;
	cursor: pointer;
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.error-message,
register-message {
	color: red;
}

.notify-message {
	padding: 7.5px;
}

.not-register {
	display: none;
}

#duty-motor-text {
	text-decoration: underline;
	color: rgba(42, 82, 152, 1);
}

#duty-motor-text:hover {
	text-decoration: underline;
	color: #ffb900;
	cursor: pointer;
}

.duty-motors-modal,
#loading {
	display: none;
	position: fixed;
	z-index: 100;
	padding-top: 100px;
	left: 0;
	top: 0;
	max-width: calc(100%-80px);
	max-height: calc(100%-80px);
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);

}

.modal {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 25px;
	border: 1px solid #888;
	width: 50%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.modal-header .close-modal {
	float: right;
	font-size: 15px;
}

.dropdown-emulator {
  position:relative;
}

.dropdown-emulator ul {
  position:relative;
  left:-20px;
  display: none;
  list-style: none;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px #00000013;
  max-height: 300px;
  overflow-y: auto;
  z-index: 99999999 !important;
}

.bh-warranty-product-select-button {
  cursor: pointer;
  border: 1px solid #10213f;
  border-radius: 5px;
  padding: 7.5px 10px;;
  width: fit-content;
  box-shadow: inset 0 1px 1px #00000013;
  color:white;
  background-color: #10213f;
}

.dropdown-header {
  font-weight: bold;
  color: white;
  padding: 5px 12.5px 5px 12.5px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background-color: #2a488e;
}

.dropdown-option {
  padding: 2.5px 10px;
  cursor: pointer;
}
.dropdown-option:hover {
  background-color: #e7e7e7;
}

#product-selected, 
#purchase-place-selected, 
#bh-error-message,
.warranty-form-customer-info {
  display:none;
}

.duty-motors-modal-button{
  display:none;
}

.hidden {
  display:none
}

.warranty-form-customer-info > label,
#product-selected > label,
#bhusa-purchase > label,
#third-purchase > label {
  margin-top: 10px;
  margin-bottom:2.5px; 
}

.container { 
    margin: 20px auto; 
} 
  
.progress-container { 
    text-align: center; 
    margin-bottom: 30px; 
} 
  
.progress-bar-agreements { 
    list-style-type: none; 
    display: flex; 
    justify-content: space-between; 
    color: lightgrey; 
} 
  
.progress-bar-agreements li { 
    flex: 1; 
    text-align: center; 
    font-size: 15px; 
    font-weight: bold; 
    position: relative; 
} 
  
.progress-bar-agreements li.active { 
    color: #2a488e; 
} 
  
.progress { 
    height: 20px; 
    background-color: lightgray; 
    border-radius: 5px; 
    overflow: hidden; 
} 
  
.progress-bar { 
    background-color: #2a488e; 
    width: 0; 
    height: 100%; 
    transition: width 0.4s ease-in-out; 
} 
  
.step-container fieldset { 
    background: white; 
    border: 1px solid #ccc; 
    border-radius: 5px; 
    box-sizing: border-box; 
    width: 100%; 
    margin: 0; 
    position: relative; 
    display: none;
	padding: 20px 20px 20px 20px;
} 
  
.step-container fieldset:first-of-type { 
    display: block; 
} 
  
h2 { 
    color: #2a488e; 
    margin-top: 10px; 
    text-align: center; 
} 
  
.next-step, 
.previous-step,
.finish-step { 
    width: 100px; 
    font-weight: bold; 
    color: white; 
    border: 0 none; 
    border-radius: 5px; 
    cursor: pointer; 
    padding: 10px 5px; 
    margin: 10px 5px 10px 0px; 
    float: right; 
} 
  
.next-step { 
    background: #2a488e; 
} 
  
.previous-step { 
    background: #616161; 
} 
  
.next-step:hover, 
.next-step:focus { 
    background-color: #2a488e; 
} 
  
.previous-step:hover, 
.previous-step:focus { 
    background-color: #4d4d4d; 
} 
  
.text { 
    color: #2a488e; 
    font-weight: normal; 
} 
  
.finish { 
    text-align: center; 
}

fieldset {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
	transition: opacity 0.3s ease;
}

fieldset h2 {
	margin-top: 0;
	font-size: 1.5em;
	margin-top: 1.5em;
}

fieldset p {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 20px;
	margin-right: 10em;
	margin-left: 10em;
	margin-top: 1em;
}

.modal-label {
	margin-left: 10em;
}

#product_register_success{
	font-weight:strong;
	font-size: 2em;
}
.warranty-button{
  display:none;
}
@media (max-width: 1160px) {
    
    .register-warranty-form-customer-info input, 
    .register-warranty-form-customer-info textarea {
        width: 100%;
    }

	.bh-warranty-product-select-button{
		width:100%
	}

    .warranties-button{
		width: 100%;
	}
    .progress-container,
    #dutyMotorsModalContent {
        width: 100%;
        margin: 0 auto;
    }

    fieldset{
		width:100%
	}

	fieldset p{
		font-size: 10px;
		line-height: 1.5;
		margin-bottom: 10px;
		margin-right:10px;
		margin-left: 10px;
		margin-top: 10px;
	}
    
    .next-step{
		
		float:none;
		width: 45% !important;
	}
	.previous-step{
		width:45% !important;
	}

    #dutyMotorsModal, .duty-motors-modal {
        width: 100%;
        
    }
	.modal{
		width:75%;
	}

    input[type="text"]{
		width: 100%;
	}
   
.modal-label{
	margin-left: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
    
   #purchase-place-select{
	width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
   }
    .x-btn{
		width:45%;
	}
	
	
}