.month-picker-component{z-index:999;position:relative}.month-picker-component .custom-select{display:flex;word-wrap:none;word-break:normal;position:relative;text-align:left;min-width:200px}.month-picker-component .btn-month{cursor:pointer;width:30%;height:3rem;margin:1%;border:1px solid hsla(0,0%,40%,.501961);display:flex;justify-content:center;align-content:center;align-items:center}.month-picker-component .btn-month--disabled{pointer-events:none;background-color:hsla(0,0%,74.9%,.501961);opacity:.35}.month-picker-component .btn-month--active{color:#fff;background-color:#e1261c}.month-picker-component .btn-month:hover{color:#fff;background-color:#021d49}.month-picker-component .month-picker{position:relative}.month-picker-component .month-picker-year{border-bottom:1px solid hsla(0,0%,40%,.501961);display:flex;justify-content:center;padding-bottom:1rem;align-items:center}.month-picker-component .month-picker-year span{margin:0 2rem}.month-picker-component .month-picker-year button{padding:.5rem;font-size:12px}.month-picker-component .month-picker-year button:hover{background-color:#021d49;color:#fff}.month-picker-component .month-picker-months{padding:1rem 0;display:flex;flex-flow:wrap;justify-content:center;align-content:center;font-size:10px;text-align:center}.month-picker-component .month-picker-dropdown{border:1px solid hsla(0,0%,40%,.501961);background-color:#fff;width:100%;top:0;position:absolute;padding:1rem;box-shadow:2px 2px 2px 1px rgba(0,0,0,.1)}.month-picker-component .month-picker-ctrls{border-top:1px solid hsla(0,0%,40%,.501961);padding-top:1rem}.month-picker-component .month-picker-ctrls .btn{font-size:11px;padding:1rem .5rem;color:#fff;background-color:#021d49;width:100%}