div.hkmodal{position:fixed;z-index:1041}.hkmodal ::-webkit-scrollbar{width:10px;height:1%}.hkmodal ::-webkit-scrollbar-thumb{height:50%;border-radius:6px;background-color:#1093cb}.hkmodal ::-webkit-scrollbar-track,.hkmodal ::-webkit-scrollbar-track-piece{background-color:#e6e6e6}.hkmodal .frame{position:fixed;top:0;right:-100%;bottom:0;width:50%;height:100%;background-color:#fff;z-index:1050}.hkmodal .frame+.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);z-index:1049}.hkmodal .frame .form-group button:not(.dropdown-toggle,.items-filter-btn){width:100%;height:6rem;margin:5px 0;border:1px solid #ccc;color:#fff;font-size:1.6rem;text-shadow:0 1px 1px rgba(0,0,0,.5);cursor:pointer}.hkmodal .frame .form-group button:focus,.hkmodal .frame .form-group button:hover{background-position:0 0;background-size:100% 130%;color:#fff}.hkmodal .frame .form-group button.save{border-top:1px solid #90b345;border-bottom:1px solid #355f01;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#acd355),to(#6c9e02));background-image:linear-gradient(180deg,#acd355 0,#6c9e02);-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.2),inset 2px 1px 1px #bbe75d;box-shadow:0 1px 4px 0 rgba(0,0,0,.2),inset 2px 1px 1px #bbe75d}.hkmodal .frame .form-group button.cancel{border-top:1px solid #dbdbdb;border-bottom:1px solid #a1a1a1;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fbfbfb),to(#ddd));background-image:linear-gradient(180deg,#fbfbfb 0,#ddd);color:#595959;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.2);box-shadow:0 1px 4px 0 rgba(0,0,0,.2)}.hkmodal .frame>button.cancel{position:absolute;top:10px;left:-30px;width:60px;height:60px;border:0;border-radius:30px;outline:none;background-color:#fff;color:#2a7ab9;font-size:3rem;line-height:3rem;-webkit-transition:all .4s;transition:all .4s}.hkmodal .frame>button.cancel:hover{color:#4b4b4b;-webkit-transition:all .4s;transition:all .4s}.hkmodal .frame .container{height:100%;padding:25px 25px 60px;overflow:auto}.hkmodal .frame .container>div{overflow:hidden}.hkmodal .frame .container h1{margin:0 0 60px;color:#30465b;font-family:MyriadPro-Light,sans-serif;font-size:20px;text-align:center;text-transform:uppercase}.hkmodal .dropdown-menu li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.hkmodal .dropdown-menu li a span.text{max-width:100%;white-space:normal}@media (max-width:1200px){.hkmodal .frame{width:70%}}@media (max-width:992px){.hkmodal .frame{width:100%}.hkmodal .frame>button.cancel{left:20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5);z-index:1}.hkmodal .frame .container{padding:15px}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){body .hkmodal .frame .container>div>.container{overflow:visible}}
/*# sourceMappingURL=../maps/HKModal.css.map */