.dropdown-list{position:relative;width:100%;max-width:18rem;margin:auto}.dropdown-list .btn{position:relative;display:flex;height:2.4rem;justify-content:center;align-items:center;font-size:1.1rem;border-radius:6px;padding:0;background:#d9dfe5}.dropdown-list .btn,.dropdown-list .btn select{width:100%;font-family:Ubuntu-Medium;color:#688197;border:0}.dropdown-list .btn select{height:100%;font-size:1.6rem;text-indent:-1000px;cursor:pointer;background:0;box-shadow:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.dropdown-list .btn.select:after{position:absolute;top:50%;right:3px;width:12px;height:12px;font-size:1.3rem;line-height:1rem;background:#d9dfe5;padding:5px;box-sizing:content-box;z-index:10;content:"\f077";font-family:Font Awesome\ 5 Free;font-weight:700;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;pointer-events:none;transform:translateY(-50%) rotate(180deg);transition:background .15s ease-in-out}.dropdown-list .btn.select span{position:absolute;max-width:90%;padding-right:.8rem;pointer-events:none;white-space:nowrap;overflow:hidden}.dropdown-list .btn.active{color:#fff;background:#688197;z-index:10}.dropdown-list .btn.active+.btn.active{z-index:5}.dropdown-list .btn.active:after{background:#688197}.dropdown-list .btn:focus{box-shadow:none}.dropdown-list .btn-group{display:flex;flex-direction:column;width:100%;z-index:20}.dropdown-list .btn-group .btn{border-radius:0}.dropdown-list .btn-group .btn:first-child{border-radius:6px 6px 0 0}.dropdown-list .btn-group .btn:last-child{border-radius:0 0 6px 6px}.dropdown-list .btn-group>.btn-group:not(:first-child),.dropdown-list .btn-group>.btn:not(:first-child){margin-left:0}.dropdown-list .dropdown .dropdown-toggle{display:flex;align-items:center;width:100%;height:100%;color:#688197;text-decoration:none;transition:all .15s ease-in-out}.dropdown-list .dropdown .dropdown-toggle.show{border-radius:6px 6px 0 0;background:#d9dfe5}.dropdown-list .dropdown.active .dropdown-toggle{color:#fff}.dropdown-list .dropdown.active .dropdown-toggle.show{border-radius:6px 6px 0 0;background:#688197}.dropdown-list .dropdown.active .dropdown-toggle:after{background:#688197}.dropdown-list .dropdown .dropdown-toggle:after{position:absolute;top:50%;right:3px;width:auto;height:auto;font-size:1.6rem;background:#d9dfe5;padding:0 5px;box-sizing:content-box;border-radius:50%;content:"\f077";font-family:Font Awesome\ 5 Free;font-weight:700;font-style:normal;font-variant:normal;text-rendering:auto;border:0;margin:0;pointer-events:none;transform:translateY(-50%) rotate(-180deg);transition:transform .3s,background .15s ease-in-out;-webkit-font-smoothing:antialiased}.dropdown-list .dropdown .dropdown-toggle.show:after{transform:translateY(-50%) rotate(0deg)}.dropdown-list .dropdown .dropdown-toggle span{max-width:100%;padding:0 0 0 1.5rem;margin-right:3rem;overflow:hidden}.dropdown-list .dropdown .dropdown-menu{width:auto;min-width:100%;max-height:36rem;font-family:Ubuntu-Light;font-size:1.3rem;font-style:italic;color:#6d8195;padding:0;margin:-2px 0 0 0!important;background-color:#f0f2f4;pointer-events:auto;border:0;border-radius:0 0 6px 6px;overflow:auto}.dropdown-list .dropdown .dropdown-menu li:first-child{padding-top:.5rem}.dropdown-list .dropdown .dropdown-menu li:last-child{padding-bottom:.5rem}.dropdown-list .dropdown .dropdown-menu .dropdown-item{color:#6d8195;padding:.3rem 1.5rem}.dropdown-list .dropdown .dropdown-menu .dropdown-item:hover{background:#d9dfe5}.dropdown-list .dropdown .dropdown-menu .dropdown-item.selected{background:#d9dfe5;pointer-events:none}.dropdown-list .btn-group .dropdown .dropdown-toggle{overflow:hidden}.dropdown-list .btn-group .dropdown .dropdown-toggle span{line-height:3.2rem}@media (min-width:768px){.dropdown-list{max-width:25rem;margin:1rem .4rem}.dropdown-list .btn{height:2.6rem;font-size:1.4rem}}