.margin-top-5{margin-top:5px}.margin-top-10{margin-top:10px}.margin-top-20{margin-top:20px}.margin-top-70{margin-top:70px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-70{margin-bottom:70px}.page-wrapper{padding:60px 10px 70px 10px}.stick-to-bottom-container{position:fixed;bottom:0;left:0;width:100vw;z-index:201}.card{background-color:#fff;border-radius:2px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.1),-1px 1px 3px 0 rgba(0,0,0,.1)}.card .card-header{padding:10px;display:flex;justify-content:space-between;align-items:center}.card .card-header .card-header-right{text-align:right}.card .card-detail{color:#f39c12;text-align:center;padding:5px;border-top:1px solid #eee;border-bottom:1px solid #eee}.card .card-body{display:none}.card .card-body .body-list{padding:5px 10px;display:flex;justify-content:space-between;align-items:center}.card .card-body .body-action{padding:10px;border-top:1px solid #eee}.card .card-body .body-action.horizontal{display:flex;justify-content:space-between;align-items:center}.card .card-body .body-action.horizontal .half{width:48%}.card .card-section{padding:10px}.card .card-section.top-bordered{border-top:1px solid #eee}.card .card-section.bottom-bordered{border-bottom:1px solid #eee}.card .card-section .card-title{font-size:1rem}.card .card-section .card-sub-title{font-size:.9rem}.card .card-list{display:flex;justify-content:space-between;align-items:center;padding:10px}.orange-text{color:#f39c12}.gray-text{color:#888}a.orange-link{color:#f39c12;text-decoration:none}a.orange-link:active,a.orange-link:visited{color:#c27b0a}.danger-text{color:#d00}.success-text{color:#0d0}.bold-text{font-weight:700}.big-text{font-size:1rem}.medium-text{font-size:.9rem}.small-text{font-size:.7rem}.text-center{text-align:center}.page-title{font-size:1rem;color:#f39c12;font-weight:700;text-align:center}.page-sub-title{font-size:.8rem;color:#f39c12;text-align:center}.group-of-form.horizontal{display:flex;justify-content:space-between;align-items:center}.group-of-form.horizontal .half{width:48%}.group-of-form .label-form{font-size:.8rem;font-weight:700;margin-bottom:3px}.group-of-form .input-form{width:100%;border:1px solid #eee;padding:10px;background-color:#fff}.group-of-form .date-form{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #eee;padding:10px;background-color:#fff;font-size:.85rem}.group-of-form .date-form i{color:#888}.button{display:inline-block;padding:10px;border-radius:2px;color:#000;background-color:#fff;font-size:1rem;font-weight:700;text-align:center}.button.button-block{display:block}.button.button-orange{color:#fff;background-color:#f39c12}.button.button-orange:active{background-color:#c27b0a}.button.button-sm{font-weight:400;font-size:.8rem;padding:5px 10px}.button.pilih-kamar{display:block;padding:8px;font-weight:400;font-size:.9rem;background-color:transparent;border:1px solid #f39c12;color:#f39c12}.bottom-action-button{position:fixed;left:0;bottom:0;width:100vw;z-index:202;background-color:#f39c12;color:#fff;font-size:1rem;box-shadow:0 -2px 5px rgba(0,0,0,.2)}.bottom-action-button .full{width:100%;padding:14px;display:inline-block}.bottom-action-button .full:active{background-color:#c27b0a}.bottom-action-button .left{width:50%;padding:14px;display:inline-block}.bottom-action-button .left:active{background-color:#c27b0a}.bottom-action-button .right{text-align:right;width:50%;padding:14px;display:inline-block}.bottom-action-button .right:active{background-color:#c27b0a}@keyframes fade{from{ opacity:0}to{opacity:1}}.fade-enter{opacity:0}.fade-enter-active{animation:fade 200ms}.fade-leave{opacity:0}.fade-leave-active{animation:fade 200ms reverse}.label{color:#eee;background-color:#fff;border:1px solid #eee;border-radius:2px;padding:2px 7px;text-align:center;font-size:.7rem;display:inline}.label.success{color:#0d0;background-color:#fff;border:1px solid #0d0}.label.danger{color:#d00;background-color:#fff;border:1px solid #d00}.label.warning{color:#e8b000;background-color:#fff;border:1px solid #e8b000}.label.black{color:#000;background-color:#fff;border:1px solid #000}.label.gray{color:#888;background-color:#fff;border:1px solid #888}.label.orange{color:#f39c12;background-color:#fff;border:1px solid #f39c12}.list-menu-container .menu-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;background-color:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.1),-1px 1px 3px 0 rgba(0,0,0,.1);border-radius:3px}.list-menu-container .menu-item:active{background-color:#eee}.list-menu-container .menu-item.development{filter:grayscale(100%)}.list-menu-container .menu-item .left{display:flex;align-items:center}.list-menu-container .menu-item .left .menu-icon{height:30px;width:30px}.list-menu-container .menu-item .left .menu-label{margin-left:10px;color:#f39c12;font-size:1rem}.list-menu-container .menu-item .right{text-align:right;color:#f39c12;font-size:1rem}.grid-menu-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.grid-menu-container .menu-item{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100px;height:100px;margin:5px;padding:5px;background-color:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.1),-1px 1px 3px 0 rgba(0,0,0,.1);border-radius:3px}.grid-menu-container .menu-item:active{background-color:#eee}.grid-menu-container .menu-item.development{filter:grayscale(100%)}.grid-menu-container .menu-item .menu-icon{height:35px;width:35px}.grid-menu-container .menu-item .menu-label{margin-top:5px;color:#f39c12;font-size:.8rem}.menu-fab{position:fixed;bottom:10px;right:10px;z-index:99;width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#f39c12;color:#fff;font-size:1.2rem;box-shadow:1px 1px 3px 0 rgba(0,0,0,.1),-1px 1px 3px 0 rgba(0,0,0,.1)}.menu-fab:active{background-color:#c87f0a}.table-responsive{overflow-x:auto;padding-bottom:10px}table.matris-table{border:1px solid #f39c12;border-collapse:collapse;width:100%}table.matris-table thead tr{background-color:#f6b855}table.matris-table thead tr th{text-align:left;font-weight:400;font-size:.8rem;color:#fff;padding:10px 10px 10px 10px;white-space:nowrap}table.matris-table thead tr th.wrap{white-space:wrap}table.matris-table tbody tr:nth-child(even){background-color:#efefef}table.matris-table tbody tr td{padding:5px 10px 5px 10px;font-size:.7rem;white-space:nowrap}table.matris-table tbody tr td.wrap{white-space:wrap}table.matris-table tfoot tr td{text-align:left;font-weight:700;font-size:.8rem;border:1px solid #eee;padding:5px 10px 5px 10px;white-space:nowrap}