/*
    Personal styles for fastorder.ocmod.
    Use this file to specify their own style or override existing styles for the order form in one click
    Use "!important" if Bootstrap and template styles not override.
 */
/* FastOrder modal form styles */
.modal-fastorder{
  z-index: 9999;
  zoom:90%;
}
/* FastOrder modal success styles */
.modal-fastorder-success{}
/* FastOrder button styles in the product cart */
.form-group .btn-fastorder{
  margin-bottom: 5px;
}
/* FastOrder button styles in the category product list */
.button-gruop .btn-fastorder{
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 6px;
}
/* buttons in the fastorer form and success form */
.modal-fastorder button, .modal-fastorder-success button {
  font-size: 16px;
}
/* Fastorder form h1 (modal header) and success form */
.modal-fastorder h1, .modal-fastorder-success h4{

}
.modal-fastorder #tt{
  margin: 0;
  height: 0px;
}
.modal-fastorder ul{
  margin-bottom: 0;
}
/* FastOrder button Tested. Not Used in production ============================================== */
.button-fastorder>span{
  margin: 0 11px 0 5px;
  font-weight: bold;
}
.button-fastorder{
  z-index: 9998;
  position: fixed;
  transform: rotate(90deg);
  font-size: 20px;
  color:#fff;
  /*right: -92px; */
  right: -111px;
  background-color: #D2504D;
  padding: 6px;
  border-radius: 3px;
  border: 1px solid #B8504E;
}
.button-fastorder:hover{
  background-color: #C9302C;
}
#fastorder label {
  display: none;
}
[id*="fastorder-form-container"] .modal-content {
  width: 400px;
  max-width: 90vw;
  margin: 0 auto;
  box-shadow: 0 0 20px rgb(0 0 0 / 50%);
  border-radius: 20px;
  font-size: 16px;
  color: #000;
  padding: 0px 0px;
}
[id*="fastorder-form-container"] .close span {
  display: none !important;
}
/* FastOrder button */
.btn-fastorder {
    background: transparent;
    border: 1px solid #000;
    white-space: nowrap;
    color: #000;
    height: 31px;
    display: flex;
    line-height: 1;
    margin: 12px 0 0 0;
}
[id*="fastorder-form-container"] .modal-footer ul {
    border-top: 0px solid rgba(0, 0, 0, 0.3);
    padding-top: 0;
    font-size: 14px;
}
.modal-footer li {
    color: #7F7F7F;
}
.modal-footer li + li {
  margin-top: 4px;
}
#fastorder input {
    height: 25px;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    background: transparent;
    color: #000;
    margin: 0 0 9px;
    width: 100%;
    border-radius: 0;
}
[id*="fastorder-form-container"] .modal-footer li span {
  color: #000 !important;
  display: inline-block !important;
}
#fastorder fieldset {
    padding: 0;
    margin: 0;
    border: none;
}
#fastorder .modal-footer {
    padding: 0px 16px 24px;
}
#fastorder .modal-body {
    position: relative;
    padding: 16px 16px;
}
#fastorder #error-msg {
    font-size: 14px;
    margin-bottom: 16px;
    color: #f00;
}