.maderas-store-modal-wrap{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 11000;
}
.maderas-store-modal{
background-color: #FFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 1px solid rgba(0, 0, 0, 0.175);
border-radius: 8px;
padding: 1rem 2rem;
z-index: 12000;
min-width: 290px;
max-width: 550px;
width: 100%;
}
.maderas-store-modal .title{
font-size: 20px;
font-weight: 600;
}
.maderas-store-modal .close{
font-weight: 400;
font-size: 16px;
color: #555;
cursor: pointer;
margin-left: auto;
}
.maderas-store-modal select{
margin-top: 24px;
margin-bottom: 16px;
padding: 16px;
background-position: center right 10px;
border: 1px solid #CDCDCD;
font-size: 16px;
}
.maderas-store-modal button{
border-radius: 16px;
border: 0;
font-size: 1rem;
padding: 0.625rem 1.5rem;
margin: 1rem 0;
background-color: #EEE;
transition: .3s ease;
}
.maderas-store-modal button:focus,
.maderas-store-modal button:hover{
background-color: #d7d7d7;
}
.maderas-store-modal button:active{
background-color: #b1b0b0;
}
.maderas-store-modal-overlay{
content: '';
background-color: rgba(0 0 0 / 50%);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 11000;
}
.maderas-store-modal-open{
position: absolute;
right: 100px;
bottom: -54px;
color: #FFF;
font-size: 18px;
font-weight: 600;
cursor: pointer;
background-color: #e2a237;
border-radius: 8px;
padding: 6px 16px;
}
.maderas-store-modal-open span{
text-decoration: underline;
}
#header .select-office{
display: none;
}
.d-flex{
display: flex;
}
.align-items-center{
align-items: center;
}