body{background-color:#f5f5f5;font-family:'Roboto', sans-serif}.btn-green{color:#fff;font-size:14px;font-weight:500;-webkit-transition:all ease 0.5s;transition:all ease 0.5s;background-color:#2b9a2d;cursor:pointer;padding:10px 20px;border-radius:3px;text-decoration:none;text-transform:uppercase;user-select:none;letter-spacing:1px;margin:5px}.btn-green:hover{color:#fff;opacity:0.6}.error-message{display:block;color:#f44336;font-weight:400}.success-message{color:#226f23;font-weight:400;background:#86d487;padding:10px 15px}.konfirmi__container{display:flex;flex-direction:column;margin:30px 40px 0 20px}.konfirmi__header{display:flex;justify-content:space-between;margin-bottom:10px}.konfirmi__header-auth{display:flex;justify-content:flex-end;margin-bottom:20px}.konfirmi__header-auth .btn-green{display:inline-block;height:20px}.konfirmi__logo{height:50px}.konfirmi__logo-wrapper{display:flex;justify-content:space-between;margin-bottom:10px}.konfirmi__block-title{color:#2b9a2d;font-size:24px;font-weight:400;line-height:32px}.konfirmi__table{flex-direction:column;background-color:#fff;widows:95%;margin:0 auto;border:1px solid rgba(0, 0, 0, 0.1);border-radius:3px;cursor:default;display:flex;justify-content:center;width:100%}.konfirmi__table thead,.konfirmi__table tr,.konfirmi__table td,.konfirmi__table th{display:flex;justify-content:center;width:100%}.konfirmi__table th{font-weight:normal;font-size:18px}.konfirmi__table td,.konfirmi__table th{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.1)}.konfirmi__table tbody tr:hover{background:#f5f5f5}.konfirmi__table tr:last-child td{border-bottom:none}.konfirmi__table tr th,.konfirmi__table tr td{width:25%;overflow:hidden}.konfirmi__table thead{color:grey;overflow:hidden}.konfirmi__table thead th{font-weight:100}.konfirmi__table .siteKey{text-overflow:ellipsis;width:70px;white-space:nowrap;overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;padding:15px;overflow:auto;background-color:rgba(0, 0, 0, 0.88);animation-duration:0.35s;animation-fill-mode:both;animation-name:fadeIn;}.modal__dialog{position:relative;max-width:500px;padding:20px;margin:auto;border-radius:4px;background-color:#fff}.modal__close{position:absolute;top:20px;right:20px;padding:0;border:none;color:#ccc;background-color:transparent;background-image:none}.modal__close:focus{outline:0}.modal__header{border-bottom:1px solid #e2e2e2}.modal__title{margin:0 0 15px}.modal__content{padding:10px 0;font-size:13px;line-height:1.6;color:#555}.modal__footer{padding-top:20px;border-top:1px solid #e2e2e2;text-align:right}.modal--fullscreen{padding:5px}.modal--fullscreen .modal__dialog{width:100%;max-width:none;height:100%;border-radius:0}.modal.is-modal-active{display:flex}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.demo{display:flex;align-items:center;height:100vh}.demo__card{max-width:350px;margin:30px auto;padding:20px;border:1px solid #e2e2e2;background-color:#fff;box-shadow:0 2px 4px 0 fade(#000, 10%);border-radius:4px;color:#444}.demo__title{margin-top:0;padding-bottom:10px;border-bottom:1px solid #e2e2e2;font-size:16px}.demo__btn{display:inline-block;width:100%;padding:10px 15px;border:1px solid #333;border-radius:8px;text-decoration:none;color:#333;background-color:transparent;transition:all 0.25s linear;margin-bottom:10px;cursor:pointer}.demo__btn:hover{background-color:fade(#000, 10%)}.demo__btn:focus,.demo__btn:active{outline:0}.demo__btn--secondary{border:1px solid #e2e2e2}.konfirmi-container{position:relative}img{margin:0 auto;cursor:pointer;border:1px solid lightgrey}.konfirmi-container iframe{position:absolute;bottom:-100%;z-index:10000;width:500px;box-shadow:0 0 20px 5px;background:white;transition:all 0.5s;height:550px;left:75px;display:none}.woocommerce-additional-fields .konfirmi-container{ display: none;}