@charset "utf-8";

.mbp2046 { width: 100%; height: 39px; display: flex; position: relative; }

.mbp2046 .MuiButtonBase-root { color: rgb(255, 255, 255); background-color: rgb(32, 22, 72); }

.mbp2046 .MuiButtonBase-root:focus { outline: rgb(32, 22, 72) solid 1px; }

.mbp2046 .MuiButtonBase-root:hover { background-color: rgb(32, 22, 72); }

.mbp2047 { width: 100%; height: 39px; display: flex; position: relative; }

.mbp2048 { position: relative; }

@media (max-width: 1025.95px) {
  .mbp2048 { width: 100%; }
}

.mbp2049 { clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; overflow: hidden; position: absolute; }

.mbp2050 { position: relative; margin-right: 10px; }

.mbp2051 { position: relative; margin-right: 0px; }

.mbp2052 { top: 3px; left: 3px; color: rgb(124, 124, 112); position: absolute; }

.mbp2053 { color: rgb(255, 255, 255); position: relative; font-size: 22px; }

.mbp2054 { color: rgb(124, 124, 112); width: 100%; border: 1px solid rgb(204, 204, 204); height: 37px; font-size: 16px; font-family: arial, sans-serif; text-indent: 10px; }

.mbp2054:focus { outline: rgb(232, 234, 236) solid 1px; }

.mbp2054::placeholder { color: rgb(31, 31, 27); font-size: 14px; }

@media (max-width: 599.95px) {
  .mbp2054::placeholder { font-size: 10px; }
}

.mbp2055 { padding: 20px 10px 10px; }

.mbp2056 { width: 54%; }

@media (max-width: 1023.95px) {
  .mbp2056 { margin: 0px 3vw; flex-grow: 1; }
}

.mbp2057 { padding: 0px 10px 10px; }

.mbp2058 { text-indent: 0px; border-radius: 4px; }

.mbp2059 { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; height: 30px; font-family: "Area Variable", Lato, LatoMedium, sans-serif; text-indent: 34px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); border-radius: 0px; }

.mbp2060 { width: 95%; border: 1px solid rgb(232, 234, 236); height: 39px; font-family: "Area Variable", Lato, LatoMedium, sans-serif; font-weight: 500; border-radius: 3px 0px 0px 3px; }

.mbp2060::placeholder { color: rgb(117, 117, 117); }

@media (max-width: 1023.95px) {
  .mbp2060 { width: 100%; }
}

.mbp2061 { color: rgb(31, 31, 27); height: 40px; font-size: inherit; font-family: "Area Variable", Lato, LatoMedium, sans-serif; font-weight: 500; text-indent: 4px; border-radius: 4px 0px 0px 4px; }

.mbp2062 { color: rgb(255, 255, 255); font-size: 13px; text-transform: uppercase; background-color: rgb(32, 22, 72); -webkit-font-smoothing: antialiased; }

.mbp2062:hover { background-color: rgb(32, 22, 72); }

.mbp2062:focus { outline: rgb(32, 22, 72) solid 1px; }

.mbp2063 { padding: 5px 14px; font-size: 16px; min-width: 80px; font-weight: 700; text-transform: none; }

.mbp2064 { padding: 2px 14px; font-size: 16px; min-width: 100px; min-height: 27px; font-weight: 700; text-transform: none; }

.mbp2065 { background-color: rgb(32, 22, 72); margin: 0px auto !important; padding: 2px 14px !important; font-size: 12px !important; min-width: 100px !important; min-height: 27px !important; font-weight: 700 !important; border-radius: 0px 3px 3px 0px !important; text-transform: uppercase !important; }

.mbp2065:hover { background-color: rgb(32, 22, 72); }

@media (max-width: 1023.95px) {
  .mbp2065 { margin: 0px; min-width: 50px; }
}

@media (min-width: 1024px) {
  .mbp2065 { min-width: 100px; }
}

.mbp2066 { margin: 0px auto; padding: 9px 14px; font-size: 12px; min-width: 13%; min-height: 27px; font-weight: 700; border-radius: 0px 3px 3px 0px; text-transform: uppercase; background-color: rgb(32, 22, 72); }

.mbp2066:hover { background-color: rgb(32, 22, 72); }

.mbp2066:focus { outline: rgb(32, 22, 72) solid 1px; }

.mbp2067 { width: 87%; margin: 0px; display: flex; justify-content: flex-end; }

.mbp2068 { font-size: 16px; min-width: 40px; min-height: 40px; font-weight: bold; border-radius: 0px 2px 2px 0px; text-transform: none; background-color: rgb(31, 31, 27); }

.mbp2068.MuiButtonBase-root { min-width: 40px; font-weight: bold; border-radius: 0px 2px 2px 0px; text-transform: none; }

.mbp2069 { font-size: 14px; }

.mbp2070 { margin: 4px; }

.mbp2071 { width: 60%; padding: 10px; position: absolute; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 5px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 14px 0px; text-align: center; border-radius: 4px; background-color: rgb(255, 255, 255); }

.mbp2071:focus { outline: rgb(31, 31, 27) solid 1px; box-shadow: rgb(31, 31, 27) 0px 0px 10px; }

.mbp2071 .MuiButtonBase-root { padding: 2px; position: absolute; }

.mbp2072 { color: rgb(31, 31, 27); margin-top: 0px; }

.mbp2073 { top: -10px; right: -10px; padding: 2px; position: absolute; }

.mbp2074 { color: rgb(255, 255, 255); padding: 1px; font-size: 24px; border-radius: 100%; background-color: rgb(31, 31, 27); }

.mbp2075 { top: 10px; color: rgb(255, 255, 255); right: 10px; padding: 4px; position: absolute; font-size: 12px; max-width: 15px; min-width: 15px; background: rgb(92, 92, 82); border-radius: 50%; height: 15px !important; }

.mbp2076 { display: none !important; }

.mbp2077 { cursor: pointer; display: block; }

.mbp2078::placeholder { color: rgb(255, 0, 0); }